html,body{height:100%;margin:0}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr}#toolbar{display:flex;gap:12px;align-items:center;padding:10px 12px;background:#000000b3;color:#fff;font:14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}#toolbar .tip{opacity:.7;margin-left:10px}.sel-label{background:#ffffff14;padding:4px 8px;border-radius:8px}#stage{display:grid;grid-template-columns:1fr 320px;height:calc(100vh - 48px)}#viewerWrap{position:relative;background:#111}#viewer{position:absolute;top:0;right:0;bottom:0;left:0}#dropzone{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(255,255,255,.25);display:grid;place-items:center;color:#ddd;pointer-events:none;opacity:0;transition:opacity .2s ease}#dropzone.show{opacity:1}.marquee{position:absolute;border:1px solid rgba(138,180,248,.9);background:#8ab4f82e;pointer-events:none;left:0;top:0;width:0;height:0}.spacer{flex:1}input[type=file]{color:#fff}label{opacity:.9}button,select,input[type=checkbox]{cursor:pointer}.hud{position:absolute;top:8px;right:12px;background:#0009;color:#eee;font:12px/1.5 system-ui;padding:6px 10px;border-radius:8px;pointer-events:none;white-space:nowrap}.hud strong{color:#fff}#sidebar{background:#202225;color:#e6e6e6;border-left:1px solid rgba(255,255,255,.08);display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.side-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.side-actions{display:flex;gap:6px;align-items:center}.side-search{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.side-search input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#2b2f33;color:#eee;outline:none}.tree{list-style:none;margin:0;padding:6px 0 80px;overflow:auto;height:100%}.node{display:grid;grid-template-columns:18px 18px 18px 18px 1fr 28px;align-items:center;gap:6px;padding:6px 8px 6px 10px;cursor:default;border-bottom:1px dashed rgba(255,255,255,.06)}.node:hover{background:#ffffff0a}.node.selected{background:#8ab4f82e}.node .caret{width:12px;height:12px;border-left:6px solid #bbb;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(-90deg);opacity:.7}.node.collapsed .caret{transform:rotate(0)}.node.leaf .caret{visibility:hidden}.eye{width:14px;height:14px;border-radius:50%;background:#888;display:inline-block}.eye.hidden{background:#333;box-shadow:inset 0 0 0 2px #888}.lock{width:14px;height:14px;border:1px solid #aaa;border-radius:3px;position:relative}.lock:after{content:"";position:absolute;top:2px;right:3px;bottom:2px;left:3px;background:#aaa}.lock.on{background:#666}.lock.on:after{background:#222}.wf{width:14px;height:14px;border:1px solid #9ad;border-radius:3px;background:#2b2f33}.wf.on{background:#9ad}.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.name.editing input{width:100%;padding:2px 4px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#2b2f33;color:#eee}.color{width:20px;height:20px;padding:0;border:0;background:transparent;cursor:pointer}.children{margin-left:20px;list-style:none;padding-left:0}