:root{color-scheme:dark;--bg:#111419;--panel:#191e25;--line:#2c333d;--muted:#8792a2;--text:#e5e9ef;--accent:#48c6a5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{background:#222832;border:1px solid var(--line);border-radius:5px;padding:7px 11px;cursor:pointer}button:hover{background:#303846}button.active,.primary{background:#168a70;border-color:#21a88a;color:white}.primary{width:100%;padding:10px}.auth{height:100vh;display:grid;place-items:center}.auth form{width:min(380px,90vw);background:var(--panel);padding:30px;border:1px solid var(--line);border-radius:12px}.brand{font-size:18px;color:var(--accent)}h1{font-size:23px;margin:24px 0 5px}.auth p,.hint{color:var(--muted)}label{display:block;margin:18px 0;color:#b7bfcb}input{display:block;width:100%;margin-top:7px;background:#101318;border:1px solid var(--line);border-radius:5px;padding:10px}.link{border:0;background:none;color:var(--accent);width:100%;margin-top:8px}.error{color:#ff8787;margin-top:10px}header{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel)}header #docName{width:260px;padding:7px;margin:0;background:transparent;border-color:transparent}header #saveState{color:var(--muted);font-size:12px;margin-right:auto}.toolbar{height:48px;display:flex;gap:7px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:var(--panel)}.toolbar button{padding:6px 10px}.divider{height:25px;border-left:1px solid var(--line);margin:0 5px}.spacer{flex:1}.workspace{height:calc(100vh - 102px);display:flex}aside{width:220px;background:var(--panel);border-right:1px solid var(--line);padding:16px;display:flex;flex-direction:column}aside h3{font-size:11px;color:var(--muted);letter-spacing:1px}#drawings button{display:block;width:100%;text-align:left;margin:5px 0}.new{margin-top:8px}.hint{margin-top:auto;font-size:11px;line-height:1.8}.canvas-wrap{flex:1;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block;cursor:crosshair}.coords{position:absolute;bottom:12px;left:14px;background:#191e25cc;padding:5px 8px;border-radius:4px;color:var(--muted);font:12px monospace}#app[hidden]{display:none}