:root{--text:#3f4451;--text-dim:#7c8496;--text-h:#14161c;--bg:#fff;--bg-pane:#f7f8fa;--bg-hover:#eef0f4;--bg-sel:#dce9fd;--border:#dfe2e8;--accent:#2563eb;--danger:#c0392b;--sans:system-ui, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif;--mono:ui-monospace, Consolas, monospace;font:13px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#c3c8d4;--text-dim:#858c9c;--text-h:#f3f4f6;--bg:#16171d;--bg-pane:#1b1d24;--bg-hover:#23262f;--bg-sel:#1e3a63;--border:#2e303a;--accent:#6ea8fe;--danger:#e06c5e}}body{margin:0}#root{grid-template-rows:auto 1fr;height:100svh;display:grid;overflow:hidden}button{font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.5;cursor:default}input:not([type=checkbox]):not([type=radio]):not([type=file]){font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:3px 6px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}p{margin:0}[role=alert]{color:var(--danger);padding:6px 12px}.list-pane>[role=alert]{max-height:25svh;margin:0;overflow-y:auto}.appbar{border-bottom:1px solid var(--border);background:var(--bg-pane);align-items:center;gap:16px;height:40px;padding:0 12px;display:flex}.appbar .brand{color:var(--text-h);font-weight:600}.appbar .spacer{flex:1}.explorer{grid-template-columns:240px 1fr 320px;min-height:0;display:grid;overflow:hidden}.tree-pane,.preview-pane{background:var(--bg-pane);overflow-y:auto}.tree-pane{border-right:1px solid var(--border)}.preview-pane{border-left:1px solid var(--border)}.list-pane{flex-direction:column;min-width:0;display:flex;overflow:hidden}@media (width<=1200px){.explorer{grid-template-rows:1fr auto;grid-template-columns:1fr}.tree-pane{display:none}.preview-pane{border-left:0;border-top:1px solid var(--border);max-height:45svh}}.toolbar{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:34px;padding:6px 12px;display:flex}.toolbar .spacer{flex:1}.toolbar nav{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tree{padding:6px 0}.tree-children{padding-left:14px}.tree-row{white-space:nowrap;align-items:center;gap:2px;padding:2px 6px;display:flex}.tree-row:hover{background:var(--bg-hover)}.tree-row.is-current{background:var(--bg-sel)}.tree-row a{color:inherit;text-overflow:ellipsis;overflow:hidden}.tree-toggle{color:var(--text-dim);border:0;width:16px;padding:0 2px}.tree-loading{color:var(--text-dim);padding:2px 6px}.dropzone{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.dropzone-scroll{flex:1;min-height:0;overflow-y:auto}.dropzone-overlay{border:2px dashed var(--accent);background:var(--bg-sel);pointer-events:none;border-radius:6px;place-items:center;display:grid;position:absolute;inset:8px}.files,.users{border-collapse:collapse;width:100%}.files th,.users th{text-align:left;color:var(--text-dim);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 12px;font-weight:500;position:sticky;top:0}.files td,.users td{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:3px 12px;overflow:hidden}.files tr:hover td,.users tr:hover td{background:var(--bg-hover)}.files tr.is-selected td{background:var(--bg-sel)}.files .num{text-align:right;color:var(--text-dim);width:90px}.files .when{color:var(--text-dim);width:130px}.files .actions{width:60px}.users .num{text-align:right;width:90px}.users th button{all:unset;cursor:pointer;color:inherit;font:inherit}.users th button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.users th button:hover{color:var(--text)}.users th[aria-sort=ascending] button:after{content:" ↑"}.users th[aria-sort=descending] button:after{content:" ↓"}.users th[aria-sort=ascending] button,.users th[aria-sort=descending] button{color:var(--text)}.users .actions{text-align:right;width:1%}.users .actions button+button{margin-left:4px}.row-name{text-align:left;border:0;width:100%;padding:0}.preview{align-content:start;gap:12px;padding:12px;display:grid}.preview img{border:1px solid var(--border);border-radius:4px;width:100%;height:auto}.preview .empty{color:var(--text-dim)}.preview-info{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}.preview-info dt{color:var(--text-dim);white-space:nowrap}.preview-info dd{word-break:break-all;margin:0}.preview-actions{gap:6px;display:flex}.copied{color:var(--accent)}.page{min-height:0;padding:12px;overflow-y:auto}.page>.toolbar{padding-left:0;padding-right:0}.modal-backdrop{z-index:10;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow,0 10px 30px #0000004d);border-radius:6px;min-width:320px;max-width:min(90vw,480px);max-height:85svh;padding:16px;overflow-y:auto}.modal h2{color:var(--text-h);margin:0 0 12px;font-size:15px;font-weight:600}.modal form{gap:8px;display:grid}.modal label{gap:2px;display:grid}.modal label:has(input[type=checkbox],input[type=radio]){align-items:center;gap:6px;display:flex}.modal details ul{max-height:12rem;overflow-y:auto}