@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap";:root{--bg:#07080b;--bg-2:#0d0f14;--ink:#efe8d6;--ink-dim:#efe8d6a3;--ink-soft:#efe8d66b;--gold:#d4b56a;--gold-2:#f3dba8;--line:#efe8d624;--line-strong:#efe8d647;--glass:#0a0b10b8;--on-cta:#141108;--font:"Outfit", ui-sans-serif, system-ui, sans-serif;--serif:var(--font);--sans:var(--font);--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--text-hero-xl:6.1875rem;--text-hero:4.5rem;--text-title:3rem;--text-h1:2.25rem;--text-quote:2.1875rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-lede:1.125rem;--text-body:1rem;--text-small:.875rem;--text-choice:.8125rem;--text-eyebrow:.75rem;--text-tiny:.625rem;--lh-hero:.94;--lh-title:1.05;--lh-h1:1.17;--lh-quote:1.25;--lh-h2:1.21;--lh-h3:1.27;--lh-lede:1.56;--lh-body:1.625;--lh-small:1.57;--track-display:-.03em;--track-body:.01em;--track-button:.02em;--track-eyebrow:.1em;--track-visit:.08em;--radius-sm:12px;--radius-md:16px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:24px;--radius-3xl:28px;--radius-full:999px;--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--gold-2)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}html{background:var(--bg)}body{font-family:var(--sans);font-size:var(--text-body);line-height:var(--lh-body);color:var(--ink);background:var(--bg);letter-spacing:var(--track-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}button,input,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}:focus-visible{box-shadow:var(--focus);outline:none}.skip-link{z-index:20;background:var(--gold);color:var(--on-cta);padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.geo-canvas{touch-action:none;cursor:crosshair;background:0 0;width:100%;height:100%;display:block}.geo-canvas.is-text{cursor:default}.wordmark{height:3.5rem;color:var(--ink);flex:none;align-self:center;align-items:center;line-height:0;display:flex}.site-nav .wordmark{height:92%}.wordmark img{width:auto;height:100%;display:block}.eyebrow{font-size:var(--text-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-weight:500;line-height:1.33}h1,h2,h3{font-family:var(--sans);letter-spacing:var(--track-display);margin:0;font-weight:400}h1{font-size:clamp(2.625rem, 7vw, var(--text-hero-xl));line-height:var(--lh-hero)}h2{font-size:clamp(var(--text-h2), 4vw, var(--text-title));line-height:var(--lh-title)}h3{font-size:var(--text-h3);line-height:1.35}.muted,.lede{color:var(--ink-dim)}.primary-cta,.nav-cta{border-radius:var(--radius-full);background:var(--ink);min-height:48px;color:var(--on-cta);font-size:var(--text-body);letter-spacing:var(--track-button);justify-content:center;align-items:center;padding:0 22px;font-weight:500;line-height:1.25;display:inline-flex}.primary-cta:hover,.nav-cta:hover{background:var(--gold-2)}.text-link{color:var(--gold-2);border-bottom:1px solid #f3dba866}.site{flex-direction:column;min-height:100svh;display:flex}.site-top{z-index:8;position:sticky;top:0}.beta-bar{border-bottom:1px solid var(--line);background:linear-gradient(var(--bg-2), var(--bg-2)), var(--bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:2rem;color:var(--ink-dim);font-size:var(--text-small);justify-content:center;align-items:center;gap:10px;margin:0;padding:6px 16px;line-height:1.3;display:flex}.beta-mark{border:1px solid var(--gold);border-radius:var(--radius-full);color:var(--gold);font-size:var(--text-tiny);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.site-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07080bdb;align-items:center;gap:24px;height:4.75rem;padding:0 28px;display:flex}.site-nav nav{gap:18px;margin-left:auto;display:flex}.nav-link{color:var(--ink-dim);font-size:var(--text-body);line-height:var(--lh-body)}.nav-link.active,.nav-link:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px clamp(32px,6vw,100px);padding:48px clamp(28px,4vw,64px) 36px clamp(28px,5.7vw,109px);display:grid}.footer-brand .wordmark{height:auto}.footer-brand .wordmark img{width:min(510px,28vw);min-width:13.75rem;height:auto}.footer-copy{min-width:0;max-width:38rem}.footer-copy>p{font-size:var(--text-body);letter-spacing:.01em;margin:0;padding-top:16px;line-height:1.625}.footer-copy>p:first-child{color:var(--ink-soft)}.footer-aside{align-self:center;width:max-content;max-width:20rem}.site-footer .feeling-rate,.site-footer .feeling-rate.is-compact{max-width:none;margin-top:0}.feeling-rate{max-width:28rem;margin-top:22px}.feeling-prompt{color:var(--ink-dim);margin:0 0 10px;font-size:.9375rem;line-height:1.6}.feeling-prompt span{font-size:var(--text-choice);letter-spacing:var(--track-visit);text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-weight:500;display:block}.feeling-row{flex-wrap:wrap;gap:8px;display:flex}.feeling-thanks{color:var(--gold-2);font-size:var(--text-small);line-height:var(--lh-small);margin:10px 0 0}.feeling-rate.is-compact{margin-top:20px}.feeling-rate.is-compact .feeling-prompt{font-size:var(--text-small)}.footer-meta{flex-wrap:wrap;align-items:baseline;gap:16px 28px;margin-top:18px;display:flex}.site-footer .feeling-thanks{margin-top:10px}.visit-count{font-size:var(--text-choice);letter-spacing:var(--track-visit);text-transform:uppercase;color:var(--gold);margin:0;font-weight:500;line-height:1.23}.close-actions{justify-items:center;gap:14px;display:grid}.intro-band{max-width:42rem}.intro-band p+p{margin-top:16px}.principle{color:var(--gold-2);font-family:var(--sans);font-size:var(--text-h3);letter-spacing:var(--track-display);margin:28px 0 0;line-height:1.35}.tool-grid,.who-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--bg-2);padding:22px}.tool-card h3{letter-spacing:0;font-weight:500;line-height:var(--lh-h3);margin:0 0 8px}.who-band{padding-top:0}.quote-band{max-width:40rem;padding:24px 6vw 88px}.quote-band blockquote{font-family:var(--sans);font-size:clamp(var(--text-h2), 3vw, var(--text-quote));line-height:var(--lh-quote);letter-spacing:var(--track-display);color:var(--ink);margin:0 0 16px}.close-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.about-list{color:var(--ink-dim);grid-template-columns:1fr 1fr;gap:8px 24px;margin:0;padding-left:1.1rem;display:grid}.about-cta{margin-top:8px}.example-group{margin-top:48px}.example-group h2{font-size:clamp(1.5rem, 3vw, var(--text-quote))}.example-card .text-link,.example-row .text-link{margin-top:10px;display:inline-block}.example-group .page-head{margin-bottom:20px}.examples-close{padding-top:64px}.support-lead{max-width:46rem}.faq{gap:10px;display:grid}.faq details{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff05;padding:14px 18px}.faq summary{cursor:pointer;color:var(--ink);font-weight:500}.faq details p{margin:10px 0 0}.footer-nav{flex-wrap:wrap;gap:12px 20px;margin:0;padding-top:18px;display:flex}.footer-nav a{color:var(--ink-dim);font-size:.9375rem}.footer-nav a:hover{color:var(--gold-2)}.support-page{max-width:72rem}.support-thanks{color:var(--gold-2)}.support-tiers{grid-template-columns:minmax(0,28rem);gap:16px;margin:8px 0 12px;display:grid}.support-tier{border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffff05;align-content:start;gap:10px;padding:18px;display:grid}.support-tier h2{margin:0;font-size:1.625rem}.support-tier h2 span{color:var(--ink-dim);margin-left:6px;font-size:.92rem;font-weight:400}.support-tier ul{color:var(--ink-dim);gap:6px;margin:0;padding-left:1.1rem;display:grid}.support-tier .primary-cta{justify-self:start;margin-top:8px}.support-pass{gap:10px;max-width:22rem;display:grid}.hero{place-items:end stretch;min-height:calc(100svh - 108px);display:grid;position:relative;overflow:hidden}.hero-canvas{position:absolute;inset:0}.hero-copy{z-index:1;pointer-events:none;max-width:min(50rem,94vw);padding:0 48px 12vh;position:relative}.hero-copy h1{max-width:8.4em;font-size:clamp(2.5rem, 5.4vw, var(--text-hero));line-height:1.02}.hero-title-line{display:block}.hero-copy .primary-cta{pointer-events:auto;margin-top:28px}.hero-copy .lede{max-width:22rem;font-size:var(--text-lede);line-height:var(--lh-lede);letter-spacing:.011em;margin-top:18px}.hero-hint{max-width:22rem;color:var(--gold-2);margin:14px 0 0;font-size:.9375rem}.hero-peek{z-index:2;border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;width:min(22.5rem,100vw - 48px);padding:18px 18px 16px;position:absolute;bottom:10vh;right:clamp(16px,3vw,36px)}.hero-peek-lead{font-size:var(--text-small);line-height:var(--lh-small);color:var(--ink-dim);margin:6px 0 12px}.hero-peek .look-kicker{margin-top:10px}.hero-peek .hero-peek-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-peek .choice{min-height:64px;padding:8px 2px 6px;font-size:.68rem}.hero-peek .choice-row{gap:6px}.hero-peek .pill{min-height:36px;font-size:var(--text-small);padding:0 12px}.hero-peek-sliders{gap:10px;margin-top:12px;display:grid}.hero-canvas .geo-canvas{cursor:none;touch-action:none}.geo-canvas.is-demo{touch-action:pan-y}.home-explore{scroll-margin-top:88px}.band,.trio,.close-cta,.explore,.prose-page{padding:88px 6vw}.band-copy{max-width:42rem;margin-bottom:40px}.band-copy p,.prose-page p,.explore p,.intro-band p,.example-card p,.step-card p,.tool-card p,.quote-band p{color:var(--ink-dim);line-height:var(--lh-body)}.intro-band .principle{color:var(--gold-2)}.step-grid,.trio,.explore-grid{gap:18px;display:grid}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trio{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0}.step-card,.example-card,.explore-card,.example-row{border:1px solid var(--line);background:var(--bg-2);overflow:hidden}.step-card,.explore-card,.example-card,.example-row,.prose-page{border-radius:var(--radius-3xl)}.step-card,.example-card,.explore-copy,.example-row>div,.prose-page{padding:22px}.step-index{font-size:var(--text-eyebrow);letter-spacing:.18em;color:var(--gold);font-weight:500}.mini-canvas{border-bottom:1px solid var(--line);height:180px;position:relative}.mini-canvas.tall{height:240px}.example-card .mini-canvas,.explore-card .mini-canvas,.example-row .mini-canvas{border-bottom:1px solid var(--line)}.close-cta{text-align:center;justify-items:center;gap:16px;display:grid}.page-head{max-width:38rem;margin-bottom:40px}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.example-list{gap:18px;display:grid}.example-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;overflow:hidden}.prose-page{border:1px solid var(--line);background:var(--bg-2);gap:18px;max-width:46rem;margin:48px auto 80px;display:grid}.prose-page h2{margin-top:10px}.prose-page .primary-cta{margin-top:8px}.studio-shell{background:var(--bg);grid-template-rows:auto minmax(0,1fr);height:100svh;display:grid}.studio{background:var(--bg);grid-template-columns:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.studio-rail{z-index:5;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0b10eb;grid-template-columns:72px;min-height:0;display:grid}.studio-rail:has(.rail-pane){grid-template-columns:72px minmax(252px,308px)}.rail-tools{padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-right:1px solid var(--line);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.rail-tool{border-radius:var(--radius-md);width:100%;color:var(--ink-soft);min-height:54px;font-size:var(--text-tiny);letter-spacing:var(--track-button);background:0 0;border:0;justify-items:center;gap:3px;padding:8px 4px;font-weight:500;display:grid}.rail-tool.is-on,.rail-tool:hover{color:var(--gold-2);background:#d4b56a1a}.rail-toggle{color:var(--ink-dim);margin-top:auto}.tool-icon{width:20px;height:20px}.rail-pane{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.rail-head{padding:18px 18px 10px}.rail-head h2{letter-spacing:var(--track-body);margin-top:8px;font-size:1.1875rem;font-weight:400;line-height:1.28}.rail-body{padding:4px 16px 22px;overflow-y:auto}.studio-workspace{min-width:0;min-height:0;position:relative}.studio-top{z-index:3;pointer-events:none;background:linear-gradient(#07080b8c,#0000);grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:14px 16px 48px;display:grid;position:absolute;top:0;left:0;right:0}.studio-top a,.studio-top button{pointer-events:auto}.studio-top .wordmark{justify-self:start;width:max-content;height:3.5rem}.studio-whisper{text-align:center;color:var(--ink-dim);margin:0;font-size:.88rem}.studio-actions{justify-content:flex-end;gap:8px;display:flex}.ghost-btn,.more-btn,.pill,.preset-chip,.choice,.toggle{border:1px solid var(--line);color:var(--ink);background:#ffffff08;min-height:44px}.ghost-btn,.more-btn{border-radius:var(--radius-full);padding:0 16px}.studio-stage,.studio-canvas{position:absolute;inset:0}.studio-hud{z-index:4;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;gap:4px;padding:6px;display:flex;position:absolute;bottom:16px;right:16px}.studio-feeling{z-index:4;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;border-radius:18px;max-width:min(28rem,100% - 220px);padding:12px 14px;position:absolute;bottom:16px;left:16px}.studio-feeling .feeling-rate,.studio-feeling .feeling-rate.is-compact{margin-top:0}.hud-btn{border-radius:var(--radius-sm);width:40px;height:40px;min-height:40px;color:var(--ink-dim);background:0 0;border:0;place-items:center;display:grid}.hud-btn:hover,.hud-btn.is-on{color:var(--gold-2);background:#d4b56a1f}.hud-zoom{width:auto;font-size:var(--text-eyebrow);font-variant-numeric:tabular-nums;padding:0 10px;font-weight:500}.geo-canvas.is-pan{cursor:grab}.geo-canvas.is-pan:active{cursor:grabbing}.preset-wrap{max-height:108px;overflow:auto}.studio-rail .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-rail .look-hex,.studio-rail .look-hex input,.studio-rail .look-rgb input{width:100%}.studio-rail .font-list{max-height:180px}.preset-chip,.pill{border-radius:var(--radius-full);font-size:var(--text-small);color:var(--ink-dim);flex:none;padding:0 14px;font-weight:500}.preset-chip:hover,.pill:hover,.choice:hover{border-color:var(--line-strong);color:var(--ink)}.pill.is-on,.choice.is-on,.preset-chip:focus-visible{color:var(--gold-2);background:#d4b56a1a}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.choice{border-radius:var(--radius-lg);font-size:var(--text-choice);color:var(--ink-dim);justify-items:center;gap:6px;min-height:72px;padding:10px 6px 8px;font-weight:500;display:grid}.shape-glyph{width:28px;height:28px}.choice-row,.control-stack{flex-wrap:wrap;gap:8px;display:flex}.control-stack{display:grid}.slider{gap:6px;display:grid}.slider-meta{color:var(--ink-dim);justify-content:space-between;font-size:.82rem;display:flex}.slider-value{color:var(--ink);font-variant-numeric:tabular-nums}.slider input[type=range]{appearance:none;background:0 0;width:100%;height:28px}.slider input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:99px;height:2px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:2px solid var(--bg);border-radius:50%;width:18px;height:18px;margin-top:-8px}.slider input[type=range]::-moz-range-track{background:var(--line-strong);height:2px}.slider input[type=range]::-moz-range-thumb{background:var(--ink);border:2px solid var(--bg);border-radius:50%;width:18px;height:18px}.toggle{border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:0 14px 0 8px;display:inline-flex}.toggle-dot{background:#efe8d62e;border-radius:99px;width:28px;height:16px;position:relative}.toggle-dot:after{content:"";background:var(--ink-dim);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}.toggle.is-on .toggle-dot{background:#d4b56ab3}.toggle.is-on .toggle-dot:after{background:#1a1408;left:14px}.look-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:6px 0 0;font-size:.68rem}.look-colors,.look-rgb,.look-surprise,.look-layers,.look-drop{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.look-color,.look-hex{color:var(--ink-dim);gap:6px;font-size:.78rem;display:grid}.look-color input[type=color]{border:1px solid var(--line);background:0 0;border-radius:10px;width:44px;height:36px;padding:0}.look-hex input,.look-rgb input{border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:12px;width:108px;min-height:40px;padding:6px 10px}.text-add{border:1px solid var(--line);width:100%;min-height:44px;color:var(--gold-2);background:#d4b56a1f;border-radius:16px;font-size:.92rem}.text-empty{color:var(--ink-dim);margin:0;font-size:.84rem}.text-field,.text-search{width:100%}.text-field textarea,.text-search input,.look-hex.text-field input{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);min-height:48px;font:inherit;background:#ffffff08;border-radius:12px;padding:8px 10px}.text-cats{max-height:76px;overflow:auto}.font-list{gap:6px;max-height:132px;padding-right:2px;display:grid;overflow-y:auto}.font-row{background:#ffffff08;border:1px solid #0000;border-radius:14px;grid-template-columns:1fr auto;align-items:stretch;gap:4px;display:grid}.font-row.is-on{background:#d4b56a14;border-color:#d4b56a73}.font-pick{text-align:left;color:inherit;background:0 0;border:0;gap:2px;min-width:0;padding:8px 10px;display:grid}.font-name{color:var(--ink-soft);font-size:.78rem}.font-sample{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.font-fav{width:40px;color:var(--ink-dim);background:0 0;border:0;font-size:1rem}.font-fav.is-on{color:var(--gold-2)}.look-rgb label{color:var(--ink-dim);gap:4px;font-size:.75rem;display:grid}.look-rgb input{width:64px}.swatch{border-radius:14px;grid-template-columns:12px 12px;gap:3px;min-width:44px;min-height:36px;padding:8px;display:grid}.swatch span{border:1px solid var(--line);border-radius:50%;width:12px;height:12px}.swatch em{display:none}.recent-dot{border:1px solid var(--line);border-radius:50%;width:22px;height:22px;min-height:22px;padding:0}.look-surprise-btn{min-height:44px;padding:0 16px}.recent-row{align-items:center}.more-btn{color:var(--ink-dim);background:0 0;margin-top:8px}@media (width<=1100px){.site-footer{grid-template-columns:auto minmax(0,1fr);column-gap:40px;padding-left:28px}.footer-brand .wordmark img{width:min(280px,36vw);min-width:0}.footer-aside{grid-column:1/-1;width:auto;max-width:none}}@media (width<=980px){.tool-grid,.who-grid,.step-grid,.trio,.explore-grid{grid-template-columns:1fr 1fr}.example-row{grid-template-columns:1fr}.site-nav{height:4.15rem;padding:0 16px}.hero-copy{grid-row:1;align-self:end;max-width:100%;padding:0 24px 28px}.hero{grid-template-rows:1fr auto}.hero-peek{width:auto;margin:0 24px 24px;position:relative;bottom:auto;right:auto}}@media (width<=760px){.site-nav nav{display:none}.site-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:48px 20px 36px;display:flex}.footer-brand{display:none}.footer-copy{max-width:none}.footer-copy>p{font-size:var(--text-small);padding-top:0;line-height:1.57}.footer-nav{gap:16px;padding-top:0}.footer-nav a{font-size:var(--text-body)}.site-footer .footer-meta{margin-top:0}.support-tiers,.tool-grid,.who-grid,.about-list,.step-grid,.trio,.explore-grid{grid-template-columns:1fr}.studio-top{grid-template-columns:1fr auto;padding:12px 12px 40px}.studio-whisper{display:none}.choice-grid,.studio-rail .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio,.studio.is-rail-open,.studio.is-rail-closed{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.studio-rail,.studio.is-rail-open .studio-rail{border-right:0;border-top:1px solid var(--line);background:#0a0b10f0;flex-direction:column-reverse;grid-row:2;grid-template-columns:minmax(0,1fr);display:flex}.rail-tools{padding:8px 10px calc(10px + env(safe-area-inset-bottom));scrollbar-width:none;border-right:0;flex-direction:row;overflow:auto hidden}.rail-tool{flex:1 1 0;min-width:44px;min-height:52px;padding:6px 2px;font-size:.55rem}.rail-pane{border-bottom:1px solid var(--line);max-height:min(42vh,360px)}.studio-hud{bottom:10px;right:10px}.studio-feeling{max-width:none;bottom:64px;left:10px;right:10px}.hero{min-height:88svh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.share-studio{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050608b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.share-studio-card{border:1px solid var(--line);background:var(--bg-2);border-radius:28px;width:min(1120px,100%);max-height:calc(100svh - 36px);padding:22px;overflow:auto}.share-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.share-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.share-tab{border:1px solid var(--line);color:var(--ink-dim);background:0 0;border-radius:999px;min-height:40px;padding:0 16px}.share-tab.is-on{color:var(--gold-2);background:#d4b56a1a}.share-body{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:24px;display:grid}.share-stage{border:1px solid var(--line);background:#07080b;border-radius:22px;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.share-stage.is-clear{background:linear-gradient(45deg,#16141c 25%,#0000 25%) 0 0/18px 18px,linear-gradient(-45deg,#16141c 25%,#0000 25%) 0 9px/18px 18px,#0b0a10}.share-preview{cursor:grab;touch-action:none;max-width:100%;display:block}.share-preview.is-live{cursor:crosshair}.share-preview:active{cursor:grabbing}.share-preview.is-live:active{cursor:crosshair}.share-live-badge{z-index:1;border:1px solid var(--line);color:var(--gold-2);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#07080bb8;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.72rem;display:flex;position:absolute;top:14px;left:14px}.share-stage.is-rec{box-shadow:inset 0 0 0 1px #c448488c}.share-stage.is-rec .share-live-badge{color:#f3c1c1;border-color:#c4484873}.share-live-badge:before{content:"";background:#d4b56a;border-radius:50%;width:7px;height:7px}.share-stage.is-rec .share-live-badge:before{background:#e25555;animation:1.1s ease-in-out infinite rec-pulse;box-shadow:0 0 0 4px #e255552e}@keyframes rec-pulse{50%{opacity:.35}}.share-hint,.share-kicker{color:var(--ink-dim);font-size:.88rem}.share-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:.72rem}.share-controls{align-content:start;gap:12px;display:grid}.share-custom,.share-actions{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.share-custom label,.share-field,.share-color{color:var(--ink-dim);gap:6px;font-size:.82rem;display:grid}.share-custom input,.share-field input,.share-field textarea{border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:12px;width:100%;min-height:44px;padding:8px 10px}.share-field textarea{resize:vertical;min-height:120px;font-family:var(--mono);font-size:var(--text-choice)}.share-color{grid-template-columns:auto 48px;align-items:center}.social-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.social-card{text-align:left;border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:16px;gap:4px;padding:12px;display:grid}.social-card span,.social-card em{color:var(--ink-dim);font-size:.75rem;font-style:normal}.social-card.is-on{border-color:var(--gold);background:#d4b56a1a}.share-progress{background:var(--line);border-radius:99px;height:4px;overflow:hidden}.share-progress span{background:var(--gold);height:100%;display:block}.share-toast{color:var(--gold-2);margin:0}.viewer,.embed-shell{background:var(--bg);height:100svh;min-height:100svh;display:grid}.viewer{grid-template-rows:auto 1fr}.viewer-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.viewer-bar p{color:var(--ink-dim);text-align:center;margin:0}.viewer-canvas,.embed-canvas{height:100%;min-height:0}.viewer.missing{text-align:center;place-items:center;gap:16px;padding:48px 24px}.embed-shell{grid-template-rows:1fr}@media (width<=860px){.share-body,.viewer-bar{grid-template-columns:1fr}.viewer-bar p{text-align:left}}