:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#111a26;color:#eee8db;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0%,#2d3d4a 0,transparent 46%),#111a26}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #64727a;background:#2b3a43;color:#f3e7d8;border-radius:7px;padding:10px 12px}button:hover,.import:hover{border-color:#edb188}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible,.import:focus-within{outline:2px solid #ffd29f;outline-offset:3px}a{color:inherit}.skip{position:absolute;top:-90px;left:10px;padding:10px;background:white;color:#142632;z-index:5}.skip:focus{top:10px}header,main,footer{max-width:1460px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:21px 30px;border-bottom:1px solid #47535c}header nav{display:flex;gap:23px;font-size:12px;color:#c7c9c5}header nav a{text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.1em;text-decoration:none}.intro{padding:55px 30px 34px}.eyebrow{color:#f2b18e;letter-spacing:.16em;font:700 10px ui-monospace,monospace}.intro h1{font-size:clamp(60px,9vw,110px);letter-spacing:-.08em;line-height:1;margin:16px 0}.intro em{font-family:Georgia,serif;font-weight:400;color:#f7b88c}.intro>p:last-child{font-size:18px;line-height:1.55;color:#c4c9c4;max-width:690px}.studio{padding:0 30px 35px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);gap:18px;align-items:start}.canvas-side{min-width:0}.canvas-frame{position:relative;border:1px solid #72818b;border-radius:10px;overflow:hidden;box-shadow:0 25px 75px #05090d90;background:#101926}.canvas-frame canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;touch-action:none;cursor:crosshair}.canvas-tag{position:absolute;left:15px;bottom:15px;padding:7px 10px;border:1px solid #e2d6c261;background:#111d2dcc;color:#e4d8c1;font:700 9px ui-monospace,monospace;letter-spacing:.12em;pointer-events:none}.canvas-tag span{color:#b7ead4;margin-left:9px}.canvas-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:15px 0}.canvas-actions button{font:700 11px ui-monospace,monospace}.canvas-actions span{margin-left:auto;color:#c1c4bc;font:11px ui-monospace,monospace}#status{color:#f1c4a7;font-size:13px;min-height:28px;margin:0 0 16px}aside{display:grid;gap:13px}.panel{background:#1d2b37;border:1px solid #495b66;border-radius:11px;padding:18px}.panel h2{font-size:23px;letter-spacing:-.04em;margin:7px 0 16px}.panel label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#c1d0cf;font:700 10px ui-monospace,monospace;letter-spacing:.08em;margin:12px 0}.panel label input[type=range]{grid-column:1/-1;width:100%;accent-color:#eeb389}.panel label output{color:#ffc59f}.panel label.stack{display:grid;grid-template-columns:1fr}.panel select{width:100%;background:#132836;border:1px solid #617888;color:#e8ebdf;border-radius:5px;padding:9px}.brushes,.scenes,.keep{display:flex;flex-wrap:wrap;gap:7px}.brushes button,.scenes button,.keep button,.import{font:700 11px ui-monospace,monospace}.brushes button[aria-pressed=true],.swatches button[aria-pressed=true]{border-color:#ffcfad;box-shadow:0 0 0 2px #ffd4b644}.swatches{display:flex;gap:9px;margin-top:18px}.swatches button{width:28px;height:28px;padding:0;border-radius:50%;background:var(--swatch);border:2px solid #ffffff66}.scenes button{flex:1;min-width:100px}.panel button.subtle{margin-top:10px;background:transparent}.small{color:#b5c2c2;font-size:11px;line-height:1.55}.import{position:relative;border:1px solid #64727a;background:#2b3a43;border-radius:7px;padding:10px 12px;cursor:pointer}.import input{position:absolute;opacity:0;width:1px;height:1px}.next{margin:0 30px 35px;padding-top:20px;border-top:1px solid #53636b;display:flex;justify-content:space-between}.next a{text-decoration:none;color:#f1b48d;font-size:12px}footer{border-top:1px solid #475762;padding:23px 30px 35px;display:flex;justify-content:space-between;gap:12px;color:#aebdbb;font:10px ui-monospace,monospace;letter-spacing:.12em}@media(max-width:1020px){.studio{grid-template-columns:1fr}aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){header,footer{padding-left:17px;padding-right:17px}header nav{gap:8px}.intro{padding:35px 18px 25px}.studio{padding:0 12px 28px}aside{grid-template-columns:1fr}.canvas-actions span{width:100%}.next{margin-left:18px;margin-right:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.panel label.guide-toggle{display:flex;align-items:center;gap:9px;margin:14px 0;color:#c1d0cf}.guide-toggle input{accent-color:#d28f68}#axis-wrap[hidden]{display:none}