*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a1c;--panel: #242428;--line: #333338;--text: #d8d8d4;--dim: #8a8a86;--accent: #c96520;--select: #3a6fd8}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 DM Sans,-apple-system,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer}button:hover{border-color:var(--dim)}.center-note{display:grid;place-items:center;height:60vh;color:var(--dim)}.signin{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.signin h1{font-size:28px;letter-spacing:.04em}.signin form{display:flex;flex-direction:column;gap:10px;width:300px}.signin input{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:9px 12px}.signin button{background:var(--accent);border-color:transparent;color:#fff;padding:9px}.signin .note{max-width:340px;color:var(--dim);text-align:center}.signin .error{color:#d66}.events{height:100%;overflow-y:auto}.events header{padding:18px 22px;border-bottom:1px solid var(--line)}.events ul{list-style:none;max-width:720px;margin:0 auto;padding:12px}.event-row{display:grid;grid-template-columns:100px 1fr auto;gap:14px;width:100%;text-align:left;padding:12px 14px;margin:4px 0;background:none;border:1px solid transparent}.event-row:hover{background:var(--panel);border-color:var(--line)}.event-date{color:var(--dim)}.event-counts{color:var(--dim);font-size:12.5px}.browse{height:100%;display:flex;flex-direction:column}.browse-header{display:flex;align-items:center;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.browse-header h1{font-size:16px;font-weight:600;white-space:nowrap}.filter-bar{display:flex;align-items:center;gap:12px;margin-left:auto}.filter-bar button{padding:3px 8px;font-size:12.5px;background:none}.filter-bar button.on{background:var(--panel);border-color:var(--accent);color:#fff}.filter-count{color:var(--dim);font-size:12.5px;white-space:nowrap}.filter-cellsize{width:90px;accent-color:var(--accent)}.filter-stars,.filter-labels{display:flex;gap:4px}.grid-viewport{flex:1;overflow-y:auto;position:relative}.grid-canvas{position:relative}.cell{padding:6px;cursor:default;-webkit-user-select:none;user-select:none}.cell-img{height:calc(100% - 40px);display:grid;place-items:center;background:#121214;border:2px solid transparent;border-radius:4px;overflow:hidden}.cell.selected .cell-img{border-color:var(--select)}.cell.purged{opacity:.35}.cell-img img{max-width:100%;max-height:100%;object-fit:contain}.cell-missing{color:var(--dim);font-size:12px}.cell-bar{height:18px;margin-top:2px;border-radius:2px;display:flex;align-items:center;gap:5px;padding:0 6px;width:96px}.cell-stars{font-size:12px;color:#e8e8e4;letter-spacing:1px;line-height:1}.cell-stars.on-label{color:#111}.cell-reject{font-size:11px;line-height:1}.cell-name{height:18px;display:flex;align-items:center;padding:0 2px;font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stars{color:#e8e8e4;letter-spacing:-1px}.reject-mark{color:#d66}.label-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.label-dot.big{width:14px;height:14px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0a0a0cf7;display:flex;flex-direction:column}.lightbox-img{flex:1;display:grid;place-items:center;min-height:0;padding:12px}.lightbox-img img{max-width:100%;max-height:100%;object-fit:contain}.filmstrip{display:flex;gap:4px;align-items:center;height:74px;flex:none;padding:6px 10px;overflow-x:auto;overflow-y:hidden;background:#141416;border-top:1px solid var(--line);scrollbar-width:thin}.strip-thumb{position:relative;flex:none;height:60px;min-width:44px;padding:0;background:#0e0e10;border:2px solid transparent;border-radius:3px;overflow:hidden}.strip-thumb img{height:100%;width:auto;display:block}.strip-thumb.current{border-color:var(--accent)}.strip-thumb:hover{border-color:var(--dim)}.strip-empty{display:block;width:44px;height:100%}.strip-stars{position:absolute;left:3px;bottom:2px;font-size:10px;color:#e8e8e4;text-shadow:0 0 3px #000}.strip-reject{position:absolute;left:3px;bottom:2px;font-size:10px;color:#d66;text-shadow:0 0 3px #000}.strip-dot{position:absolute;right:3px;top:3px;width:8px;height:8px;border-radius:50%}.lightbox-bar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--panel);border-top:1px solid var(--line)}.lb-name{font-size:13px}.lb-pos{color:var(--dim);font-size:12.5px}.lb-marks{display:flex;align-items:center;gap:8px}.lb-labels{margin-left:auto;display:flex;gap:6px}.label-btn{font-size:12px;padding:3px 9px;background:none}.label-btn.on{border-color:var(--c);color:#fff;background:color-mix(in srgb,var(--c) 30%,transparent)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#3a2626;color:#ecc;border:1px solid #5a3535;padding:9px 16px;border-radius:8px;z-index:20}.event-row.expired{opacity:.45;cursor:default}.event-row.expired:hover{background:none;border-color:transparent}.browse-body{flex:1;display:flex;min-height:0}.sidebar{width:210px;flex:none;overflow-y:auto;background:#1e1e21;border-right:1px solid var(--line);padding:8px 6px;display:flex;flex-direction:column;gap:1px}.side-row{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:6px 10px;background:none;border:1px solid transparent;border-radius:5px;font-size:13px}.side-row:hover{background:var(--panel)}.side-row.active,.side-folder.active .side-row{background:var(--panel);border-color:var(--line)}.side-row.drop-hover{background:var(--panel);border-color:var(--accent);color:var(--accent)}.side-count{color:var(--dim);font-size:12px}.drag-badge{position:fixed;top:-100px;left:-100px;padding:5px 12px;border-radius:14px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.side-count.pending{color:var(--accent);font-weight:600}.side-sep{height:1px;background:var(--line);margin:8px 4px}.tpl-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dim);font-size:11px;padding:2px 5px;border-radius:4px;line-height:1}.tpl-toggle:hover{color:var(--text)}.tpl-panel{margin:0 0 4px 12px}.tpl-row{display:flex;align-items:center;gap:2px}.tpl-row .tpl-apply{flex:1}.tpl-del{background:none;border:none;color:var(--dim);font-size:13px;padding:2px 6px;border-radius:4px}.tpl-del:hover{color:var(--text);background:var(--panel)}.tpl-empty{color:var(--dim);font-size:11px;padding:4px 10px}.tpl-msg{color:var(--accent);font-size:11px;padding:4px 10px}.side-folder{display:flex;flex-direction:column;margin-left:12px}.side-meta{display:flex;align-items:center;gap:6px;padding:1px 10px 5px;min-height:20px}.range-btn,.rename-btn{font-size:11px;color:var(--dim);background:none;border:none;padding:1px 3px;border-radius:3px}.range-btn:hover,.rename-btn:hover:not(:disabled){color:var(--text);border:none}.rename-btn:disabled{opacity:.4;cursor:default}.range-edit{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--dim);flex-wrap:wrap}.range-msg{color:var(--accent);font-size:11px;flex-basis:100%}.range-edit input{font:inherit;color:inherit;width:52px;background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:1px 4px}.range-edit button{font-size:11px;padding:1px 6px}.side-new{padding:8px 6px;margin-top:auto;position:relative}.side-new input{width:100%;font:inherit;font-size:12.5px;color:var(--text);background:none;border:1px dashed var(--line);border-radius:5px;padding:5px 24px 5px 8px}.side-new input:focus{outline:none;border-color:var(--dim)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000008c;display:grid;place-items:center}.modal{width:min(440px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px}.modal h2{font-size:16px}.modal .dim{color:var(--dim);font-size:13px}.modal .error{color:#d66;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal-actions .primary{background:var(--accent);border-color:transparent;color:#fff}.side-head{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:6px 10px 3px}.side-note{font-size:11.5px;color:var(--dim);padding:3px 10px;opacity:.7}.sidebar{padding:6px;gap:8px}.side-section{display:flex;flex-direction:column;gap:1px;border-radius:8px;padding:4px}.side-section.alt{background:#232327}