:root{color:#202830;font-synthesis:none;--accent:#087e8b;--line:#dde2e4;--muted:#6c777e;font-family:Aptos,Segoe UI Variable,Segoe UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.annotation{background:0 0;position:fixed;inset:0;overflow:hidden}.standalone{background:#fff}.session{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.session p{margin:0}.status-dot{background:#d99800;border-radius:50%;width:6px;height:6px}.status-dot.connected{background:#16856b}.state-debug{flex:none;position:relative}.state-debug-panel{z-index:10;border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:6px;width:296px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px 16px 16px;overflow:auto;box-shadow:0 6px 24px #20283022}.state-debug-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.state-debug-panel h2{margin:0;font-size:14px;font-weight:600}.state-debug-source{color:var(--muted);margin:0 0 16px;font-size:11px}.state-debug-panel dl{margin:0;font-size:12px}.state-debug-panel .state-debug-counts{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:12px}.state-debug-panel dt{color:var(--muted);margin-top:12px}.state-debug-panel dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-weight:600}.state-debug-panel>p{font-size:12px}.state-debug-error{color:#a23037;margin-bottom:0}.floating-toolbar{z-index:2;-webkit-user-select:none;user-select:none;background:#fffffff5;border:1px solid #d3dcdf;border-radius:8px;width:304px;max-width:calc(100% - 16px);max-height:100%;padding:6px;position:absolute;overflow:auto;box-shadow:0 3px 16px #20283024}.floating-toolbar.collapsed{width:244px}.toolbar-primary{align-items:center;gap:4px;display:flex}.drag-handle{touch-action:none;cursor:grab!important}.drag-handle:active{cursor:grabbing!important}.collapse-button{margin-left:auto}.toolbar-details{padding:8px 6px 2px}.toolbar-details[hidden]{display:none}.toolbar-status{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 0 2px;font-size:11px;display:flex}.tool-group{align-items:center;gap:4px;display:flex}.icon-button{color:#4b575e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){color:#202830;background:#e8edef}.tool-button[aria-pressed=true]{color:var(--accent);background:#ddefee;border-color:#b9dbd8}.icon-button:disabled,.swatch:disabled{opacity:.3;cursor:default}.divider{background:var(--line);flex:0 0 1px;width:1px;height:24px}.colors{justify-content:space-between;align-items:center;gap:9px;padding:4px 2px;display:flex}.swatch{background:var(--swatch);color:#fff;cursor:pointer;border:2px solid #0000;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;padding:0;display:grid}.swatch[aria-pressed=true]{outline:1px solid var(--swatch);outline-offset:3px}.custom-color{border:1px solid #bbc5c8;border-radius:5px;width:24px;height:24px;padding:2px;overflow:hidden}.custom-color input{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0}.custom-color input::-webkit-color-swatch-wrapper{padding:0}.custom-color input::-webkit-color-swatch{border:0}.size-control{color:var(--muted);align-items:center;gap:9px;padding:12px 0 8px;font-size:12px;display:flex}.size-control>span{min-width:34px}.size-control input{accent-color:var(--accent);flex:1;min-width:0}.size-control output{text-align:right;font-variant-numeric:tabular-nums;width:24px}.workspace{position:absolute;inset:0;overflow:hidden}.history-group{justify-content:space-between;gap:0}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}canvas:focus-visible{outline-offset:2px;outline:1px solid #087e8b55}.error-banner{color:#a23037;overflow-wrap:anywhere;background:#fff0ee;margin:6px 0 0;padding:8px;font-size:12px}