@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Outfit:wght@320;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;--serif:"Instrument Serif", ui-serif, Georgia, serif;--sans:"Outfit", ui-sans-serif, system-ui, sans-serif;--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);color:var(--ink);background:var(--bg);letter-spacing:.01em;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:#1a1408;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{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-size:.72rem}h1,h2,h3{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-weight:400}h1{font-size:clamp(2.6rem,7vw,6.2rem);line-height:.94}h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}h3{font-size:1.4rem}.muted,.lede{color:var(--ink-dim)}.primary-cta,.nav-cta{background:var(--ink);color:#141108;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:500;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-nav{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07080bdb;align-items:center;gap:24px;height:4.75rem;padding:0 28px;display:flex;position:sticky;top:0}.site-nav nav{gap:18px;margin-left:auto;display:flex}.nav-link{color:var(--ink-dim);font-size:.94rem}.nav-link.active,.nav-link:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);padding:48px 28px 36px}.footer-meta{flex-wrap:wrap;align-items:baseline;gap:16px 28px;margin-top:18px;display:flex}.visit-count{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.82rem}.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(--serif);margin:28px 0 0;font-size:1.35rem;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);background:var(--bg-2);border-radius:24px;padding:22px}.tool-card 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(--serif);color:var(--ink);margin:0 0 16px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25}.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,2.2rem)}.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);background:#ffffff05;border-radius:18px;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-top:18px;display:flex}.footer-nav a{color:var(--ink-dim);font-size:.92rem}.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);background:#ffffff05;border-radius:22px;align-content:start;gap:10px;padding:18px;display:grid}.support-tier h2{margin:0;font-size:1.6rem}.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 - 76px);display:grid;position:relative;overflow:hidden}.hero-canvas{position:absolute;inset:0}.hero-copy{z-index:1;pointer-events:none;max-width:min(40rem,92vw);padding:0 7vw 12vh;position:relative}.hero-copy h1{max-width:11ch}.hero-copy .primary-cta{pointer-events:auto;margin-top:28px}.hero-copy .lede{max-width:22rem;margin-top:18px;font-size:1.15rem;line-height:1.45}.hero-hint{max-width:22rem;color:var(--gold-2);margin:14px 0 0;font-size:.95rem}.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:1.55}.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:28px}.step-card,.example-card,.explore-copy,.example-row>div,.prose-page{padding:22px}.step-index{letter-spacing:.18em;color:var(--gold);font-size:.72rem}.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{background:var(--bg);grid-template-columns:auto minmax(0,1fr);height:100svh;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{width:100%;color:var(--ink-soft);letter-spacing:.02em;background:0 0;border:0;border-radius:16px;justify-items:center;gap:3px;min-height:54px;padding:8px 4px;font-size:.62rem;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{margin-top:8px;font-size:1.2rem;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:999px;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}.hud-btn{width:40px;height:40px;min-height:40px;color:var(--ink-dim);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.hud-btn:hover,.hud-btn.is-on{color:var(--gold-2);background:#d4b56a1f}.hud-zoom{font-variant-numeric:tabular-nums;width:auto;padding:0 10px;font-size:.78rem}.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{color:var(--ink-dim);border-radius:999px;flex:none;padding:0 14px;font-size:.88rem}.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{color:var(--ink-dim);border-radius:18px;justify-items:center;gap:6px;min-height:72px;padding:10px 6px 8px;font-size:.78rem;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<=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{max-width:100%;padding:0 24px 10vh}}@media (width<=760px){.site-nav nav{display:none}.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}.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:ui-monospace,monospace;font-size:.78rem}.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}}