:root{--bg: #111311;--panel: #191c19;--panel2: #20231f;--line: #343932;--muted: #858b7f;--text: #e8eadf;--paper: #e9e3d6;--acid: #c9f24b;--copper: #d5784b}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:12px/1.3 Segoe UI,Arial,sans-serif;overflow:hidden}button,select,input{font:inherit;color:inherit}button,select{background:#20231f;border:1px solid var(--line);padding:8px 10px;letter-spacing:.09em;font-weight:650}button{cursor:pointer}button:hover,button.active{border-color:#66705d;color:var(--acid)}button:disabled{opacity:.35}.accent,.draw{background:var(--acid)!important;color:#111!important;border-color:var(--acid)!important}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:30px;background:#151714}.brand{display:flex;align-items:center;width:286px}.mark{width:25px;height:38px;border:1px solid var(--acid);border-radius:50%;margin-right:12px;position:relative}.mark:after{content:"";position:absolute;left:11px;top:-7px;width:1px;height:51px;background:var(--acid);transform:rotate(25deg)}h1{font-size:20px;letter-spacing:.29em;margin:0}.brand p{font-size:9px;color:var(--muted);letter-spacing:.27em;margin:2px 0}.preset-strip{display:flex;align-items:center;gap:10px}.preset-strip>span{font-size:9px;color:var(--muted);letter-spacing:.18em}.preset-strip select{min-width:170px}.file-actions{margin-left:auto;display:flex;gap:5px}main{height:calc(100% - 88px);display:grid;grid-template-columns:310px minmax(500px,1fr) 300px}.panel{background:var(--panel);overflow:auto}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;padding:13px;gap:5px}.mode-tabs button.active{background:#2b3126;border-color:var(--acid)}.panel-heading{height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.15em;font-size:10px}.panel-heading small{color:var(--acid);font-size:8px}.osc{padding:7px 12px 8px;border-bottom:1px solid var(--line)}.osc-title{display:flex;align-items:center;margin-bottom:4px}.osc-title b{font-size:15px;letter-spacing:.12em}.axis{font-size:8px;padding:2px 5px;margin-left:7px;border:1px solid #53604a;color:var(--acid)}.osc-title label{margin-left:auto;color:var(--muted);font-size:9px}.osc-title input{accent-color:var(--acid)}.control{display:grid;grid-template-columns:61px 1fr 61px;gap:6px;align-items:center;margin:3px 0}.control label{color:var(--muted);font-size:9px;letter-spacing:.1em}.control input[type=number]{width:61px;background:#111;border:1px solid var(--line);padding:3px 5px;text-align:right;font-variant-numeric:tabular-nums;color:var(--acid);border-color:#46503e}.control input[type=range],.pen-grid input[type=range],.speed input{width:100%;accent-color:var(--acid)}.drift{padding:15px 14px;background:#20251c;border-top:1px solid #59623e}.label-row,.scale{display:flex;justify-content:space-between;align-items:center}.label-row label{font-weight:800;letter-spacing:.15em;color:var(--acid)}.label-row output{font-family:Consolas;color:var(--acid)}.drift input{width:100%;accent-color:var(--acid)}.scale{color:var(--muted);font-size:8px}.scale i{height:1px;background:var(--line);flex:1;margin:0 6px}.stage{min-width:0;display:grid;grid-template-rows:43px minmax(0,1fr) 64px;background:#0d0f0d}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid var(--line)}.stage-toolbar>div{display:flex;align-items:center;gap:7px}.stage-toolbar button{border:0;background:transparent;font-size:9px;padding:6px}.stage-toolbar b{font-size:9px;letter-spacing:.13em}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}#elapsed,#zoomLabel{font-family:Consolas;color:var(--muted)}#viewport{position:relative;overflow:hidden;margin:12px;background:var(--paper);box-shadow:0 12px 45px #0008}#canvas,#mechanism{position:absolute;inset:0;width:100%;height:100%}#mechanism{pointer-events:none;opacity:.9}.canvas-label{position:absolute;left:12px;bottom:10px;color:#1e251e99;font:9px Consolas;display:flex;gap:15px}.transport{display:flex;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid var(--line)}.transport button{height:38px}.transport .draw{padding:0 24px}.speed{margin-left:auto;width:160px;display:grid;grid-template-columns:45px 1fr 44px;align-items:center;gap:5px;color:var(--muted);font-size:9px}.right section{border-bottom:1px solid var(--line)}.pen-grid,.paper-grid{padding:12px 14px}.pen-grid label{display:grid;grid-template-columns:62px 1fr 36px;gap:5px;align-items:center;margin:10px 0;color:var(--muted);font-size:9px}.pen-grid input[type=color]{width:100%;height:27px;border:1px solid var(--line);background:none}.pen-grid output{text-align:right;color:var(--text)}dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:10px 14px;gap:6px}dt{color:var(--muted);font-size:9px;letter-spacing:.1em}dd{margin:0;text-align:right;font:11px Consolas;color:#daddd1}.layers-section{min-height:150px}.layer{display:grid;grid-template-columns:22px 1fr auto;align-items:center;padding:9px 12px;border-bottom:1px solid #2a2e29}.layer.selected{background:#232820}.layer i{width:12px;height:12px;border-radius:50%;background:var(--ink)}.layer b{font-size:10px;letter-spacing:.1em}.layer small{display:block;color:var(--muted)}.layer button{border:0;background:none;padding:3px}.paper-grid{display:grid;gap:9px}.paper-grid label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.paper-grid input[type=color]{width:80px}.check{justify-content:flex-start!important;gap:6px}.panel-heading button{border:0;background:none;font-size:8px;color:var(--muted);padding:0}footer{height:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#686e65;font-size:8px;letter-spacing:.11em}footer b{color:var(--acid)}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%);background:#292e26;border:1px solid #536048;padding:9px 15px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#toast.show{opacity:1}@media(max-width:1250px){main{grid-template-columns:275px minmax(430px,1fr) 265px}.control{grid-template-columns:55px 1fr 58px}.file-actions button:not(.accent){display:none}}.ratio-box{padding:10px 12px;background:#1b2019;border-top:1px solid #59623e}.ratio-entry{display:grid;grid-template-columns:1fr 12px 1fr 60px;gap:6px;align-items:center;margin-top:9px}.ratio-entry input,.completion input{min-width:0;width:100%;background:#111;border:1px solid var(--line);padding:6px;text-align:center;font-family:Consolas}.ratio-entry span{text-align:center;color:var(--acid)}.completion{padding:0 14px 12px;display:grid;gap:6px}.completion label{display:grid;grid-template-columns:1fr 65px 15px;gap:5px;align-items:center;color:var(--muted);font-size:9px}.completion span{color:var(--muted)}.shape-controls{display:grid;gap:4px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}.shape-controls label{display:grid;grid-template-columns:48px 1fr 48px;gap:6px;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.08em}.shape-controls input{width:100%;accent-color:var(--acid)}.shape-controls output{text-align:right;color:var(--acid);font:10px Consolas}