@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f1f1ee;--paper-2:#e9e9e5;--white:#fff;--ink:#17181a;--ink-2:#3a3b3d;--muted:#71726c;--rule:#dcdcd7;--graphite:#2b2c2f;--graphite-2:#1b1c1e;--redline:#d2452b;--serif:"Instrument Serif", "Iowan Old Style", "Times New Roman", serif;--sans:"Geist Variable", "Geist", -apple-system, "Segoe UI", system-ui, sans-serif;--mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}#print-root{display:none}@media print{#root{display:none!important}#print-root{display:block}#print-root svg{width:100vw;height:100vh;display:block}body{background:#fff}}.btn{letter-spacing:-.005em;white-space:nowrap;cursor:pointer;height:44px;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn-dark{background:var(--ink);color:#f6f6f3}.btn-dark:hover{background:#2f3033}.btn-light{background:var(--white);border-color:var(--rule)}.btn-light:hover{border-color:#bdbdb7}.btn-paper{color:var(--ink);background:#f4f4f1}.btn-paper:hover{background:#fff}.btn-ghost{color:#f1f1ee;border-color:#ffffff47}.btn-ghost:hover{border-color:#fff9}.btn-sm{height:38px;padding:0 18px;font-size:13px}.btn-xs{gap:6px;height:30px;padding:0 13px;font-size:12px}.arrow{width:11px;height:11px;transition:transform .2s var(--ease)}.btn:hover .arrow,.card:hover .arrow{transform:translate(2px)}.wordmark{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:7px;font-size:25px;line-height:1;display:inline-flex}.wordmark svg{width:20px;height:20px}.eyebrow{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:18px;font-size:10.5px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:14px;height:1px}.page{max-width:1280px;margin:0 auto;padding:0 32px}.nav{justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.nav nav{color:var(--ink-2);gap:30px;font-size:13.5px;display:flex}.nav nav a{transition:color .2s var(--ease)}.nav nav a:hover{color:var(--muted)}.hero{padding-top:44px;position:relative}.hero:before{content:"";z-index:-1;background-image:radial-gradient(circle,#17181a21 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:-76px -32px 120px;-webkit-mask-image:radial-gradient(62% 58% at 50% 46%,#000 0%,#0000 78%);mask-image:radial-gradient(62% 58% at 50% 46%,#000 0%,#0000 78%)}.hero-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.badge{border:1px solid var(--rule);height:28px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:0 13px;font-size:10.5px;display:inline-flex}.badge i{background:var(--ink);border-radius:50%;width:6px;height:6px}h1{font-family:var(--serif);letter-spacing:-.022em;text-wrap:balance;font-size:clamp(46px,6.6vw,92px);font-weight:400;line-height:.96}.hero-copy p{max-width:440px;color:var(--muted);text-wrap:pretty;margin-top:22px;font-size:14.5px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.hero-stage{height:clamp(300px,39vw,520px);margin-top:-40px;position:relative}.artifact{filter:grayscale()contrast(1.05)brightness(1.1);-webkit-user-select:none;user-select:none;pointer-events:none}.hero-stage .artifact{filter:grayscale()contrast(1.05)brightness(1.12)drop-shadow(0 26px 30px #17181a33);width:auto;height:92%;position:absolute;bottom:0}.artifact-l{left:1%}.artifact-r{right:1%}.hero-sheet{background:var(--graphite);color:#f1f1ee;border-radius:14px;width:clamp(270px,35vw,480px);margin:0;padding:16px 18px 15px;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff24,0 2px 4px #17181a33,0 28px 60px -12px #17181a80}.hero-sheet figcaption,.hero-sheet-foot span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a9aaa6;justify-content:space-between;font-size:9px;display:flex}.hero-drawing{width:100%;margin:10px 0 8px;display:block}.hero-sheet-foot{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;padding-top:11px;display:flex}.hero-sheet-foot strong{font-family:var(--mono);letter-spacing:.02em;font-size:13px;font-weight:500}.strip{border-top:1px solid var(--rule);font-family:var(--serif);color:#9a9b95;flex-wrap:wrap;justify-content:center;gap:12px 44px;margin:0;padding:34px 0 6px;font-size:19px;list-style:none;display:flex}.band{padding:120px 0 0;scroll-margin-top:-40px}h2{font-family:var(--serif);letter-spacing:-.018em;text-wrap:balance;font-size:clamp(34px,3.9vw,54px);font-weight:400;line-height:1.02}h2.center{text-align:center}.split-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:48px;display:grid}.split-head>p{max-width:380px;color:var(--muted);text-wrap:pretty;justify-self:end;padding-bottom:6px;font-size:14px}.library-stage{grid-template-columns:1fr minmax(0,620px) 1fr;align-items:center;gap:28px;margin-top:56px;display:grid}.chips{justify-content:space-between;gap:12px;display:flex}.chip{background:var(--white);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 0 0 1px #17181a0f,0 6px 16px -6px #17181a2e}.paper-sheet,.how-sheet{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #17181a12,0 30px 60px -24px #17181a52}.paper-sheet svg,.how-sheet svg{height:auto;display:block}.filters{flex-wrap:wrap;gap:8px;margin-top:48px;display:flex}.filters button{border:1px solid var(--rule);cursor:pointer;height:36px;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:13px;display:inline-flex}.filters button span{font-family:var(--mono);color:var(--muted);font-size:10.5px}.filters button:hover{border-color:#b9b9b3}.filters button.on{background:var(--ink);border-color:var(--ink);color:#f6f6f3}.filters button.on span{color:#a9aaa6}.filter-note{color:var(--muted);margin-top:16px;font-size:13.5px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.card{background:var(--white);transition:box-shadow .25s var(--ease), transform .25s var(--ease);border-radius:16px;flex-direction:column;display:flex;box-shadow:0 0 0 1px #17181a0f}.card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #17181a1a,0 18px 34px -18px #17181a4d}.card-thumb{aspect-ratio:4/3;background:#f6f6f3;border-radius:10px;place-items:center;margin:8px 8px 0;padding:10px;display:grid;overflow:hidden}.card-thumb svg{width:100%;height:100%}.card-blank .card-thumb{color:#a3a49e}.card-blank .card-thumb svg{width:62%}.card-body{flex-direction:column;flex:1;padding:16px 16px 14px;display:flex}.card h3{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;font-size:21px;font-weight:400;line-height:1.08}.card p{color:var(--muted);text-wrap:pretty;margin:8px 0 16px;font-size:12.8px;line-height:1.45}.card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.card-foot em{white-space:nowrap;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-style:normal}.more{justify-content:center;margin-top:28px;display:flex}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:52px;display:grid}.feature h3,.how-copy h3{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.feature h3{margin-top:18px;font-size:22px;line-height:1.1}.feature p{color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:13px}.tile{aspect-ratio:5/4.4;background:radial-gradient(120% 90% at 30% 0%, #44464a 0%, var(--graphite) 45%, var(--graphite-2) 100%);border-radius:14px;position:relative;overflow:hidden}.tile img{filter:grayscale()contrast(1.06)brightness(1.02);width:auto;height:92%;position:absolute;bottom:-8%;right:-4%}.tile img.wide{height:74%;bottom:14%;right:-22%}.tile img.slim{height:100%;bottom:-6%;right:9%}.tile-ui{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f1f1ee;background:#1b1c1eb8;border-radius:10px;padding:11px 13px;font-size:12px;position:absolute;bottom:14px;left:14px;box-shadow:inset 0 0 0 1px #ffffff1a}.tile-ui span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a9aaa6;font-size:8.5px;display:block}.tile-ui b{font-weight:500}.tile-list{width:62%}.tile-list div{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:6px;padding-top:6px;font-size:11.5px;display:flex}.tile-list i{font-family:var(--mono);color:#a9aaa6;font-size:10.5px;font-style:normal}.tile-block{gap:3px;min-width:52%;display:grid}.tile-block b{margin-bottom:7px}.tile-block strong{font-family:var(--mono);font-size:22px;font-weight:500;line-height:1}.tile-tools{align-items:center;gap:13px;display:flex}.pick{border:1px dashed #ffffff8c;place-items:center;width:46px;height:46px;position:relative;display:grid!important}.pick i{background:#f1f1ee;width:6px;height:6px;position:absolute}.pick i:first-of-type{top:-3px;left:-3px}.pick i:nth-of-type(2){top:-3px;right:-3px}.pick i:nth-of-type(3){bottom:-3px;left:-3px}.pick i:nth-of-type(4){bottom:-3px;right:-3px}.tile-tools b{font-family:var(--mono);font-size:13px}.tile-file{align-items:center;gap:10px;display:flex;right:14px}.tile-file svg{flex:none;width:24px;height:24px}.tile-file b{overflow-wrap:anywhere;font-size:11.5px;display:block}.tile-file span{margin-top:3px}.how{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:stretch;gap:64px;margin-top:60px;display:grid}.how-copy{flex-direction:column;align-items:flex-start;padding:8px 0;display:flex}.how-copy h3{font-size:30px;line-height:1.05}.how-copy>p{max-width:400px;color:var(--muted);text-wrap:pretty;margin-top:14px;font-size:13.5px}.steps{width:100%;margin:34px 0 30px;padding:0;list-style:none}.steps li{border-top:1px solid var(--rule);gap:18px;padding:15px 0;display:flex}.steps li:last-child{border-bottom:1px solid var(--rule)}.steps li>span{font-family:var(--mono);color:var(--muted);padding-top:3px;font-size:10.5px}.steps b{font-size:15px;font-weight:500}.steps p{color:var(--muted);margin-top:2px;font-size:13px}.how-art{background:radial-gradient(110% 80% at 70% 0%, #46484c 0%, var(--graphite) 48%, var(--graphite-2) 100%);border-radius:16px;min-height:500px;position:relative;overflow:hidden}.how-art img{filter:grayscale()contrast(1.06)brightness(1.02);width:auto;height:66%;position:absolute;top:4%;right:-3%}.how-sheet{width:66%;position:absolute;bottom:8%;left:7%;box-shadow:0 0 0 1px #0000004d,0 30px 50px -12px #0009}.faq{border-bottom:1px solid var(--rule);margin-top:44px}.faq details{border-top:1px solid var(--rule)}.faq summary{font-family:var(--serif);letter-spacing:-.008em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:24px;line-height:1.15;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{border:1px solid var(--rule);width:30px;height:30px;transition:border-color .2s var(--ease);border-radius:50%;flex:none;position:relative}.faq summary:hover span{border-color:#b3b3ad}.faq summary span:before,.faq summary span:after{content:"";background:var(--ink);width:10px;height:1.3px;transition:transform .25s var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq summary span:after{transform:translate(-50%,-50%)rotate(90deg)}.faq details[open] summary span:after{transform:translate(-50%,-50%)rotate(0)}.faq details p{max-width:680px;color:var(--ink-2);text-wrap:pretty;padding:0 0 24px;font-size:14.5px}.closing{background:radial-gradient(90% 120% at 18% 20%, #4a4c50 0%, var(--graphite) 46%, var(--graphite-2) 100%);color:#f4f4f1;text-align:center;border-radius:20px;place-items:center;min-height:420px;margin-top:120px;padding:56px 32px;display:grid;position:relative;overflow:hidden}.closing .artifact{filter:grayscale()contrast(1.06)brightness(1.05);width:auto;height:104%;position:absolute;bottom:-9%;left:7%}.closing>div{position:relative}.foot{color:var(--muted);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding:44px 0 56px;font-size:12.5px;display:grid}.foot .wordmark{color:var(--ink)}.foot p{text-wrap:pretty;max-width:420px}.foot .credit{justify-self:end}@media (width<=1080px){.grid,.features{grid-template-columns:repeat(2,minmax(0,1fr))}.library-stage{grid-template-columns:1fr}.chips{justify-content:center;gap:16px}.how{grid-template-columns:1fr;gap:40px}}@media (width<=760px){.page{padding:0 20px}.nav nav{display:none}.hero{padding-top:24px}.hero-stage{height:78vw;margin-top:24px}.hero-stage .artifact{height:62%}.artifact-l{left:-6%}.artifact-r{right:-6%}.hero-sheet{width:68vw;bottom:4%}.band{padding-top:84px}.split-head{grid-template-columns:1fr;gap:16px}.split-head>p{justify-self:start}.grid,.features{grid-template-columns:1fr}.faq summary{font-size:20px}.closing{margin-top:84px}.closing .artifact{opacity:.35}.foot{grid-template-columns:1fr;gap:16px}.foot .credit{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.editor{background:var(--paper);grid-template:"bar bar bar"56px"left stage right"minmax(0,1fr)/252px minmax(0,1fr) 300px;height:100dvh;font-size:13px;display:grid}.bar{background:var(--white);border-bottom:1px solid var(--rule);grid-area:bar;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:0 14px 0 18px;display:grid}.bar-left,.bar-mid,.bar-right{align-items:center;gap:8px;min-width:0;display:flex}.bar-right{justify-content:flex-end}.back{font-family:var(--serif);align-items:center;gap:6px;font-size:22px;line-height:1;display:inline-flex}.back svg{width:18px;height:18px}.bar-sep{background:var(--rule);flex:none;width:1px;height:20px;margin:0 6px}.title-input{min-width:80px;max-width:380px;height:32px;font:inherit;color:var(--ink);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;padding:0 8px;font-size:13.5px;font-weight:500}.title-input:hover{border-color:var(--rule)}.title-input:focus{border-color:var(--ink);background:#fff;outline:none}.pill-note{background:var(--paper);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:3px 9px;font-size:9.5px}.icon-btn{cursor:pointer;width:32px;height:32px;transition:background .15s var(--ease);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.icon-btn:hover:not(:disabled){background:var(--paper)}.icon-btn:disabled{opacity:.3;cursor:default}.zoom{min-width:52px;height:32px;font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:11.5px}.zoom:hover{background:var(--paper)}.menu-wrap{position:relative}.caret{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.menu{z-index:20;background:var(--white);border-radius:12px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 0 0 1px #17181a14,0 18px 40px -12px #17181a4d}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;gap:16px;width:100%;padding:9px 10px;font-size:13px;display:flex}.menu button:hover{background:var(--paper)}.menu button span{font-family:var(--mono);color:var(--muted);font-size:10.5px}.menu hr{border:0;border-top:1px solid var(--rule);margin:5px 4px}.panel{background:var(--white);flex-direction:column;min-height:0;display:flex}.panel-left{border-right:1px solid var(--rule);grid-area:left}.panel-right{border-left:1px solid var(--rule);grid-area:right}.panel-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:16px 16px 28px;overflow-y:auto}.tabs{background:var(--paper);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:12px 12px 0;padding:3px;display:grid}.tabs button,.seg button{height:30px;color:var(--muted);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:7px;font-size:12.5px}.tabs button.on,.seg button.on{background:var(--white);color:var(--ink);box-shadow:0 0 0 1px #17181a12,0 1px 2px #17181a14}.hint{color:var(--muted);text-wrap:pretty;font-size:12px;line-height:1.45}.lib-group{margin-top:20px}.lib-group h4,.insp h4{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:9.5px;font-weight:500}.lib-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lib-item{border:1px solid var(--rule);background:var(--white);cursor:grab;transition:border-color .15s var(--ease), background .15s var(--ease);border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:9px 3px 7px;display:flex}.lib-item:hover{border-color:var(--ink)}.lib-item:active{background:var(--paper)}.lib-item span{text-align:center;color:var(--ink-2);font-size:10px;line-height:1.15}.tpl{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:7px 9px;font-size:12.5px;line-height:1.3;display:block}.tpl:hover{background:var(--paper)}.tpl.on{background:var(--ink);color:#f6f6f3}.hint+.tpl{margin-top:14px}.insp h3{font-family:var(--serif);letter-spacing:-.01em;font-size:24px;font-weight:400;line-height:1.1}.insp>.hint,.insp-head .hint{margin-top:5px}.insp h4{margin-top:24px}.insp-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.insp-icon{background:var(--paper);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;margin-top:12px;display:flex}.fields .field{margin-top:0}.field.wide{grid-column:1/-1}.field span{color:var(--muted);font-size:11.5px}.field input,.field textarea{border:1px solid var(--rule);background:var(--white);width:100%;font-family:var(--mono);color:var(--ink);resize:vertical;transition:border-color .15s var(--ease);border-radius:8px;padding:7px 9px;font-size:12px;line-height:1.45}.field input:hover,.field textarea:hover{border-color:#bdbdb7}.field input:focus,.field textarea:focus{border-color:var(--ink);outline:none}.check{cursor:pointer;align-items:flex-start;gap:9px;margin-top:14px;font-size:12.5px;line-height:1.35;display:flex}.check input{accent-color:var(--ink);margin:2px 0 0}.seg{background:var(--paper);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.seg.wrap{grid-template-columns:repeat(3,1fr);grid-auto-flow:row}.seg button{white-space:nowrap;text-overflow:ellipsis;padding:0 6px;font-size:11.5px;overflow:hidden}.row-btns{gap:8px;margin-top:24px;display:flex}.row-btns .btn{flex:1}.btn.danger:hover{border-color:var(--redline);color:var(--redline)}.link-btn{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:12.5px;display:block}.link-btn:hover{text-decoration-color:currentColor}.link-btn.danger{color:var(--redline);margin-top:24px}.fine{border-top:1px solid var(--rule);color:var(--muted);margin-top:20px;padding-top:14px;font-size:11.5px;line-height:1.45}.stage{background-color:var(--paper-2);background-image:radial-gradient(circle,#17181a1f 1px,#0000 1.3px);background-size:20px 20px;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.stage.panning .canvas{cursor:grabbing}.sheet-shadow{fill:#fff;filter:drop-shadow(0 18px 30px #17181a29)drop-shadow(0 0 1px #17181a4d)}.canvas .node{cursor:move}.canvas .wire{cursor:pointer}.canvas text{pointer-events:none}.handle{fill:#fff;stroke:var(--redline);cursor:crosshair;transition:fill .12s var(--ease)}.handle:hover{fill:var(--redline)}.status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);pointer-events:none;background:#ffffffdb;border-radius:999px;flex-wrap:wrap;gap:4px 16px;padding:6px 12px;font-size:9.5px;display:flex;position:absolute;bottom:12px;left:14px;box-shadow:0 0 0 1px #17181a0f}.empty{background:var(--white);text-align:center;border-radius:16px;width:min(360px,80%);padding:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #17181a12,0 24px 50px -20px #17181a59}.empty h3{font-family:var(--serif);font-size:26px;font-weight:400}.empty p{color:var(--muted);margin:8px 0 18px;font-size:13px}.empty div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (width<=980px){.editor{grid-template:"bar"56px"stage"62vh"right""left"/1fr;height:auto}.panel-left,.panel-right{border:0;border-top:1px solid var(--rule)}.bar{grid-template-columns:minmax(0,1fr) auto}.bar-mid,.pill-note,.status{display:none}.lib-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
