:root{--bg: #0e0e10;--panel: #17171b;--panel-2: #1e1e24;--line: #2a2a32;--fg: #e8e8ea;--fg-dim: #8a8a94;--accent: #c4b5fd;--srm: #7ee0b8;--state: #f0b866;--other: #6a6a74;--radius: 12px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font)}.app{max-width:1000px;margin:0 auto;padding:20px}.topbar{display:flex;align-items:baseline;gap:12px;padding:8px 4px 20px}.brand{font-weight:700;font-size:20px;letter-spacing:-.02em}.tagline{color:var(--fg-dim);font-size:13px}.account{margin-left:auto;color:var(--fg-dim);font-size:12px}.account a{color:var(--accent);text-decoration:none}.signin{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;text-align:center}.signin p{color:var(--fg-dim);margin:0}.signin-btn{display:inline-block;padding:12px 20px;border-radius:var(--radius);background:var(--accent);color:#1a1526;font-weight:600;text-decoration:none}.v-inspect{display:flex;flex-direction:column;gap:8px}.v-slot{display:flex;flex-direction:column;gap:6px}.v-slot-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.slot-tag{color:var(--fg-dim);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.v-inspect-collapsed>summary{cursor:pointer;list-style:none;font-size:12px;color:var(--fg-dim);padding:2px 0}.v-inspect-collapsed>summary::-webkit-details-marker{display:none}.v-inspect-collapsed>summary:before{content:"▸ ";color:var(--fg-dim)}.v-inspect-collapsed[open]>summary:before{content:"▾ "}.v-inspect-collapsed>summary:hover{color:var(--fg)}.v-inspect-collapsed>.v-inspect{margin-top:8px}.party-cards{display:flex;flex-wrap:wrap;gap:8px}.member-card{min-width:134px;flex:0 1 auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px}.mc-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mc-name{font-weight:700;font-size:13px}.mc-lvl{color:var(--accent);font-weight:600;font-size:11px;white-space:nowrap}.mc-char{color:var(--fg-dim);font-size:11px}.mc-hp{margin-top:4px}.mc-row{display:flex;justify-content:space-between;gap:10px;margin-top:4px;color:var(--fg-dim)}.mc-row b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.mc-bar{height:4px;background:var(--panel-2);border-radius:999px;overflow:hidden;margin-top:3px}.mc-bar-fill{height:100%;background:var(--srm);border-radius:999px}.mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin-top:6px;color:var(--fg-dim);font-size:11px;font-variant-numeric:tabular-nums}.chip{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);white-space:nowrap}.chip.party{color:var(--fg)}.chip.est{border-style:dashed;color:var(--accent)}.layout{display:grid;grid-template-columns:280px 1fr;gap:16px}@media (max-width: 720px){.layout{grid-template-columns:1fr}}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px}.sidebar-head,.timeline-head h1{margin:0}.sidebar-head{color:var(--fg-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px}.file-group{margin-bottom:10px}.file-row{display:flex;align-items:center;gap:2px;margin-bottom:3px}.file-thumb{width:40px;height:27px;object-fit:cover;border-radius:4px;border:1px solid var(--line);flex:0 0 auto;image-rendering:pixelated}.file{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;color:var(--fg);cursor:pointer;padding:10px;border-radius:8px;font-family:inherit}.file:hover{background:var(--panel-2)}.file.active{background:var(--panel-2);outline:1px solid var(--line)}.file-del{flex:0 0 auto;background:transparent;border:0;color:var(--fg-dim);cursor:pointer;padding:6px 8px;border-radius:8px;font-size:12px;opacity:0;transition:opacity .12s}.file-row:hover .file-del{opacity:1}.file-del:hover{background:var(--panel-2);color:#ff8a8a}.file-main{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub{font-size:12px;color:var(--fg-dim)}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--other)}.dot.srm{background:var(--srm)}.dot.state{background:var(--state)}.dot.config{background:var(--accent)}.timeline-thumb{display:block;width:240px;max-width:100%;height:auto;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;image-rendering:pixelated}.scrubber{margin-bottom:16px}.scrub-track{position:relative;height:26px;margin:12px 2px 2px}.scrub-rail{position:absolute;left:0;right:0;top:11px;height:4px;background:var(--line);border-radius:999px;z-index:0}.scrub-fill{position:absolute;top:11px;height:4px;border-radius:999px;background:var(--accent);opacity:.4;z-index:0}.scrub-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:3}.scrub-range::-webkit-slider-runnable-track{height:4px;margin-top:11px;background:transparent}.scrub-range::-moz-range-track{height:4px;background:transparent}.scrub-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;background:transparent;border:none;cursor:grab}.scrub-range:active::-webkit-slider-thumb{cursor:grabbing}.scrub-range::-moz-range-thumb{width:22px;height:22px;background:transparent;border:none;cursor:grab}.scrub-head{position:absolute;top:4px;width:18px;height:18px;transform:translate(-50%);border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 1px 5px #00000080;z-index:2;pointer-events:none}.scrub-notch{position:absolute;top:6px;width:3px;height:14px;transform:translate(-50%);border-radius:999px;background:var(--fg-dim);opacity:.45;pointer-events:none;z-index:1;transition:opacity .12s,background .12s,height .12s,top .12s}.scrub-notch.active{opacity:0}.scrub-notch.current{background:var(--accent);opacity:.85}.scrub-notch.hover{opacity:1;background:var(--accent);height:18px;top:4px}.scrub-pop{position:absolute;bottom:30px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px;width:150px;max-width:60vw;z-index:5;pointer-events:none;box-shadow:0 4px 16px #0006}.scrub-pop-thumb{display:block;width:100%;border-radius:4px;margin-bottom:5px;border:1px solid var(--line);image-rendering:pixelated}.scrub-pop-text{display:block;font-size:11px;line-height:1.45;color:var(--fg)}.scrub-bar{display:flex;align-items:center;gap:12px;margin-top:8px;min-height:32px;font-size:12px;color:var(--fg-dim)}.scrub-when b{color:var(--fg)}.scrub-actions{display:flex;gap:8px;margin-left:auto;flex:0 0 auto}.text-view{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:14px;max-height:440px;overflow:auto;white-space:pre;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--fg);-moz-tab-size:4;tab-size:4}.tv-comment{color:var(--fg-dim)}.tv-key{color:var(--accent)}.tv-op{color:var(--fg-dim)}.tv-val{color:var(--srm)}.timeline{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-height:300px}.timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.timeline-head h1{font-size:18px}.rename-btn{flex:0 0 auto;background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;color:var(--fg-dim);font-family:inherit;font-size:12px}.rename-btn:hover{border-color:var(--accent);color:var(--fg)}.path{color:var(--fg-dim);font-size:12px;font-family:var(--mono)}.slot-switcher{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.slot-tab{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--fg-dim);font-family:inherit;font-size:12px}.slot-tab:hover{color:var(--fg)}.slot-tab.active{background:var(--accent);color:#0e0e10;border-color:var(--accent);font-weight:600}.version{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:var(--panel-2)}.v-thumb{width:80px;height:53px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line);border-radius:6px;image-rendering:pixelated}.v-left{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.v-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.v-device{font-weight:600}.v-time,.v-size{color:var(--fg-dim)}.v-hash{font-family:var(--mono);font-size:12px;color:var(--fg-dim)}.v-date{font-size:12px;color:var(--fg-dim)}.v-date.approx{font-style:italic;opacity:.7}.badge{font-size:11px;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;color:#0e0e10;font-weight:700}.badge.srm{background:var(--srm)}.badge.state{background:var(--state)}.badge.config{background:var(--accent)}.badge.image{background:var(--fg-dim)}.badge.other{background:var(--other);color:var(--fg)}.current{font-size:11px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 7px}.v-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.restore{background:var(--accent);color:#0e0e10;border:0;border-radius:8px;padding:7px 14px;font-weight:600;cursor:pointer;font-family:inherit;font-size:13px}.restore:disabled{background:var(--panel);color:var(--fg-dim);cursor:default;border:1px solid var(--line)}.v-del{background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;font-size:12px;color:var(--fg-dim)}.v-del:hover{border-color:#ff8a8a}.v-extract{display:inline-flex;align-items:center;text-decoration:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px;color:var(--accent);font-family:inherit;white-space:nowrap}.v-extract:hover{border-color:var(--accent)}.v-dl{display:inline-flex;align-items:center;background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;font-size:13px;color:var(--fg-dim);text-decoration:none}.v-dl:hover{border-color:var(--accent);color:var(--fg)}.v-confirm{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-dim)}.danger{background:#b3352f;color:#fff;border:0;border-radius:8px;padding:7px 12px;font-weight:600;cursor:pointer;font-family:inherit;font-size:13px}.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;font-family:inherit;font-size:13px}.dropzone{margin-top:10px;padding:16px 10px;text-align:center;cursor:pointer;color:var(--fg-dim);font-size:12px;border:1px dashed var(--line);border-radius:10px;transition:border-color .12s,background .12s}.dropzone:hover{border-color:var(--fg-dim)}.dropzone.over{border-color:var(--accent);background:var(--panel-2);color:var(--fg)}.dropzone.tl{margin:0 0 14px}.reset-sync{margin-top:10px;width:100%;background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px;cursor:pointer;color:var(--fg-dim);font-family:inherit;font-size:12px}.reset-sync:hover{border-color:var(--fg-dim);color:var(--fg)}.file-row.drag-over{outline:1px dashed var(--accent);outline-offset:-1px;border-radius:8px;background:var(--panel-2)}.empty{color:var(--fg-dim);padding:16px;font-size:13px}.empty.big{display:grid;place-items:center;height:260px;font-size:15px}