:root{--bg:#fff;--surface:#f7f8f9;--raised:#fff;--hover:#f1f2f4;--border:#091e4224;--text:#44546f;--text-strong:#172b4d;--subtle:#626f86;--brand:#0c66e4;--brand-hover:#05c;--on-brand:#fff;--selected:#e9f2ff;--danger-bg:#ffeceb;--danger:#ae2e24;--danger-border:#ae2e2440;--success:#216e4e;--stage:#f1f2f4;--overlay:#ffffffe6;--radius:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1d2125;--surface:#22272b;--raised:#282e33;--hover:#2c333a;--border:#a6c5e229;--text:#b6c2cf;--text-strong:#dee4ea;--subtle:#8c9bab;--brand:#579dff;--brand-hover:#85b8ff;--selected:#1c2b41;--danger-bg:#42221f;--danger:#fd9891;--danger-border:#ae2e2466;--on-brand:#1d2125;--success:#7ee2b8;--stage:#161a1d;--overlay:#1d2125e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);grid-template-rows:auto 1fr;font:14px/1.43 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:grid;overflow:hidden}button{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:32px;padding:6px 12px}button:hover{background:var(--hover);color:var(--text-strong)}button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:600}button.primary:hover{background:var(--brand-hover)}.muted{color:var(--subtle)}.small{font-size:12px}.bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:52px;padding:8px 16px;display:flex}.brand{color:var(--text-strong);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.file{flex:1;align-items:baseline;gap:12px;min-width:0;display:flex}.file strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.actions{gap:8px;display:flex}.actions #theme{min-width:36px;padding:6px 10px}.body{grid-template-columns:260px 1fr;min-height:0;display:grid}body.list-hidden .body,body.no-items .body{grid-template-columns:0 1fr}body.list-hidden .side,body.no-items .side{visibility:hidden}body.no-items .tools,body.no-items #close-all{display:none}.side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.side-head{border-bottom:1px solid var(--border);gap:4px;min-height:34px;padding:8px 12px;font-size:12px;display:grid}.notice{color:var(--text-strong);background:var(--selected);border-radius:var(--radius);padding:4px 8px}.list{flex:1;margin:0;padding:4px 0;list-style:none;overflow:auto}.list li{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:6px 36px 6px 28px;position:relative;overflow:hidden}.list li:before{color:var(--subtle);font-size:11px;position:absolute;left:10px}.list li.heif:before,.list li.image:before{content:"▣"}.list li.video:before{content:"▶"}.list li:hover{background:var(--hover)}.list li .close{min-width:24px;min-height:24px;color:var(--subtle);opacity:0;background:0 0;border-color:#0000;padding:0 6px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.list li:hover .close,.list li.current .close,.list li .close:focus-visible{opacity:1}.list li .close:hover{background:var(--hover);color:var(--text-strong);border-color:var(--border)}@media (hover:none){.list li .close{opacity:1}}.list li.current{background:var(--selected);border-left-color:var(--brand);color:var(--text-strong)}.view{grid-template-rows:1fr auto;min-height:0;display:grid;position:relative}.stage{background:var(--stage);touch-action:none;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage canvas,.stage img,.stage video{object-fit:contain;transform-origin:50%;grid-area:1/1;width:100%;height:100%;transition:transform 80ms ease-out}.busy{background:var(--raised);border:1px solid var(--border);z-index:2;border-radius:8px;grid-area:1/1;justify-items:center;gap:8px;padding:16px 20px;display:grid}.busy progress{width:240px;accent-color:var(--brand)}.error{z-index:2;background:var(--danger-bg);max-width:560px;color:var(--danger);border:1px solid var(--danger-border);border-radius:8px;grid-area:1/1;padding:12px 16px}.empty{text-align:center;place-content:center;justify-items:center;gap:4px;padding:24px;display:grid}.empty h1{color:var(--text-strong);margin:0 0 4px;font-size:24px;font-weight:600}.empty p{margin:0}.privacy{color:var(--success);margin:8px 0!important}.empty-actions{gap:8px;margin:12px 0;display:flex}.tools{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.tools button{min-width:36px;padding:6px 10px}.tools .sep{background:var(--border);width:1px;height:20px;margin:0 6px}.drop{z-index:10;background:var(--overlay);border:3px dashed var(--brand);color:var(--text-strong);place-items:center;font-size:20px;display:grid;position:fixed;inset:0}[hidden]{display:none!important}@media (max-width:720px){.body{grid-template-columns:1fr}.side,.file span,.brand span{display:none}}@media (prefers-reduced-motion:reduce){.stage canvas,.stage img,.stage video{transition:none}}