.vision-showcase{--vision-showcase-corner-radius:1rem;background:0 0;padding:4rem 1rem;position:relative}.vision-showcase-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.vision-showcase-controls__label{color:var(--atmosphere-text-muted,#6b7280);font-size:.875rem;font-weight:600}.vision-showcase-controls__group{border:1px solid rgba(var(--atmosphere-primary-rgb,16,185,129),.2);background:rgba(var(--atmosphere-primary-rgb,16,185,129),.08);backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem;display:inline-flex}.vision-showcase-toggle-button{color:var(--atmosphere-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:color .2s,background-color .2s,box-shadow .2s;position:relative}.vision-showcase-toggle-button[data-active=true]{color:var(--atmosphere-primary,#10b981);background:rgba(var(--atmosphere-primary-rgb,16,185,129),.16);box-shadow:0 12px 24px -12px rgba(var(--atmosphere-primary-rgb,16,185,129),.6)}.vision-showcase-toggle-button:not([data-active=true]):hover{color:var(--atmosphere-text,#1f2937);background:rgba(var(--atmosphere-primary-rgb,16,185,129),.12)}.vision-showcase-toggle-button:focus-visible{outline:2px solid rgba(var(--atmosphere-primary-rgb,16,185,129),.5);outline-offset:2px}.vision-showcase-item{text-align:center;backdrop-filter:blur(10px);border-radius:var(--vision-showcase-corner-radius,1rem);border:1px solid rgba(var(--atmosphere-primary-rgb,16,185,129),.1);will-change:transform;z-index:1;background:#ffffff0d;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.vision-showcase-item.editing-active{transition:none!important}.vision-showcase-item:hover{border-color:rgba(var(--atmosphere-primary-rgb,16,185,129),.2);background:#ffffff14;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.vision-showcase-item[data-corner-style=rounded-sm],.vision-showcase-item[data-corner-style=rounded-sm] .showcase-icon-empty,.vision-showcase-add[data-corner-style=rounded-sm]{--vision-showcase-corner-radius:1rem}.vision-showcase-item[data-corner-style=sharp],.vision-showcase-item[data-corner-style=sharp] .showcase-icon-empty,.vision-showcase-add[data-corner-style=sharp]{--vision-showcase-corner-radius:0rem}.showcase-icon{filter:saturate(1.2);justify-content:center;align-items:center;min-height:3.5rem;margin-bottom:1rem;font-size:3rem;line-height:1;display:flex}.showcase-icon-empty{opacity:.5;border:2px dashed rgba(var(--atmosphere-primary-rgb,16,185,129),.3);border-radius:var(--vision-showcase-corner-radius,1rem);width:3.5rem;height:3.5rem;margin:0 auto 1rem}.showcase-emoji-picker{border:1px solid rgba(var(--atmosphere-primary-rgb,16,185,129),.2);z-index:9999;background:#fff;border-radius:.75rem;flex-direction:column;width:480px;max-width:90vw;max-height:80vh;padding:1rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.emoji-grid{scrollbar-width:thin;scrollbar-color:rgba(var(--atmosphere-primary-rgb,16,185,129),.3)transparent;grid-template-columns:repeat(10,1fr);gap:.25rem;max-height:calc(80vh - 4rem);padding:.5rem;display:grid;overflow:hidden auto}.emoji-grid::-webkit-scrollbar{width:8px}.emoji-grid::-webkit-scrollbar-track{background:0 0}.emoji-grid::-webkit-scrollbar-thumb{background-color:rgba(var(--atmosphere-primary-rgb,16,185,129),.3);border-radius:4px}.emoji-grid::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--atmosphere-primary-rgb,16,185,129),.5)}@media (max-width:640px){.showcase-emoji-picker{width:320px;max-width:95vw}.emoji-grid{grid-template-columns:repeat(8,1fr)}}.emoji-option{cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;transition:all .1s;display:flex}.emoji-option:hover{background:rgba(var(--atmosphere-primary-rgb,16,185,129),.1);transform:scale(1.1)}.emoji-picker-backdrop{z-index:9998;background-color:#00000080;animation:.15s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.emoji-picker-close{cursor:pointer;width:2rem;height:2rem;color:var(--atmosphere-text-muted,#6b7280);z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .1s;display:flex;position:absolute;top:.5rem;right:.5rem}.emoji-picker-close:hover{background:#0000001a}.showcase-icon-input{text-align:center;border:2px solid rgba(var(--atmosphere-primary-rgb,16,185,129),.3);background:#ffffffe6;border-radius:.5rem;width:4rem;height:4rem;margin:0 auto 1rem;font-size:3rem;display:block}.showcase-icon-input:focus{border-color:var(--atmosphere-primary,#10b981);box-shadow:0 0 0 3px rgba(var(--atmosphere-primary-rgb,16,185,129),.1);outline:none}.showcase-title{color:var(--atmosphere-text,#1f2937);text-align:center;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.4}.showcase-title-input{text-align:center;width:100%;color:var(--atmosphere-text,#1f2937);border:none;border-bottom:2px solid rgba(var(--atmosphere-primary-rgb,16,185,129),.3);background:0 0;margin-bottom:.75rem;padding:.25rem 0;font-size:1.25rem;font-weight:600}.showcase-title-input:focus{border-bottom-color:var(--atmosphere-primary,#10b981);outline:none}.showcase-description{color:var(--atmosphere-text-muted,#6b7280);text-align:center;font-size:.875rem;line-height:1.6}.showcase-description-input{text-align:center;width:100%;color:var(--atmosphere-text-muted,#6b7280);border:1px solid rgba(var(--atmosphere-primary-rgb,16,185,129),.2);resize:none;background:0 0;border-radius:.5rem;padding:.5rem;font-size:.875rem;line-height:1.6}.showcase-description-input:focus{border-color:var(--atmosphere-primary,#10b981);box-shadow:0 0 0 3px rgba(var(--atmosphere-primary-rgb,16,185,129),.1);outline:none}.vision-showcase-add{background:rgba(var(--atmosphere-primary-rgb,16,185,129),.05);border:2px dashed rgba(var(--atmosphere-primary-rgb,16,185,129),.3);border-radius:var(--vision-showcase-corner-radius,1rem);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem 1.5rem;transition:all .2s;display:flex}.vision-showcase-add:hover{background:rgba(var(--atmosphere-primary-rgb,16,185,129),.1);border-color:rgba(var(--atmosphere-primary-rgb,16,185,129),.5)}@media (max-width:768px){.vision-showcase-item{padding:1.5rem 1rem}.showcase-icon{font-size:2.5rem}.showcase-title{font-size:1.125rem}.showcase-description{font-size:.813rem}}@media (prefers-color-scheme:dark){.vision-showcase-item{border-color:rgba(var(--atmosphere-primary-rgb,16,185,129),.2);background:#0003}.vision-showcase-item:hover{background:#0000004d}.showcase-icon-input,.showcase-title-input,.showcase-description-input{color:#fff;background:#0000004d}.showcase-emoji-picker{border-color:rgba(var(--atmosphere-primary-rgb,16,185,129),.3);background:#1f2937}.emoji-option:hover{background:rgba(var(--atmosphere-primary-rgb,16,185,129),.2)}.emoji-picker-close{color:#fff9;background:#ffffff1a}.emoji-picker-close:hover{background:#fff3}}.showcase-emoji-picker h3{color:var(--atmosphere-text,#1f2937);margin:0 0 1rem;padding:0 2rem 0 0;font-weight:600}.vision-showcase-item{will-change:transform;contain:layout style paint}.vision-showcase-item:has(.bolder-editor .floating-toolbar),.vision-showcase-item:has(.ProseMirror-focused){contain:none!important;overflow:visible!important}.vision-showcase-item .bolder-editor .floating-toolbar{z-index:10000!important}.vision-showcase .grid{gap:2rem}@media (max-width:640px){.vision-showcase .grid{gap:1.5rem}}.vision-showcase-item.editing-active{z-index:10;position:relative;contain:none!important;overflow:visible!important}.vision-showcase-item.editing-active:hover{box-shadow:none!important;transform:none!important}.vision-showcase-item .floating-toolbar{z-index:10000}