.editor-shell{background:radial-gradient(circle at 70% 35%,color-mix(in oklab,var(--primary) 8%,transparent),transparent 32%),var(--background)}.editor-header{z-index:30;border-bottom:1px solid color-mix(in oklab,var(--primary) 12%,transparent);background:color-mix(in oklab,var(--background) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.editor-icon-button,.editor-preview-action{border:1px solid color-mix(in oklab,var(--primary) 18%,transparent);color:color-mix(in oklab,var(--foreground) 62%,transparent);justify-content:center;align-items:center;gap:.5rem;transition:all .2s;display:inline-flex}.editor-icon-button{width:2.25rem;height:2.25rem}.editor-preview-action{text-transform:uppercase;letter-spacing:.13em;padding:.65rem .85rem;font-size:.65rem}.editor-icon-button:hover,.editor-preview-action:hover{border-color:color-mix(in oklab,var(--primary) 55%,transparent);color:var(--primary);box-shadow:0 0 24px color-mix(in oklab,var(--primary) 10%,transparent)}.editor-sidebar{border-right:1px solid color-mix(in oklab,var(--primary) 12%,transparent);background:color-mix(in oklab,var(--background) 95%,black)}.editor-group-list{border-top:1px solid color-mix(in oklab,var(--primary) 10%,transparent)}.editor-group{border-bottom:1px solid color-mix(in oklab,var(--primary) 12%,transparent)}.editor-group-heading{background:color-mix(in oklab,var(--primary) 3%,transparent);text-transform:uppercase;letter-spacing:.18em;width:100%;color:var(--primary);justify-content:space-between;align-items:center;padding:.8rem 1.5rem;font-size:.62rem;display:flex}.editor-group-heading small{letter-spacing:.08em;color:color-mix(in oklab,var(--foreground) 38%,transparent);font-size:.58rem}.editor-modules{border-top:1px solid color-mix(in oklab,var(--primary) 8%,transparent)}.editor-module{border-bottom:1px solid color-mix(in oklab,var(--primary) 7%,transparent);align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;transition:transform .25s,background .25s,border-color .25s;display:flex}.editor-module:last-child{border-bottom:0}.editor-module:hover{background:color-mix(in oklab,var(--primary) 5%,transparent);transform:translate(3px)}.editor-module.is-enabled{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 8%,transparent),color-mix(in oklab,var(--primary) 2%,transparent));box-shadow:inset 2px 0 var(--primary)}.editor-module-icon{border:1px solid color-mix(in oklab,var(--primary) 20%,transparent);width:2.45rem;height:2.45rem;color:color-mix(in oklab,var(--foreground) 50%,transparent);place-items:center;transition:all .25s;display:grid}.editor-module.is-enabled .editor-module-icon{border-color:color-mix(in oklab,var(--primary) 55%,transparent);color:var(--primary);box-shadow:0 0 22px color-mix(in oklab,var(--primary) 9%,transparent)}.editor-module strong{font-family:var(--font-serif);font-size:.98rem;font-weight:400;display:block}.editor-module small{color:color-mix(in oklab,var(--foreground) 38%,transparent);margin-top:.25rem;font-size:.64rem;line-height:1.35;display:block}.editor-switch{border:1px solid color-mix(in oklab,var(--foreground) 18%,transparent);border-radius:999px;flex:none;width:2.25rem;height:1.2rem;position:relative}.editor-switch i{background:color-mix(in oklab,var(--foreground) 30%,transparent);border-radius:50%;width:.7rem;height:.7rem;transition:all .25s;position:absolute;top:.2rem;left:.2rem}.editor-module.is-enabled .editor-switch{border-color:color-mix(in oklab,var(--primary) 65%,transparent)}.editor-module.is-enabled .editor-switch i{background:var(--primary);box-shadow:0 0 12px color-mix(in oklab,var(--primary) 60%,transparent);transform:translate(1rem)}.editor-stage{min-width:0;position:relative}.editor-stage-top{border-bottom:1px solid color-mix(in oklab,var(--primary) 10%,transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex}.editor-canvas{place-items:center;gap:3rem;min-height:calc(100vh - 145px);padding:3rem 1.5rem;display:grid;position:relative;overflow:hidden}.editor-canvas:before{content:"";background:radial-gradient(circle,color-mix(in oklab,var(--primary) 8%,transparent),transparent 68%);filter:blur(10px);pointer-events:none;border-radius:50%;width:34rem;height:34rem;animation:7s ease-in-out infinite vf-editor-breathe;position:absolute}.editor-phone{z-index:1;border:1px solid color-mix(in oklab,var(--primary) 35%,transparent);width:min(300px,72vw);box-shadow:0 35px 90px #00000073,0 0 55px color-mix(in oklab,var(--primary) 8%,transparent);background:#120707;border-radius:2.8rem;padding:.55rem;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative}.editor-phone:hover{box-shadow:0 45px 110px #0000008c,0 0 70px color-mix(in oklab,var(--primary) 12%,transparent);transform:translateY(-7px)rotateX(1deg)}.editor-phone-island{z-index:4;background:#120707;border-radius:999px;width:5.5rem;height:1.15rem;position:absolute;top:1.05rem;left:50%;transform:translate(-50%)}.editor-phone-screen{aspect-ratio:9/17;border-radius:2.35rem;position:relative;overflow:hidden}.editor-phone-screen>img{object-fit:cover;width:100%;height:100%;transition:transform 8s;position:absolute;inset:0}.editor-phone:hover .editor-phone-screen>img{transform:scale(1.06)}.editor-phone-shade{background:linear-gradient(#0000 30%,#120707e6);position:absolute;inset:0}.editor-phone-copy{text-align:center;inset-inline:1.5rem;animation:1s both vf-editor-copy;position:absolute;bottom:2.4rem}.editor-phone-copy p{letter-spacing:.28em;color:var(--primary);font-size:.55rem}.editor-phone-copy h2{font-family:var(--font-serif);margin-top:.7rem;font-size:2rem}.editor-phone-copy span{letter-spacing:.18em;color:color-mix(in oklab,var(--foreground) 50%,transparent);margin-top:.6rem;font-size:.55rem;display:block}.editor-status-panel{z-index:1;border:1px solid color-mix(in oklab,var(--primary) 14%,transparent);background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 5%,transparent),color-mix(in oklab,var(--background) 96%,transparent));width:min(560px,100%);padding:1.8rem;position:relative;box-shadow:0 25px 70px #0000002e}.editor-status-panel:before{content:"";background:linear-gradient(90deg,var(--primary),transparent);width:42%;height:1px;position:absolute;top:0;left:0}.editor-chip{border:1px solid color-mix(in oklab,var(--primary) 22%,transparent);color:color-mix(in oklab,var(--foreground) 65%,transparent);align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.65rem;transition:all .2s;display:inline-flex}.editor-chip:hover{border-color:color-mix(in oklab,var(--primary) 48%,transparent);color:var(--primary);transform:translateY(-2px)}@keyframes vf-editor-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes vf-editor-copy{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=1100px){.editor-sidebar{min-height:calc(100vh - 73px);max-height:calc(100vh - 73px);overflow:auto}.editor-canvas{grid-template-columns:minmax(300px,.65fr) minmax(360px,1fr);padding:4rem}.editor-stage-top{padding-inline:2rem}}@media (width<=1023px){.editor-sidebar{border-right:0;border-bottom:1px solid color-mix(in oklab,var(--primary) 12%,transparent)}.editor-group-list{display:block}}@media (width<=640px){.editor-canvas{padding-top:2rem}.editor-status-panel{padding:1.25rem}.editor-group-heading,.editor-module{padding-left:1rem;padding-right:1rem}}@media (prefers-reduced-motion:reduce){.editor-canvas:before,.editor-phone-copy{animation:none}.editor-phone,.editor-phone-screen>img,.editor-module,.editor-chip{transition:none}}