:root{--bg:#fff;--fg:#1c1c1e;--muted:#5c5c66;--line:#d8d8dd;--accent:#1f5fd0;--accent-fg:#fff;--error-bg:#fdf0ef;--error-line:#d9534f;--info-bg:#f2f4f8;--info-line:#8a94a6;--success-bg:#eef7f0;--success-line:#3f8f57;--scrim:#00000073}@media (prefers-color-scheme:dark){:root{--bg:#17181a;--fg:#ececef;--muted:#a2a2ad;--line:#3a3b40;--accent:#6ea1ff;--accent-fg:#10131a;--error-bg:#33201f;--error-line:#e0736e;--info-bg:#212429;--info-line:#7d879a;--success-bg:#1c2b21;--success-line:#6cbb85;--scrim:#000000a6}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7}.page{flex-direction:column;align-items:flex-start;gap:1rem;max-width:34rem;margin:0 auto;padding:3rem 1.25rem;display:flex}.page-wide{max-width:64rem}h1{margin:0;font-size:1.5rem;font-weight:600}p{margin:0}.lead{color:var(--fg)}.footnote{color:var(--muted);font-size:.875rem}button,.link-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.6rem 1.1rem;font-weight:500;text-decoration:none;display:inline-block}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:var(--accent);color:var(--accent-fg)}.secondary{border-color:var(--line);color:var(--fg);background:0 0}.danger{border-color:var(--error-line);color:var(--error-line);background:0 0}button:focus-visible,.link-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notice{border-left:3px solid;border-radius:4px;width:100%;padding:.75rem 1rem}.notice-message{font-weight:500}.notice-hint{color:var(--muted);margin-top:.35rem;font-size:.9375rem}.notice-error{background:var(--error-bg);border-color:var(--error-line)}.notice-info{background:var(--info-bg);border-color:var(--info-line)}.notice-success{background:var(--success-bg);border-color:var(--success-line)}.shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);background:var(--bg);padding:.5rem .75rem;position:sticky;top:0}.menu-button{border-color:var(--line);color:var(--fg);background:0 0;padding:.25rem .7rem;font-size:1.25rem;line-height:1.4}.scrim{z-index:25;background:var(--scrim);border:0;border-radius:0;padding:0;display:none;position:fixed;inset:0}.sidebar{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:1.25rem;padding:1.25rem 1rem;display:flex;overflow-y:auto}.sidebar-who{color:var(--muted);font-size:.875rem}.sidebar-name{color:var(--fg);font-size:1rem;display:block}.sidebar-nav{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-link{color:var(--fg);border-radius:6px;padding:.5rem .75rem;text-decoration:none;display:block}.sidebar-link:hover{background:var(--info-bg)}.sidebar-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-foot{margin-top:auto}@media (width<=47.999rem){.sidebar{z-index:30;visibility:hidden;width:min(17rem,80vw);transition:transform .2s,visibility .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell-drawer-open .sidebar{visibility:visible;transform:none}.shell-drawer-open .scrim{display:block}body.drawer-open{overflow:hidden}}@media (width<=47.999rem) and (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (width>=48rem){.shell{grid-template-columns:15rem minmax(0,1fr);display:grid}.topbar{display:none}.sidebar{height:100vh;position:sticky;top:0}}.uploader{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;display:flex}.file-input{display:none}.uploads{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.875rem;width:100%;padding:.875rem 1rem;display:flex}.uploads-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.uploads-summary{font-weight:500}.upload-list{flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.upload-row{flex-direction:column;gap:.25rem;min-width:0;display:flex}.upload-line{align-items:center;gap:.6rem;min-width:0;display:flex}.upload-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.upload-size,.upload-note{color:var(--muted);white-space:nowrap;font-size:.875rem}.upload-progress{flex:1;min-width:0;height:.5rem}.upload-done{color:var(--success-line);font-size:.875rem}.upload-failed{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.upload-error{color:var(--error-line);overflow-wrap:anywhere;font-size:.9375rem}.upload-failed .upload-note{white-space:normal}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.tile{flex-direction:column;gap:.4rem;min-width:0;display:flex}.tile-link{aspect-ratio:1;border:1px solid var(--line);background:var(--info-bg);border-radius:8px;display:block;overflow:hidden}.tile-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-image{object-fit:cover;width:100%;height:100%;display:block}.tile-name{overflow-wrap:anywhere;font-size:.875rem}.tile-actions{flex-wrap:wrap;gap:.35rem;display:flex}.tile-actions button{min-height:2.75rem;padding:.4rem .7rem;font-size:.875rem}.tile-confirm{flex-direction:column;gap:.35rem;display:flex}.tile-warn{color:var(--error-line);font-size:.8125rem;line-height:1.5}