:root{--topbar-h: 67px;--bg: #f4f4f6;--bg-elev: #ffffff;--bg-elev-strong: #e5e5e8;--bg-soft: #efeff1;--border: #e6e6ea;--border-strong: #d2d2d8;--text: #0b0b0c;--text-muted: #55565c;--text-faint: #85868d;--accent: #0b0b0c;--accent-ink: #ffffff;--profit: #12a150;--loss: #e0344a;--topbar-bg: #f4f4f6dc;--error-ink: #b3172d;--ok-ink: #0c7a3c;--warn-ink: #8a5a00;--notice-bg: #fff4dc;--notice-ink: #6b4b00;--radius: 24px;--radius-sm: 14px;--shadow: 0 0 0 1px rgba(11, 11, 12, .05), 0 1px 2px rgba(11, 11, 12, .04);--font: "Satoshi", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg)}body{min-height:100vh;color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p,dl,dd{margin:0}kbd{font-family:var(--font-mono);font-size:.82em;padding:1px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--bg-elev)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;border-bottom:1px solid var(--border);background:var(--topbar-bg);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;will-change:backdrop-filter;transform:translateZ(0);contain:layout}.brand{display:flex;align-items:center;gap:13px}.brand__mark{width:30px;height:30px;background:var(--accent);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);flex:none}.brand h1,.auth__brand h1{font-size:16px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.brandbar{display:flex;align-items:center;gap:18px;min-width:0}.sitenav{display:flex;align-items:center;gap:2px;padding-left:18px;border-left:1px solid var(--border)}.sitenav__link{padding:6px 10px;font-size:13px;font-weight:500;color:var(--text-muted);text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent}.sitenav__link:hover{color:var(--text)}.sitenav__link.is-current{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}@media(max-width:620px){.brandbar{gap:10px}.brandbar .brand h1{display:none}.sitenav{padding-left:10px}.sitenav__link{padding:6px 7px}}.layout{flex:1;display:grid;grid-template-columns:minmax(340px,400px) 1fr;align-items:start;gap:0}.layout__controls{border-right:1px solid var(--border);padding:22px 22px 60px;max-height:calc(100vh - var(--topbar-h));overflow-y:auto;position:sticky;top:var(--topbar-h);contain:layout paint}.layout__stage{padding:30px 30px 60px;display:flex;justify-content:center}.stage__inner{width:100%;max-width:676px;display:flex;flex-direction:column;gap:18px}@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr)}.layout__controls{position:static;max-height:none;overflow-y:visible;border-right:none;border-bottom:1px solid var(--border);order:2}.layout__stage{order:1;padding:20px 16px 28px}}.preview{width:100%}.preview__stage{position:relative;width:100%;margin-inline:auto}.preview__frame{width:100%;margin-inline:auto;border-radius:0;overflow:hidden;box-shadow:var(--shadow);background:#05060a;contain:layout paint}.preview__canvas{display:block;width:100%;height:100%;touch-action:none}.preview__canvas.is-pannable{cursor:grab}.preview__canvas.is-dragging{cursor:grabbing}.preview__tip{margin-top:6px;font-size:11.5px;color:var(--text-faint);text-align:center}.clipbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.clipbar__meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint)}.clipbar__progress{flex:1 1 120px;height:4px;min-width:80px;border-radius:var(--radius-sm);background:var(--border);overflow:hidden}.clipbar__progress span{display:block;height:100%;background:var(--accent);transition:width .2s linear}.exportbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.exportbar__scale{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.exportbar__dims{margin-left:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.exportbar__actions{display:flex;gap:8px;margin-left:auto}.stage__note{font-size:12.5px;color:var(--text-faint);text-align:center;max-width:46ch;margin:0 auto}.controls{display:flex;flex-direction:column;gap:18px}.section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden;contain:layout paint style}.section__head{padding:14px 16px 12px;border-bottom:1px solid var(--border)}.section__head h2{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.section__head p{font-size:12px;color:var(--text-faint);margin-top:2px}.section__body{padding:16px;display:flex;flex-direction:column;gap:14px}.grid{display:grid;gap:12px}.grid--2{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field__label{display:flex;align-items:baseline;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.field__label em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-faint)}.input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.input:focus-visible,.btn:focus-visible,.chip:focus-visible,.segmented__item:focus-visible,.theme-swatch:focus-visible,.bg-tile__select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input--number{font-family:var(--font-mono)}.input-wrap{position:relative;display:block}.input-wrap--suffix .input{padding-right:34px}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-faint);pointer-events:none}.segmented{display:flex;padding:3px;gap:3px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.presets .segmented__item{padding:7px 5px;font-size:11.5px}.segmented__item{flex:1;padding:7px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease}.segmented__item:hover{color:var(--text)}.segmented__item.is-active{background:var(--accent);color:var(--accent-ink)}.segmented__item.is-active.is-profit{color:var(--profit);box-shadow:inset 0 0 0 1px var(--profit);background:transparent}.segmented__item.is-active.is-loss{color:var(--loss);box-shadow:inset 0 0 0 1px var(--loss);background:transparent}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle label{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12.5px;color:var(--text-muted)}.toggle__track{width:34px;height:20px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border-strong);position:relative;flex:none;transition:background .18s ease}.toggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:var(--radius-sm);background:var(--text-muted);transition:transform .18s ease,background .18s ease}.toggle input:checked+label .toggle__track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+label .toggle__thumb{transform:translate(14px);background:var(--accent-ink)}.toggle input:focus-visible+label .toggle__track{box-shadow:0 0 0 1px var(--accent)}.toggle input:checked+label .toggle__label{color:var(--text)}.slider{display:flex;flex-direction:column;gap:6px}.slider__head{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.slider__head em{font-style:normal;font-family:var(--font-mono);color:var(--text-faint)}.slider input[type=range]{width:100%;accent-color:var(--accent)}.sliders{display:flex;flex-direction:column;gap:12px}.subsection{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.subsection__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.subsection__head h3{margin:0;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted)}.readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.readout dt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.readout dd{font-family:var(--font-mono);font-size:15px;font-weight:500;margin-top:3px}.readout .is-profit{color:var(--profit)}.readout .is-loss{color:var(--loss)}.readout .is-muted{color:var(--text-muted)}.warn{font-size:12px;color:var(--warn-ink)}.localnote{margin:0;padding:10px 26px;font-size:12.5px;line-height:1.6;color:var(--text-muted);background:var(--bg-elev);border-bottom:1px solid var(--border)}.localnote strong{color:var(--text);font-weight:650}.localnote code{font-family:var(--font-mono);font-size:11.5px;padding:1px 5px;border-radius:var(--radius-sm);background:var(--bg-elev-strong);color:var(--text)}.frame-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.frame-swatch{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-muted);transition:transform .15s ease,border-color .15s ease,color .15s ease}.frame-swatch:hover{border-color:var(--border-strong);color:var(--text)}.frame-swatch.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text)}.frame-swatch__tile{display:block}.frame-swatch__name{font-size:10.5px;font-weight:600}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scene-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 4px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-muted);transition:transform .15s ease,border-color .15s ease,color .15s ease}.scene-swatch:hover{border-color:var(--border-strong);color:var(--text)}.scene-swatch.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text)}.scene-swatch__tile,.scene-swatch__none{display:block;max-width:100%;border-radius:2px}.scene-swatch__none{display:grid;place-items:center;border:1px dashed var(--border-strong);font-size:10.5px;color:var(--text-faint)}.scene-swatch__name{font-size:10.5px;font-weight:600}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-swatch{position:relative;height:58px;border-radius:var(--radius-sm);border:1px solid var(--border);padding:0;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.theme-swatch:hover{border-color:var(--border-strong)}.theme-swatch.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-swatch__dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:var(--radius-sm)}.theme-swatch__name{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:10.5px;font-weight:600;text-align:left;color:#ffffffdb;background:linear-gradient(transparent,#000000b8)}.rgb{display:flex;flex-direction:column;gap:12px}.override{display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px}.rgb__row{display:flex;align-items:center;gap:8px}.rgb__well{flex:0 0 auto;width:46px;height:36px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}.rgb__well::-webkit-color-swatch-wrapper{padding:3px}.rgb__well::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.rgb__well::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.rgb__hex{flex:1 1 auto;font-family:var(--font-mono);text-transform:uppercase}.bg-picker{display:flex;flex-direction:column;gap:12px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone.is-dragging{border-color:var(--accent);background:var(--bg-elev-strong)}.dropzone.is-busy{opacity:.7}.dropzone__hint{font-size:11.5px;color:var(--text-faint);max-width:34ch}.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bg-tile{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--bg)}.bg-tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bg-tile--none{display:flex;align-items:center;justify-content:center;padding:4px;font-size:10px;line-height:1.2;color:var(--text-muted);background:var(--bg-elev)}.bg-tile__select{position:absolute;inset:0;padding:0;border:none;background:none}.bg-tile__select img,.bg-tile__select video{width:100%;height:100%;object-fit:cover;display:block}.bg-tile{contain:layout paint style}.bg-tile__badge{position:absolute;left:4px;bottom:4px;padding:1px 5px;border-radius:var(--radius-sm);background:#000c;border:1px solid var(--border);font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted);pointer-events:none}.bg-tile__delete{position:absolute;top:3px;right:3px;width:20px;height:20px;line-height:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:#000000b3;color:#fff;font-size:14px;display:grid;place-items:center;opacity:0;transition:opacity .15s ease}.bg-tile:hover .bg-tile__delete,.bg-tile__delete:focus-visible{opacity:1}.muted-note{font-size:11px;color:var(--text-faint)}.btn{padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev-strong);color:var(--text);font-size:13px;font-weight:600;letter-spacing:.02em;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--bg-elev-strong) 88%,var(--text));border-color:var(--border-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:transparent}.btn--small{padding:6px 12px;font-size:12px}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 84%,var(--bg));border-color:color-mix(in srgb,var(--accent) 84%,var(--bg))}.chip{padding:5px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-mono)}.chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.toast-area{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:50;pointer-events:none}.toast{padding:10px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;border:1px solid var(--border-strong);background:#0b0b0c;animation:toast-in .22s ease}.toast--error{border-color:var(--loss)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px}.auth__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;padding:28px 26px 24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev)}.auth__brand{display:flex;align-items:center;gap:13px}.auth__brand--link{color:inherit;text-decoration:none}.auth__brand p{font-size:12.5px;color:var(--text-faint)}.auth__form{display:flex;flex-direction:column;gap:14px}.auth__submit{margin-top:2px;padding:11px 15px;font-size:14px}.auth__message{margin:0;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);font-size:12.5px;line-height:1.45;color:var(--text-muted)}.auth__message--error{border-color:var(--loss);background:#e0344a14;color:var(--error-ink)}.auth__message code{font-family:var(--font-mono);font-size:.92em;overflow-wrap:anywhere}.auth__footnote{font-size:11.5px;line-height:1.5;color:var(--text-faint);text-align:center}.auth__back{text-align:center;font-size:12.5px}.auth--loading{flex-direction:column;gap:14px}.auth__spinner{width:26px;height:26px;border-radius:var(--radius-sm);border:2px solid var(--border-strong);border-top-color:var(--accent);animation:auth-spin .7s linear infinite}.auth__loading-label{font-size:12.5px;color:var(--text-faint)}@keyframes auth-spin{to{transform:rotate(360deg)}}.topbar__actions{display:flex;align-items:center;gap:10px;min-width:0}.profile{position:relative;flex:none;margin-left:6px}.profile__button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev-strong);color:var(--text-muted);overflow:hidden;transition:border-color .15s ease,color .15s ease}.profile__button svg{display:block;width:100%;height:100%}.profile__button:hover,.profile__button.is-open{border-color:var(--accent);color:var(--text)}.profile__button:focus-visible{outline:none;box-shadow:0 0 0 1px var(--accent)}.syncdot{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-faint);white-space:nowrap}.syncdot__mark{width:7px;height:7px;border-radius:var(--radius-sm);background:currentColor;flex:none}.syncdot--saved .syncdot__mark{background:var(--accent)}.syncdot--saving .syncdot__mark,.syncdot--loading .syncdot__mark{background:var(--text-muted);animation:syncdot-pulse 1.1s ease-in-out infinite}.syncdot--error{color:var(--error-ink)}.syncdot--error .syncdot__mark{background:var(--loss)}@keyframes syncdot-pulse{50%{opacity:.25}}@media(max-width:860px){.syncdot{gap:0;font-size:0}}.bg-tile__badge--sync{top:4px;bottom:auto;background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.brand--link{color:inherit;text-decoration:none}.pricing{width:100%;max-width:1080px;margin:0 auto;padding:44px 26px 80px;display:flex;flex-direction:column;gap:22px}.pricing__hero{display:grid;gap:10px;max-width:60ch;margin-bottom:8px}.pricing__eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.pricing__hero h2{font-size:clamp(30px,5vw,44px);font-weight:700;line-height:1.08;letter-spacing:-.02em}.pricing__hero p:last-child{font-size:15px;color:var(--text-muted)}.pricing__banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border-strong);background:var(--bg-elev);font-size:13px;color:var(--text-muted)}.pricing__banner--error{border-color:var(--loss);background:#e0344a14;color:var(--error-ink)}.pricing__banner--ok{border-color:var(--profit);background:#12a15014;color:var(--ok-ink)}.pricing__pulse{width:7px;height:7px;flex:none;background:var(--text-muted);animation:syncdot-pulse 1.1s ease-in-out infinite}.pricing__current{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:12px 16px;border:1px solid var(--border);background:var(--bg-elev)}.pricing__current-label{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.pricing__current strong{font-size:14px;font-weight:600}.pricing__current-note{font-size:12.5px;color:var(--text-faint)}.pricing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.tier{position:relative;display:flex;flex-direction:column;gap:22px;padding:26px 24px 24px;background:var(--bg-elev)}.tier--featured{background:var(--bg-elev-strong);box-shadow:inset 0 0 0 1px var(--accent)}.tier__badge{position:absolute;top:0;right:0;padding:5px 10px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tier__head{display:grid;gap:8px}.tier__head h3{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.tier__price{display:flex;align-items:baseline;gap:8px}.tier__amount{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1}.tier__per{font-size:13px;color:var(--text-muted)}.tier__sub{font-size:12.5px;color:var(--text-faint)}.tier__features{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--border);display:grid;gap:11px;flex:1;align-content:start}.tier__features li{position:relative;padding-left:20px;font-size:13.5px;color:var(--text-muted)}.tier__features li:before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;background:var(--text)}.tier__cta{width:100%;padding:11px 15px;font-size:14px}.pricing__pay{font-size:12.5px;color:var(--text-faint);max-width:80ch}.pricing__promo{max-width:520px;contain:none}.pricing__promo-row{display:flex;gap:8px}.pricing__promo-row .input{flex:1;min-width:0;letter-spacing:.12em}.auth__message--ok{border-color:var(--profit);background:#12a15014;color:var(--ok-ink)}.pricing__faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;padding-top:26px;border-top:1px solid var(--border)}.pricing__faq h4{margin:0 0 6px;font-size:13.5px;font-weight:600}.pricing__faq p{font-size:13px;color:var(--text-muted)}@media(max-width:860px){.pricing{padding:28px 16px 60px}.pricing__grid,.pricing__faq{grid-template-columns:1fr}}.plannote{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 8px;margin:0;font-size:12.5px;color:var(--text-muted);text-align:center}.plannote__tag{padding:1px 6px;border:1px solid var(--border-strong);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.plannote--paid .plannote__tag{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.plannote--used{color:var(--text)}.linkish{padding:0;border:none;background:none;font-size:inherit;font-weight:600;color:var(--text);text-decoration:underline;text-underline-offset:3px}.linkish:hover{color:var(--text)}.dialog{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#000000b8;animation:toast-in .16s ease}.dialog__card{width:100%;max-width:440px;display:grid;gap:12px;padding:26px 24px 22px;border:1px solid var(--border-strong);background:var(--bg-elev)}.dialog__card h2{font-size:20px;font-weight:700;letter-spacing:-.01em}.dialog__card p:not(.pricing__eyebrow){font-size:13.5px;color:var(--text-muted)}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home{width:100%;max-width:1140px;margin:0 auto;padding:0 26px 40px}.home__hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:52px;padding:58px 0 66px}.home__hero-copy{display:grid;gap:14px;max-width:54ch}.home__hero-copy h2{font-size:clamp(32px,5.2vw,52px);font-weight:700;line-height:1.04;letter-spacing:-.028em}.home__lede{font-size:15.5px;color:var(--text-muted)}.home__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.home__cta-btn{padding:12px 20px;font-size:14.5px}.home__cta-note{font-size:12.5px;color:var(--text-faint)}.home__hero-card{display:grid;gap:12px}.home__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.home__swatch-row{display:flex;gap:6px}.home__swatch{width:22px;height:22px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.home__swatch.is-active{box-shadow:0 0 0 1px var(--bg),0 0 0 2px var(--accent)}.home__swatches-note{font-size:11.5px;color:var(--text-faint)}.home__section{padding:46px 0;border-top:1px solid var(--border)}.home__section-title{margin-bottom:18px;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.home__section-lede{max-width:78ch;margin-bottom:22px;font-size:15px;color:var(--text-muted)}.home__steps{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:var(--border);border:1px solid var(--border)}.home__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.home__step{display:grid;gap:8px;align-content:start;padding:24px 22px 26px;background:var(--bg-elev)}.home__step-n{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.home__step h4{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.home__step p{font-size:13.5px;color:var(--text-muted)}.home__plandetail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin:26px 0 0;padding-top:24px;border-top:1px solid var(--border)}.home__plandetail dt{margin-bottom:5px;font-size:13.5px;font-weight:600}.home__plandetail dd{font-size:13px;color:var(--text-muted)}.home__plans-more{margin-top:24px}.home__closer{display:grid;justify-items:center;gap:12px;padding:52px 26px 56px;margin-top:46px;border:1px solid var(--border);background:var(--bg-elev);text-align:center}.home__closer h3{font-size:clamp(22px,3.4vw,30px);font-weight:700;letter-spacing:-.02em}.home__closer p{font-size:14px;color:var(--text-muted)}.home__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:40px;padding-top:22px;border-top:1px solid var(--border)}.home__footer-brand{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.home__footer nav{display:flex;gap:18px}@media(max-width:980px){.home__hero{grid-template-columns:1fr;gap:34px;padding:34px 0 40px}.home__steps{grid-template-columns:1fr}}@media(max-width:720px){.home{padding:0 16px 32px}.home__section{padding:34px 0}.home__plandetail{grid-template-columns:1fr}.home__closer{margin-top:26px;padding:36px 18px 40px}}.btn{border-radius:999px}.btn--primary{border-color:var(--accent)}.chip{border-radius:999px}.chip.is-active{box-shadow:none}.input{border-radius:var(--radius-sm)}.toast{border-color:#ffffff29;color:#fff}.toast--error{color:#ffd9dd}.topbar{background:var(--topbar-bg);border-bottom:0}.sitenav__link{border-bottom:0;border-radius:999px}.sitenav__link.is-current{background:var(--bg-elev-strong)}.profile__button{overflow:hidden;border-radius:50%}.pricing__grid,.home__steps{overflow:hidden;border-radius:var(--radius)}.exportbar__actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){.brandbar,.sitenav{min-width:0}.sitenav{overflow-x:auto;scrollbar-width:none}.topbar__actions{flex:none}}.thememenu{position:relative;flex:none;margin-left:6px}.thememenu__button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-elev);color:var(--text-muted)}.thememenu__button:hover,.thememenu__button.is-open{border-color:var(--accent);color:var(--text)}.thememenu__list{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;width:170px;padding:6px;border-radius:18px;background:var(--bg-elev);box-shadow:0 12px 32px #00000038,var(--shadow)}.thememenu__list button{display:flex;align-items:center;gap:10px;padding:7px 9px;border:0;border-radius:12px;background:none;color:var(--text);font-size:14px;font-weight:500;text-align:left}.thememenu__list button:hover,.thememenu__list .is-active{background:var(--bg-soft)}.thememenu__list .is-active{font-weight:700}.thememenu__swatch{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:2px;width:30px;height:22px;border:1px solid;border-radius:7px}.thememenu__swatch i{width:9px;height:12px;border-radius:3px}body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(52vw 62vh at 10% 6%,var(--glow-a),transparent 74%),radial-gradient(50vw 66vh at 94% 22%,var(--glow-b),transparent 74%),radial-gradient(46vw 52vh at 48% 104%,var(--glow-a),transparent 74%);pointer-events:none}.section,.exportbar,.clipbar,.localnote,.tier,.auth__card,.pricing__banner,.pricing__current,.home__step{background:var(--glass);box-shadow:var(--glass-shadow)}.tier--featured{background:color-mix(in srgb,var(--bg-elev-strong) 78%,transparent)}.topbar{backdrop-filter:blur(18px) saturate(160%);box-shadow:0 1px 0 var(--glass-edge)}.thememenu__list,.dialog__card{background:var(--glass-strong);backdrop-filter:blur(18px) saturate(140%)}.thememenu__list{box-shadow:inset 0 1px 0 var(--glass-edge),0 12px 32px #00000038,var(--shadow)}.dialog__card{box-shadow:inset 0 1px 0 var(--glass-edge),0 24px 60px #0000004d}.preview__stage .clipbar{position:absolute;z-index:2;right:8px;bottom:6px;left:8px;gap:8px;padding:5px 8px;border-radius:999px;background:var(--glass-strong);backdrop-filter:blur(16px) saturate(140%)}@media(min-width:981px){.app:has(>.layout){height:100vh;height:100dvh;min-height:0;overflow:hidden}.layout{min-height:0;align-items:stretch}.layout__controls{position:static;min-height:0;max-height:none}.layout__stage{align-items:center;min-height:0;padding:10px 24px 14px;overflow-y:auto}.stage__inner{justify-content:center;gap:10px;height:100%;min-height:0}.preview--stage{display:flex;flex:1 1 0;flex-direction:column;max-height:560px;min-height:240px}.preview__room{display:grid;flex:1;min-height:0;container-type:size;place-items:center}.preview__stage{width:min(100cqw,calc(100cqh * var(--stage-ratio)))}.preview--stage .preview__tip,.stage__note{display:none}.exportbar{flex:none;gap:8px;padding:8px 12px}}@media(max-width:980px){.preview__stage .clipbar__meta{display:none}}