@font-face{font-family:Riviosa Gothic;src:url(brand/riviosa-gothic-book.woff2)}@font-face{font-family:Riviosa Gothic;src:url(brand/riviosa-gothic-demi.woff2);font-weight:600}
:root{font-family:Riviosa Gothic,Arial,sans-serif;color-scheme:dark;--bg:#111412;--panel:#191d1a;--line:#454b45;--ink:#f0f0e9;--muted:#a8afa5;--canvas:#252b26;background:var(--bg);color:var(--ink)}:root[data-theme=light]{color-scheme:light;--bg:#f7f6f0;--panel:#fff;--line:#cccfc6;--ink:#171a16;--muted:#657061;--canvas:#e9ece4}
*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}h1{font-size:24px;font-weight:400;margin:5px 0 0}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--muted)}button,select{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);padding:10px 12px;min-height:42px;border-radius:2px}button{cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center}button:hover,button[aria-pressed=true]{background:var(--ink);color:var(--bg)}button:focus-visible,select:focus-visible{outline:2px solid #d58d59;outline-offset:3px}main{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:650px;height:calc(100vh - 95px)}#stage{position:relative;min-width:0;background:var(--canvas);overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-note{position:absolute;bottom:12px;left:14px;background:var(--panel);color:var(--muted);padding:7px 9px;font-size:11px;pointer-events:none}#compass{position:absolute;top:15px;left:15px;padding:8px;border:1px solid var(--line);background:var(--panel);font-size:12px}#loading{position:absolute;top:40%;left:0;right:0;text-align:center}aside{padding:18px;background:var(--panel);border-left:1px solid var(--line);overflow:auto}.presets{display:grid;gap:7px;margin-bottom:20px}.presets button{font-size:13px}.views{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 22px}.views button{font-size:12px}label{display:flex;justify-content:space-between;font-size:13px;margin:12px 0 9px}select,input[type=range]{width:100%}select{font-size:13px}input[type=range]{accent-color:#c8a87e}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:13px}details p{font-size:12px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}#layers label{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:12px}#layers input{accent-color:#c8a87e}.quiet{font-size:11px;line-height:1.6;color:var(--muted)}#reset{width:100%;margin-top:12px}.download{display:block;color:var(--muted);font-size:12px;margin-top:16px;text-align:center}#basis ul{padding-left:18px;font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){header{padding:15px}h1{font-size:21px}main{display:block;height:auto}#stage{height:62vh;min-height:380px}aside{border-left:0;border-top:1px solid var(--line);padding:15px}.presets{grid-template-columns:repeat(3,1fr);gap:5px}.presets button{font-size:11px;padding:8px 5px}.views{grid-template-columns:repeat(4,1fr)}.canvas-note{font-size:9px}}