@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/IBMPlexSerif-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.ttf) format("truetype");font-weight:500;font-display:swap}:root{--plum-950:#0a0a0e;--plum-900:#181922;--plum-800:#1a1a24;--plum-700:#251f34;--plum-600:#37334c;--plum-500:#5d487d;--plum-400:#7156aa;--plum-300:#a667e4;--dawn-50:#f6f3ee;--dawn-100:#f1f0ef;--dawn-200:#e9e5e2;--dawn-300:#e6e3e0;--dawn-400:#d7d7d7;--dawn-500:#c0bfbd;--dusk-600:#245f6a;--gold-500:#9c7c5e;--gold-300:#c39d77;--t-ink:#1a1a24;--t-ink-2:#2d3b45;--t-mute:#6b6478;--font-sans:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;--font-serif:"IBM Plex Serif",Georgia,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius-md:8px;--radius-lg:10px;--radius-full:9999px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--plum-950);color:var(--t-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#__next{height:100vh;display:flex;flex-direction:column}.topbar{flex:0 0 auto;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:var(--plum-900);border-bottom:1px solid hsla(0,0%,100%,.06);color:var(--dawn-100)}.topbar .brand{display:flex;align-items:center;gap:12px}.topbar .brand img{width:24px;height:24px}.topbar .brand .wm{font:700 17px/1 var(--font-sans);letter-spacing:-.02em}.topbar .brand .sep{width:1px;height:18px;background:hsla(0,0%,100%,.18)}.topbar .brand .app-name{color:var(--dawn-200);font-weight:500;font-size:15px}.topbar .title-mid{text-align:center;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(224,238,230,.6)}.topbar .actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--radius-lg);font:500 14px/1 var(--font-sans);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s}.btn-primary{background:var(--gold-500);color:#fff}.btn-primary:hover{background:var(--gold-300)}.btn-ghost{background:transparent;color:var(--dawn-100);border-color:hsla(0,0%,100%,.14)}.btn-ghost:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.22)}.btn:disabled{opacity:.5;cursor:default}.btn .ico{width:16px;height:16px}.shell{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:380px 1fr}.sidebar{background:var(--dawn-100);border-right:1px solid var(--dawn-400);overflow-y:auto;padding:24px 28px 80px;color:var(--t-ink)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--dawn-400);border-radius:4px}.section{display:flex;flex-direction:column;gap:14px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid rgba(26,26,36,.08)}.section:last-child{border-bottom:0;margin-bottom:0}.section-label{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t-mute)}.surfaces{display:flex;flex-wrap:wrap;gap:6px}.surface-tab{flex:0 0 auto;height:32px;padding:0 12px;white-space:nowrap;border-radius:var(--radius-md);border:1px solid rgba(26,26,36,.14);background:#fff;font:500 13px/1 var(--font-sans);color:var(--t-ink-2);cursor:pointer;transition:all .15s}.surface-tab:hover{border-color:var(--plum-500)}.surface-tab.is-on{background:var(--plum-800);color:var(--dawn-100);border-color:var(--plum-800)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font:500 12px/1 var(--font-sans);color:var(--t-ink-2);display:flex;justify-content:space-between;align-items:baseline}.field-label .hint{font-weight:400;color:var(--t-mute);font-size:11px}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(26,26,36,.14);background:#fff;color:var(--t-ink);font:400 14px/1.4 var(--font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--plum-500);box-shadow:0 0 0 3px rgba(93,72,125,.12)}.textarea{resize:none;min-height:76px;font:600 15px/1.35 var(--font-serif);letter-spacing:-.01em}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%236B6478' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-row .lbl{font:500 13px/1.2 var(--font-sans);color:var(--t-ink)}.toggle{width:38px;height:22px;background:rgba(26,26,36,.18);position:relative;cursor:pointer;transition:background-color .15s;flex:0 0 auto}.toggle,.toggle:after{border-radius:var(--radius-full)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.18)}.toggle.is-on{background:var(--plum-700)}.toggle.is-on:after{transform:translateX(16px)}.stage{position:relative;background:radial-gradient(ellipse 1200px 800px at 70% 30%,rgba(166,103,228,.1),transparent 60%),radial-gradient(ellipse 900px 700px at 20% 90%,rgba(36,96,106,.1),transparent 60%),var(--plum-950);overflow:hidden;display:flex;flex-direction:column}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,hsla(0,0%,100%,.035) 1.2px,transparent 1.6px);background-size:14px 14px;pointer-events:none}.stage-canvas{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:40px 40px 16px}.frame-wrap{position:relative;width:100%;max-width:980px;aspect-ratio:1200/630;border-radius:10px;overflow:hidden;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55));background:var(--plum-800)}.frame-wrap img{width:100%;height:100%;display:block;transition:opacity .18s ease-out}.frame-wrap.is-loading img{opacity:.55;filter:blur(1px)}.stage-footer{position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:16px;padding:14px 24px 22px;color:rgba(224,238,230,.72);font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.stage-footer .dim{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);padding:6px 10px;border-radius:var(--radius-md)}.diagram-frame{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;border-radius:12px;overflow:hidden;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55))}.diagram-frame img{max-width:100%;max-height:100%;display:block;transition:opacity .2s ease-out}.diagram-frame.is-loading img{opacity:.5}.diagram-frame video{max-width:100%;max-height:100%;display:block;border-radius:12px}.anim-status{display:flex;align-items:center;gap:10px;color:rgba(224,238,230,.72);font:500 13px/1 var(--font-sans);padding:24px 28px}.anim-spinner{width:14px;height:14px;border-radius:50%;border:2px solid hsla(0,0%,100%,.25);border-top-color:hsla(0,0%,100%,.9);animation:anim-spin .7s linear infinite}@keyframes anim-spin{to{transform:rotate(1turn)}}.stage-canvas.is-drop{outline:2px dashed rgba(166,103,228,.6);outline-offset:-12px;border-radius:16px}.shot-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:60%;max-width:460px;aspect-ratio:16/10;border:1.5px dashed hsla(0,0%,100%,.18);border-radius:16px;color:rgba(224,238,230,.75);cursor:pointer;transition:border-color .15s,background-color .15s}.shot-drop:hover{border-color:rgba(166,103,228,.6);background:rgba(166,103,228,.05)}.shot-drop-icon{font-size:30px;line-height:1;opacity:.7}.shot-drop-title{font:600 16px/1 var(--font-sans);color:var(--dawn-100)}.shot-drop-sub{font:400 13px/1 var(--font-sans);color:rgba(224,238,230,.55)}.shot-scaler,.shot-scene{position:relative}.shot-scene{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.shot-dots{position:absolute;inset:0;pointer-events:none}.shot-window{position:relative;display:inline-flex;flex-direction:column;max-width:100%;max-height:100%;overflow:hidden}.shot-chrome{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:0 14px}.shot-dots-row{display:flex;gap:8px;flex:0 0 auto}.shot-dots-row span{width:12px;height:12px;border-radius:50%;display:block}.shot-chrome-title{text-align:center;font:500 13px/1 var(--font-sans);margin-right:56px}.shot-chrome-title,.shot-url{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-url{height:28px;display:flex;align-items:center;padding:0 14px;border-radius:999px;font:400 13px/1 var(--font-sans)}.shot-img{display:block;width:auto;height:auto}.swatches{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.swatch{position:relative;height:40px;border-radius:8px;border:1px solid rgba(26,26,36,.14);cursor:pointer;padding:0;overflow:hidden;transition:transform .12s,box-shadow .12s}.swatch:hover{transform:translateY(-1px)}.swatch.is-on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--plum-400);border-color:transparent}.swatch-none{display:flex;align-items:center;justify-content:center;height:100%;color:var(--t-mute);background:repeating-conic-gradient(#e7e7ea 0 25%,#fff 0 50%) 50% /14px 14px}.rel-scaler,.rel-scene{position:relative}.rel-scene{overflow:hidden;box-sizing:border-box}.rel-layer{position:absolute;inset:0;pointer-events:none}.rel-grain{opacity:.14;mix-blend-mode:overlay}.rel-bracket{position:absolute;width:26px;height:26px}.rel-bracket.tl{top:34px;left:34px;border-top:1.5px solid;border-left:1.5px solid}.rel-bracket.br{bottom:34px;right:34px;border-bottom:1.5px solid;border-right:1.5px solid}.rel-content{position:absolute;inset:0;display:flex;flex-direction:column;padding:60px 68px;box-sizing:border-box}.rel-top{justify-content:space-between}.rel-logo,.rel-top{display:flex;align-items:center}.rel-logo{gap:12px}.rel-body{flex:1 1;display:flex;flex-direction:column;justify-content:center}.rel-codename{font-family:var(--font-serif);font-weight:600;letter-spacing:-.025em}.rel-tagline{margin-top:22px;max-width:540px;font-family:var(--font-sans);font-weight:400;font-size:23px;line-height:1.4;letter-spacing:-.005em}.rel-bottom{display:flex;align-items:center;justify-content:space-between}.rel-pill{display:inline-flex;align-items:center;gap:11px;padding:12px 20px;border-radius:9999px;border:1px solid}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:rgba(26,26,36,.14);outline:none;cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--plum-400);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer}.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--plum-400);border:2px solid #fff;cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--plum-800);color:var(--dawn-100);font:500 13px/1 var(--font-sans);padding:12px 18px;border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 24px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.is-on{opacity:1;transform:translateX(-50%) translateY(-4px)}