@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;700&family=Syne:wght@600;700&display=swap";#canvas-wrap[data-cursor=pointer]{cursor:pointer}#canvas-wrap[data-cursor=default]{cursor:default}#canvas-wrap[data-cursor=move]{cursor:move}#canvas-wrap[data-cursor=nwse-resize]{cursor:nwse-resize}#canvas-wrap[data-cursor=nesw-resize]{cursor:nesw-resize}#canvas-wrap[data-cursor=ns-resize]{cursor:ns-resize}#canvas-wrap[data-cursor=ew-resize]{cursor:ew-resize}:root{color:#f2f0e9;background:#000;font-family:DM Mono,monospace;font-synthesis:none;--ink:#f2f0e9;--muted:rgba(242,240,233,.55);--panel:rgba(18,18,16,.82);--accent:#f05a33}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a{color:inherit}button{font:inherit}#app{position:relative;background:#10100f}#canvas-wrap,#canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%}#canvas-wrap{cursor:default}#canvas-wrap.is-dragging{cursor:grabbing}.surface{background:var(--panel);box-shadow:0 16px 50px #00000040,inset 0 0 0 1px #ffffff17;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{position:absolute;z-index:3;top:18px;left:18px;right:18px;height:58px;display:flex;align-items:center;padding:0 10px 0 16px;border-radius:10px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Syne,sans-serif;font-weight:700;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);border-radius:5px}.brand-mark svg{width:20px;fill:none;stroke:#fff;stroke-width:1.5}.crumb{margin-left:42px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.crumb i{margin:0 10px;font-style:normal}.crumb strong{color:var(--ink);font-weight:400}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.live,.backend{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.12em}.live i,.backend i{width:6px;height:6px;border-radius:50%;background:#7bd05b;box-shadow:0 0 10px #7bd05b}.icon-button,.zoom-control button{position:relative;border:0;background:transparent;cursor:pointer;min-width:40px;min-height:40px;display:grid;place-items:center;transition-property:background-color,scale;transition-duration:.16s;border-radius:6px}.icon-button:hover,.zoom-control button:hover{background:#ffffff14}.icon-button:active,.zoom-control button:active{scale:.96}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5}.intro{position:absolute;z-index:2;left:18px;bottom:18px;width:340px;padding:28px;border-radius:14px}.eyebrow{display:flex;gap:12px;margin:0 0 22px;color:var(--muted);font-size:9px;letter-spacing:.14em}.eyebrow span{color:var(--accent)}h1{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(36px,4.2vw,60px);font-weight:700;line-height:1.12;letter-spacing:-.06em}h1 em{color:var(--accent);font-style:normal}.lede{max-width:275px;margin:20px 0 24px;color:var(--muted);font-family:"Noto Serif SC",serif;font-size:12px;line-height:1.9}.instructions{display:flex;gap:22px;padding-top:18px;box-shadow:inset 0 1px #ffffff17}.instructions span{display:flex;align-items:center;gap:7px;color:#f2f0e9b3;font-size:9px}.instructions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.stats{position:absolute;z-index:2;right:18px;top:92px;display:grid;grid-template-columns:repeat(3,auto);border-radius:10px;overflow:hidden}.stat{padding:14px 18px 10px;min-width:92px;box-shadow:inset -1px 0 #ffffff14}.stat span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;letter-spacing:.1em}.stat strong{font-family:Syne,sans-serif;font-size:18px;font-variant-numeric:tabular-nums}.backend{grid-column:1/-1;justify-content:flex-end;padding:8px 14px;background:#00000038;color:var(--muted)}.zoom-control{position:absolute;z-index:2;right:18px;bottom:18px;display:flex;align-items:center;padding:4px;border-radius:10px}.zoom-control output{width:62px;text-align:center;font-size:10px;font-variant-numeric:tabular-nums}.selection{position:absolute;z-index:2;right:18px;bottom:82px;min-width:214px;padding:14px 16px;border-radius:10px;opacity:0;translate:0 8px;pointer-events:none;transition-property:opacity,translate;transition-duration:.22s;transition-timing-function:cubic-bezier(.2,0,0,1)}.selection.is-visible{opacity:1;translate:0}.selection span{display:block;margin-bottom:4px;color:var(--accent);font-size:8px;letter-spacing:.12em}.selection strong{font-family:"Noto Serif SC",serif;font-size:13px;font-weight:500}.loader{position:absolute;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;background:#10100f;transition-property:opacity,visibility;transition-duration:.5s}.loader.is-done{opacity:0;visibility:hidden}.loader-mark{display:grid;place-items:center;width:52px;height:52px;background:var(--accent);border-radius:8px;font-family:Syne,sans-serif;font-size:28px}.loader p{color:var(--muted);font-size:9px;letter-spacing:.2em;animation:breathe 1.2s ease-in-out infinite alternate}@keyframes breathe{to{opacity:.35}}@media(max-width:700px){.crumb{display:none}.stats{top:88px;left:12px;right:12px}.stat{min-width:0}.intro{left:12px;bottom:12px;width:min(310px,calc(100% - 88px));padding:20px}.intro h1{font-size:34px}.lede{display:none}.zoom-control{right:12px;bottom:12px;flex-direction:column-reverse}.zoom-control output{width:40px}.selection{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}