*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,sans-serif;font-size:13px}body{display:flex;background:#1b1b1d;color:#e6e6e6;overflow:hidden}#side{width:320px;min-width:320px;height:100%;overflow-y:auto;padding:12px 14px;background:#232326;border-right:1px solid #333}h1{font-size:16px;margin:0 0 6px}h2{font-size:13px;margin:14px 0 6px;color:#aaa;font-weight:600}section{border-top:1px solid #333;padding-top:4px}main{flex:1;position:relative;overflow-y:auto;padding:10px}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--crop, 120px),1fr));gap:8px}.cell{margin:0;border:2px solid transparent;border-radius:6px;background:#232326;cursor:pointer;outline:3px solid var(--mark);outline-offset:-3px}.cell img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.cell figcaption{font-size:11px;padding:2px 4px;text-align:center;white-space:nowrap;overflow:hidden}.cell.sel{border-color:#fff}#images{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}#images li{padding:4px 6px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;gap:6px;font-variant-numeric:tabular-nums}#images li:hover{background:#2f2f33}#images li.active{background:#3a4a66}.row{display:flex;align-items:center;gap:10px;margin:6px 0;flex-wrap:wrap}select,button{background:#2f2f33;color:#eee;border:1px solid #444;border-radius:4px;padding:3px 8px;font:inherit}.muted{color:#888}p.muted{line-height:1.5;margin:4px 0 10px}#stats{line-height:1.7;font-variant-numeric:tabular-nums}#stats .count b{font-size:20px}#total{line-height:1.7}.keys{border-collapse:collapse;width:100%;margin-top:8px}.keys td{padding:2px 4px;vertical-align:top;color:#ccc}.keys td:first-child{white-space:nowrap}kbd{background:#3a3a40;border:1px solid #555;border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:11px}#legend{list-style:none;padding:0;margin:0}#legend li{display:flex;align-items:center;gap:6px;padding:2px 0}.sw{width:12px;height:12px;border-radius:2px;display:inline-block}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#000000d9;padding:6px 14px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#toast.err{background:#a01e1ee6}.cell figcaption b{font-variant-numeric:tabular-nums}.cell figcaption b.odd{color:#ffd54f}.cell .bars{display:flex;gap:2px;padding:0 4px}.cell .bars span{flex:1;height:4px;border-radius:2px}#locator .photo{position:relative;line-height:0}#locator .photo img{width:100%;border-radius:4px}#locator #marker{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #ff3b3b;border-radius:50%;box-shadow:0 0 0 1px #0009}#locator #context{width:100%;margin-top:6px;border-radius:4px}#locator #where{margin-top:4px}.hidden{display:none}#legend li.seg{border-top:1px solid #333;margin-top:4px;padding-top:6px}#legend li.seg .muted{font-size:11px}[hidden]{display:none!important}#app{display:flex;width:100%;height:100%}#gate{margin:auto;text-align:center;line-height:1.8}#gate button{font-size:14px;padding:6px 16px}#who{font-size:11px}.cell canvas{display:block}#context{width:100%;height:auto}nav.screens{display:flex;gap:10px;margin:0 0 8px;font-size:12px}nav.screens a{color:#9ecbff}.cell figcaption .owner{background:#8d6e63;color:#fff;border-radius:3px;padding:0 4px;margin-right:3px;font-size:10px}.owner-note{color:#d7ccc8}