:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#2563eb;--accent-ink:#fff;--danger:#dc2626;--ok:#059669;--shadow:0 10px 30px #0f172a14;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f4f6f8eb;position:sticky;top:0}.topbar-inner{align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.topbar-user{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:.92rem;display:flex}.brand{letter-spacing:-.03em;font-size:1.15rem;font-weight:750}.icon-btn,.text-btn,.primary-btn{color:var(--ink);background:0 0;border:0;border-radius:12px;min-width:44px;min-height:44px;padding:0 12px}.icon-btn:active,.text-btn:active{background:#e2e8f0}.primary-btn{background:var(--accent);color:var(--accent-ink);font-weight:650}.primary-btn:disabled{opacity:.5}.page{max-width:960px;margin:0 auto;padding:16px}.page.gallery-page{max-width:none;padding-left:0;padding-right:0}.page.gallery-page .crumb-wrap,.page.gallery-page .toolbar,.page.gallery-page .file-list,.page.gallery-page .notice,.page.gallery-page .error,.page.gallery-page .empty{max-width:960px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.page.gallery-page .file-list{padding-bottom:12px}.page.gallery-page>.file-sub{padding:16px}.page-title{letter-spacing:-.04em;margin:8px 0 16px;font-size:1.7rem}.card-list,.file-list{gap:10px;display:grid}.card,.file-row{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #eef2f7;align-items:center;gap:14px;min-height:72px;padding:14px 16px;display:flex}.file-row{text-align:left;width:100%}.file-row-wrap{align-items:center;gap:4px;display:flex}.file-row-wrap .file-row{flex:1}.item-menu-btn{color:var(--muted);font-size:1.3rem}.photo-tile-wrap{position:relative}.photo-menu-btn{color:#fff;background:#0f172a8c;border:0;border-radius:999px;width:32px;height:32px;font-size:1.1rem;position:absolute;top:6px;right:6px}.login-form{gap:14px;max-width:360px;display:grid}.login-form label{gap:6px;font-weight:650;display:grid}.login-form input,.modal input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:44px;padding:0 12px}.danger-btn{color:var(--danger);background:#fef2f2;border:0;border-radius:12px;min-height:44px;font-weight:650}.file-icon{color:#1d4ed8;background:#eef2ff;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.file-icon.dir{color:#c2410c;background:#fff7ed}.file-icon.image{color:#0e7490;background:#ecfeff}.file-icon.video{color:#6d28d9;background:#f5f3ff}.file-icon.pdf{color:#b91c1c;background:#fef2f2}.file-icon.text{color:#15803d;background:#f0fdf4}.file-icon.docx{color:#1d4ed8;background:#eff6ff}.file-icon.xlsx{color:#047857;background:#ecfdf5}.file-icon{overflow:hidden}.file-thumb{object-fit:cover;border-radius:12px;width:44px;height:44px;position:absolute;inset:0}.file-icon{position:relative}.photo-grid{background:#0b1220;grid-template-columns:1fr 1fr;gap:2px;display:grid}.photo-tile{aspect-ratio:1;background:#1e2937;border:0;border-radius:0;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile:active{opacity:.88}@media (width>=800px){.photo-grid{background:0 0;grid-template-columns:repeat(4,1fr);gap:3px;max-width:960px;margin:0 auto}.photo-tile{border-radius:4px}}.file-meta{flex:1;min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.file-sub{color:var(--muted);margin-top:2px;font-size:.86rem}.crumb-wrap{-webkit-overflow-scrolling:touch;padding:4px 0 10px;overflow-x:auto}.crumbs{min-width:max-content;color:var(--muted);align-items:center;gap:6px;font-size:.92rem;display:flex}.crumbs a{color:var(--accent);font-weight:600}.crumbs span.current{color:var(--ink);font-weight:650}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar select{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:44px;padding:0 12px}.empty,.error,.notice{background:var(--surface);border-radius:var(--radius);color:var(--muted);text-align:center;padding:24px 16px}.error{color:var(--danger)}.fab{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;border:0;border-radius:18px;width:58px;height:58px;font-size:1.6rem;position:fixed;box-shadow:0 12px 24px #2563eb59}.sheet-backdrop,.modal-backdrop{z-index:40;background:#0f172a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet,.modal{background:var(--surface);width:min(560px,100%);padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.modal{border-radius:20px;align-self:center;margin:16px;padding:20px}.sheet button,.modal button{text-align:left;background:0 0;border:0;border-radius:12px;width:100%;min-height:48px;padding:0 12px}.sheet button:active,.modal button:active{background:#f1f5f9}.modal h2,.sheet h2{margin:8px 8px 16px;font-size:1.15rem}.modal-actions{gap:8px;display:grid}.progress{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow);z-index:30;border-radius:16px;padding:12px 14px;position:fixed}.bar{background:#e2e8f0;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.drop-overlay{border:3px dashed var(--accent);z-index:50;color:var(--accent);background:#2563eb1f;place-items:center;font-weight:700;display:grid;position:fixed;inset:0}.viewer{color:#fff;z-index:60;overscroll-behavior:none;background:#0b1220;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{padding:calc(8px + env(safe-area-inset-top)) 8px 8px;background:#0b1220d1;align-items:center;gap:8px;display:flex}.viewer-bar .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.viewer-bar button,.viewer-bar a,.viewer-bar .file-sub{color:#f8fafc}.viewer-bar select{color:#f8fafc;background:#1f2937;border:1px solid #334155;border-radius:8px;min-height:36px}.viewer-stage{flex:1;min-height:0;position:relative;overflow:hidden}.viewer-stage.image{touch-action:none;place-items:center;display:grid}.viewer-stage.image img,.viewer-stage video,.viewer-stage canvas{max-width:100%;max-height:100%}.viewer-loading{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.viewer-spinner{border:3px solid #f8fafc38;border-top-color:#f8fafc;border-radius:50%;width:42px;height:42px;animation:.7s linear infinite viewer-spin}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-stage.text,.viewer-stage.pdf{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#111827;padding:12px;overflow:auto}.text-view{white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem}.pdf-page{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;max-height:none;margin:0 auto 12px;display:block}.video-wrap{background:#000;place-items:center;width:100%;height:100%;display:grid}.video-wrap video{width:100%;height:100%}.viewer-note{color:#cbd5e1;padding:8px 12px;font-size:.9rem}.preview-banner{background:#1e293b;justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-banner a{color:#93c5fd;font-weight:650}.viewer-stage.office{color:#0f172a;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;background:#f8fafc;padding:16px;overflow:auto}.docx-h{letter-spacing:-.03em;margin:16px 0 8px}.docx-p{margin:0 0 10px;line-height:1.55}.docx-li{margin:0 0 6px}.docx-table{border-collapse:collapse;background:#fff;width:100%;margin:12px 0}.docx-table td,.docx-table th{vertical-align:top;border:1px solid #cbd5e1;padding:6px 8px}.docx-image{border-radius:8px;max-width:100%;height:auto;margin:12px 0}.sheet-tabs{background:#111827;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.sheet-tabs button{color:#e5e7eb;white-space:nowrap;background:#1f2937;border:0;border-radius:999px;min-height:36px;padding:0 12px}.sheet-tabs button.active{color:#fff;background:#2563eb}.sheet-virtual{min-width:100%}.sheet-grid{border-collapse:collapse;color:#0f172a;background:#fff;width:max-content;min-width:100%}.sheet-grid th,.sheet-grid td{text-overflow:ellipsis;white-space:nowrap;border:1px solid #e2e8f0;min-width:92px;max-width:240px;padding:4px 8px;font-size:.85rem;overflow:hidden}.sheet-grid th{z-index:1;background:#f1f5f9;min-width:48px;position:sticky;left:0}@media (width>=800px){.sheet,.modal{border-radius:20px;margin-bottom:24px}.sheet-backdrop,.modal-backdrop{align-items:center}}