:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e4eaf0;background:#101922;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{border:1px solid #455463;background:#192631;color:#edf2f6;border-radius:5px;padding:9px 12px;cursor:pointer}button:hover{border-color:#ffb454;background:#28343c}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ffb454;outline-offset:4px}header{height:96px;padding:24px 4vw;border-bottom:1px solid #30404d;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:18px;letter-spacing:.18em;color:#f7f1e6;text-decoration:none;font-weight:700}.wordmark span{display:block;font-size:10px;margin-top:6px;letter-spacing:.5em;font-weight:400}.top-note{font-size:11px;line-height:1.7;text-align:right;color:#8da0af}.top-note b{font-size:9px;letter-spacing:.13em;color:#ffb454}main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);min-height:calc(100dvh - 96px)}.scene{position:sticky;top:0;align-self:start;height:100dvh;min-height:720px;display:flex;flex-direction:column;padding:40px 4vw 24px;border-right:1px solid #30404d;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:.18em;color:#ffb454;font-weight:650}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,48px);line-height:1.12;margin:14px 0;overflow-wrap:anywhere}p{font-size:12px;line-height:1.65;color:#aab9c5;margin:12px 0}.sculpture{width:100%;min-height:0;flex:1;overflow:visible}.grid{fill:none;stroke:#30404d;stroke-width:.6;stroke-dasharray:3 6}.axis{fill:none;stroke:#506270;stroke-width:.6}.axis-label{fill:#8da0af;font:9px monospace;letter-spacing:2px}.strand{animation:appear 1.4s ease-out both}.scene-controls{display:flex;gap:24px;flex-wrap:wrap}.scene-controls label{display:grid;grid-template-columns:auto minmax(60px,1fr) 42px;gap:12px;align-items:center;font-size:11px;flex:1;min-width:220px}input[type=range]{width:100%;accent-color:#ffb454}.stats{display:flex;justify-content:space-between;border-top:1px solid #30404d;margin-top:24px;padding-top:16px;gap:12px}.stats strong{font:28px Georgia,serif;display:block}.stats span{font-size:10px;color:#91a4b4}.warning{color:#ffbf81!important}aside{min-width:0;background:#121e28;padding:12px 32px}.panel{padding:28px 0;border-bottom:1px solid #30404d}h2{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:10px 0 18px}.presets{display:grid;gap:8px}.presets button{text-align:left;display:grid;grid-template-columns:34px 1fr;padding:12px}.presets button span{grid-row:span 2;color:#ffb454}.presets small{font-size:10px;color:#94a8b8;margin-top:5px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.row label,.row span{font-size:10px;color:#a9bac6}.row button{font-size:11px}.primary{background:#ffc17a;color:#15212a;border-color:#ffc17a;font-weight:700}.primary:hover{color:#fff}textarea{resize:vertical;width:100%;height:250px;max-height:650px;min-height:120px;tab-size:2;background:#0b141d;border:1px solid #344654;padding:15px;color:#a9d7e6;border-radius:5px;font:11px/1.65 ui-monospace,monospace}.micro{font-size:10px;color:#92a6b5;overflow-wrap:anywhere}.root-list{display:grid;gap:8px}.root-list article{border-left:2px solid;padding:8px 12px;background:#172530;display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.root-list b{font:11px monospace}.root-list span,.root-list small{font-size:10px}.exports button{flex:1}footer{padding:22px 0 40px}footer button{font-size:11px}.error{position:fixed;bottom:20px;left:20px;right:20px;z-index:5;border:1px solid #ffb454;background:#2a2220;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:850px){main{display:block}.scene{position:relative;height:85dvh;min-height:650px;border-right:0;border-bottom:1px solid #30404d}.top-note{display:none}header{height:80px}aside{padding:0 6vw}.scene-controls{gap:12px}.wordmark{font-size:16px}}h1{white-space:pre-wrap}.canvas-shell{position:relative;flex:1;min-height:0;display:flex;justify-content:center}.canvas-shell canvas{display:block;width:100%;height:100%;object-fit:contain;min-height:0;animation:appear 1.4s ease-out}.canvas-warning{position:absolute;inset:40% 10%;font-size:12px;background:#2a2220;border:1px solid #ffb454;padding:18px;height:fit-content}.svg-fallback{font-size:10px;color:#91a4b4;margin:8px 0}.svg-fallback[open]{position:absolute;inset:160px 4vw 145px;z-index:2;background:#101922;border:1px solid #445363;padding:16px;overflow:auto}.svg-fallback svg{height:90%;width:100%}
