:root{color-scheme:dark;--bg: #14161a;--panel: #1c1f26;--panel-2: #232733;--border: #323744;--text: #e6e8ec;--muted: #8a90a0;--accent: #4da3ff;--danger: #ff5c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px 14px;cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#06121f;border-color:var(--accent);font-weight:600}button.secondary{background:transparent}button.active{border-color:var(--accent);color:var(--accent)}input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.muted{color:var(--muted)}.small{font-size:.8em}.dashboard{max-width:720px;margin:0 auto;padding:32px 20px}.dashboard header{margin-bottom:24px}.dashboard header h1{font-size:1.3em;margin:0}.new-session-row{display:flex;gap:8px;margin-bottom:12px}.new-session-row input{flex:1}.dashboard .error{color:var(--danger);font-size:.85em;margin-bottom:12px}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.session-row{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.session-row .session-open{flex:1;text-align:left;background:none;border:none}.icon-btn{background:none;border:none;padding:4px 8px}.icon-btn.delete:hover{color:var(--danger)}li.empty{list-style:none;padding:16px;text-align:center}.viewer-page{display:flex;flex-direction:column;height:100%}.viewer-topbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.session-name-input{flex:1;font-size:1em}.viewer-body{flex:1;display:flex;min-height:0}.viewer-canvas-container{flex:1;position:relative;background:#000}.viewer-canvas-container canvas:first-child{display:block;width:100%;height:100%}.viewer-sidebar{width:320px;flex-shrink:0;overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:12px}.panel{border:1px solid var(--border);border-radius:8px;padding:8px}.panel-title{font-size:.85em;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.object-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.object-row{display:flex;align-items:center;gap:6px;padding:4px;border-radius:6px}.object-row.selected{background:var(--panel-2)}.object-row .object-select{flex:1;text-align:left;background:none;border:none;padding:2px 4px}.file-btn{display:block;text-align:center;background:var(--panel-2);border:1px dashed var(--border);border-radius:6px;padding:8px;cursor:pointer;font-size:.9em}.file-btn.inline{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 14px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery-item{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.gallery-item img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.gallery-actions{position:absolute;inset:auto 0 0 0;display:flex;justify-content:flex-end;gap:2px;background:#00000080;opacity:0;transition:opacity .15s}.gallery-item:hover .gallery-actions{opacity:1}.gallery-actions button{color:#fff}.viewer-toolbar{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);border-top:1px solid var(--border)}.btn-group{display:flex;gap:4px}.toggle-btn.active{border-color:var(--accent);color:var(--accent)}.annotation-layer{touch-action:none}