:root{font-family:Manrope,sans-serif;color:var(--text-primary);background:var(--page-background);--text-primary: #1d2635;--text-secondary: #334155;--text-muted: #718096;--text-soft: #64748b;--surface-0: rgba(255, 255, 255, .82);--surface-1: rgba(255, 255, 255, .88);--surface-2: #f8fafc;--surface-3: #f5f7fb;--surface-4: #eef2f7;--surface-5: #edf1f6;--surface-6: #e8edf5;--surface-7: #dbe3ee;--surface-8: #d8e0ea;--border-soft: #d7dfea;--border-strong: #e6ecf3;--card-gradient: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);--page-background: radial-gradient(circle at top left, rgba(246, 211, 57, .32), transparent 32%), linear-gradient(180deg, #eef2f7 0%, #e6ebf3 100%);--accent: #f5cf41;--accent-strong: #eab308;--accent-contrast: #1f2736;--accent-soft: rgba(245, 207, 65, .18);--danger-bg: #fce7e7;--danger-bg-strong: #fee2e2;--danger-text: #a61b1b;--danger-text-strong: #991b1b;--overlay: rgba(15, 23, 42, .3);--shadow-lg: 0 25px 70px rgba(30, 41, 59, .1);--shadow-xl: 0 25px 80px rgba(48, 61, 87, .12);--shadow-modal: 0 25px 80px rgba(15, 23, 42, .18)}:root[data-theme=dark]{--text-primary: #e7edf7;--text-secondary: #cad5e5;--text-muted: #93a4ba;--text-soft: #9baec8;--surface-0: rgba(18, 25, 38, .9);--surface-1: rgba(22, 31, 46, .9);--surface-2: #162031;--surface-3: #1a2537;--surface-4: #223048;--surface-5: #1f2c43;--surface-6: #23314b;--surface-7: #30415f;--surface-8: #344767;--border-soft: #33445f;--border-strong: #3b4d69;--card-gradient: linear-gradient(180deg, #1d2a3e 0%, #162132 100%);--page-background: radial-gradient(circle at top left, rgba(245, 207, 65, .16), transparent 28%), linear-gradient(180deg, #0a1220 0%, #10192b 100%);--accent: #f4c542;--accent-strong: #dba514;--accent-contrast: #151b26;--accent-soft: rgba(244, 197, 66, .2);--danger-bg: rgba(128, 43, 43, .28);--danger-bg-strong: rgba(128, 43, 43, .36);--danger-text: #ffb4b4;--danger-text-strong: #ffd2d2;--overlay: rgba(2, 6, 23, .58);--shadow-lg: 0 25px 70px rgba(2, 6, 23, .42);--shadow-xl: 0 25px 80px rgba(2, 6, 23, .38);--shadow-modal: 0 25px 80px rgba(2, 6, 23, .52)}:root[data-theme=sunset]{--text-primary: #3a1f24;--text-secondary: #5c3840;--text-muted: #8e6971;--text-soft: #9f6f67;--surface-0: rgba(255, 249, 245, .86);--surface-1: rgba(255, 249, 245, .92);--surface-2: #fff4ee;--surface-3: #ffefe8;--surface-4: #ffe5db;--surface-5: #ffe9de;--surface-6: #ffdcca;--surface-7: #f5cdb9;--surface-8: #efc1a7;--border-soft: #f0d1c3;--border-strong: #eec3ad;--card-gradient: linear-gradient(180deg, #fffaf7 0%, #fff0e7 100%);--page-background: radial-gradient(circle at top left, rgba(244, 114, 76, .24), transparent 34%), linear-gradient(180deg, #fff2e8 0%, #f8ddd1 100%);--accent: #f59e0b;--accent-strong: #ea580c;--accent-contrast: #3a2314;--accent-soft: rgba(245, 158, 11, .18)}:root[data-theme=forest]{--text-primary: #1d3128;--text-secondary: #2f4b3d;--text-muted: #5e7b6d;--text-soft: #5c7b6d;--surface-0: rgba(246, 251, 247, .86);--surface-1: rgba(246, 251, 247, .92);--surface-2: #f1f8f3;--surface-3: #edf6ef;--surface-4: #e2efe6;--surface-5: #e8f2eb;--surface-6: #d6e6dc;--surface-7: #bed5c6;--surface-8: #b5d1c0;--border-soft: #cfdfd5;--border-strong: #bfd4c5;--card-gradient: linear-gradient(180deg, #fbfefb 0%, #edf6ef 100%);--page-background: radial-gradient(circle at top left, rgba(34, 197, 94, .18), transparent 34%), linear-gradient(180deg, #ecf7ef 0%, #dcebe1 100%);--accent: #39a96b;--accent-strong: #257d4f;--accent-contrast: #f5fff7;--accent-soft: rgba(57, 169, 107, .18)}:root[data-theme=ocean]{--text-primary: #13283f;--text-secondary: #25425f;--text-muted: #5f7893;--text-soft: #5d7794;--surface-0: rgba(245, 249, 255, .86);--surface-1: rgba(245, 249, 255, .92);--surface-2: #f2f7fd;--surface-3: #edf4fc;--surface-4: #dfebf8;--surface-5: #e7f0f9;--surface-6: #d4e2f1;--surface-7: #bfd1e5;--surface-8: #b7cce3;--border-soft: #cfdded;--border-strong: #bfd1e5;--card-gradient: linear-gradient(180deg, #fbfdff 0%, #edf4fc 100%);--page-background: radial-gradient(circle at top left, rgba(56, 189, 248, .2), transparent 34%), linear-gradient(180deg, #edf6ff 0%, #dbe7f5 100%);--accent: #0ea5e9;--accent-strong: #0284c7;--accent-contrast: #effbff;--accent-soft: rgba(14, 165, 233, .18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.6}#root{min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.public-shell{min-height:100vh;padding:32px}.auth-card,.public-header{width:min(560px,100%);background:var(--surface-1);border:1px solid color-mix(in srgb,var(--border-strong) 72%,white);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;padding:32px;box-shadow:var(--shadow-xl)}.public-header{width:min(1240px,100%);margin:0 auto 24px}.auth-card{color:var(--text-primary)}.auth-card h1{margin:18px 0 14px;font-size:clamp(42px,6vw,60px);line-height:.98;letter-spacing:-.04em;color:var(--text-primary)}.auth-card p{margin:0 0 24px;color:var(--text-muted);font-size:17px;line-height:1.5}.auth-badge{display:inline-flex;align-items:center;width:fit-content;padding:8px 14px;border-radius:999px;background:var(--accent-soft);color:var(--text-primary);font-size:15px;font-weight:800}.auth-card form,.share-form{display:grid;gap:12px}input,select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-primary)}input::placeholder,select::placeholder{color:var(--text-muted)}input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:2px}.auth-card .text-button{color:var(--text-secondary);padding-left:0;padding-right:0}.auth-card .text-button:hover{color:var(--text-primary)}.layout-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:18px;padding:12px}.layout-shell>*{min-width:0}.sidebar,.content,.modal-card{background:var(--surface-0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;box-shadow:var(--shadow-lg)}.sidebar{padding:24px 18px;display:flex;flex-direction:column;gap:14px}.brand{font-size:38px;font-weight:800}.primary-button,.secondary-button,.nav-item,.text-button{border-radius:18px;padding:14px 16px}.primary-button{background:var(--accent);color:var(--accent-contrast);font-weight:800}.secondary-button{background:var(--surface-5);color:var(--text-secondary)}.primary-button,.secondary-button{width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center}.nav-item,.text-button{background:transparent;color:var(--text-secondary);text-align:left}.nav-item{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:center;width:100%;min-height:52px}.nav-icon{width:20px;display:inline-grid;place-items:center;color:var(--text-soft);font-size:16px;line-height:1}.nav-item.active,.nav-item:hover{background:var(--surface-4)}.sidebar nav{display:grid;gap:6px}.sidebar-footer{margin-top:auto;padding:12px;background:var(--surface-3);border-radius:20px}.sidebar-user-row{display:grid;gap:6px;margin-bottom:4px;min-width:0}.sidebar-user-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.sidebar-user-heading>:first-child{font-weight:700;word-break:break-word}.sidebar-settings-button{width:36px;height:36px;border-radius:12px;background:var(--surface-4);color:var(--text-secondary);display:grid;place-items:center;flex-shrink:0;font-size:16px}.sidebar-settings-button:hover{background:var(--surface-6)}.sidebar-user-quota{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:6px 10px;border-radius:999px;background:var(--surface-6);color:var(--text-secondary);font-size:12px;font-weight:700}.quota-menu{width:fit-content}.quota-popover{top:auto;bottom:calc(100% + 8px);left:0;right:auto;min-width:220px}.quota-popover-title{font-size:13px;font-weight:800;color:var(--text-primary)}.quota-popover-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;color:var(--text-secondary)}.quota-progress-bar{height:10px;border-radius:999px;background:var(--surface-7);overflow:hidden}.quota-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%);transition:width .18s ease}.content{position:relative;padding:28px}.content.drag-active{overflow:hidden}.content-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:28px;border-radius:28px;background:color-mix(in srgb,var(--surface-4) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px dashed color-mix(in srgb,var(--accent) 88%,transparent);pointer-events:none}.content-dropzone-card{width:min(420px,100%);padding:28px;border-radius:24px;background:color-mix(in srgb,var(--surface-1) 94%,white);box-shadow:var(--shadow-lg);text-align:center}.content-dropzone-title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.content-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.content-header h1,.public-header h1{margin:0 0 6px;font-size:34px}.public-owner{margin-bottom:8px;color:var(--text-soft);font-size:14px;font-weight:700}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px}.breadcrumbs button{background:transparent;color:var(--text-secondary);padding:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.toolbar .primary-button,.toolbar .secondary-button{width:auto;white-space:nowrap}.public-toolbar{align-self:start}.transfer-progress{padding:14px 16px;border-radius:18px;background:var(--surface-3)}.transfer-progress-list{position:fixed;right:24px;bottom:24px;z-index:4;width:min(420px,calc(100vw - 32px));max-height:min(50vh,420px);overflow:auto;display:grid;gap:10px}.transfer-progress-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.transfer-progress-name,.transfer-progress-value,.transfer-progress-meta{font-size:14px;font-weight:700;color:var(--text-secondary)}.transfer-progress-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-progress-meta{margin-bottom:10px;font-size:12px;font-weight:600;color:var(--text-soft)}.transfer-progress-bar{height:10px;border-radius:999px;background:var(--surface-7);overflow:hidden}.transfer-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%);transition:width .18s ease}.transfer-progress-fill.is-indeterminate{width:42%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 92%,transparent) 45%,color-mix(in srgb,var(--accent-strong) 95%,transparent) 100%);animation:transfer-progress-slide 1.2s ease-in-out infinite}@keyframes transfer-progress-slide{0%{transform:translate(-120%)}to{transform:translate(260%)}}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-top:28px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin-top:28px}.invite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin-top:20px}.access-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin-top:28px}.access-summary{margin-top:18px;padding:10px 14px;min-height:52px;border-radius:18px;display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--border-soft) 76%,white)}.access-summary-label{font-weight:800;color:var(--text-primary)}.access-summary-separator{width:1px;align-self:stretch;background:color-mix(in srgb,var(--border-soft) 72%,transparent)}.access-summary-text{color:var(--text-secondary);flex:1;min-width:min(220px,100%)}.access-summary-count{min-width:34px;height:34px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;background:var(--surface-4);color:var(--text-primary)}.access-summary-issued .access-summary-count,.access-summary-public .access-summary-count{background:color-mix(in srgb,var(--accent) 18%,var(--surface-4))}.access-summary-received .access-summary-count{background:color-mix(in srgb,#38bdf8 16%,var(--surface-4))}.access-summary-users .access-summary-count{background:color-mix(in srgb,var(--surface-7) 70%,var(--surface-4))}.access-empty{margin-top:28px;padding:24px;border-radius:24px;background:var(--surface-2)}.admin-tabs{display:inline-flex;max-width:100%;flex-wrap:wrap;gap:8px;margin-top:24px;padding:6px;border-radius:20px;background:var(--surface-4)}.admin-tab{min-height:42px;padding:10px 16px;border-radius:14px;background:transparent;color:var(--text-secondary);font-weight:700;min-width:0}.admin-tab.active{background:var(--surface-1);color:var(--text-primary);box-shadow:0 10px 20px #0f172a0f}.invite-toolbar{margin-top:24px;display:grid;gap:12px;align-items:start}.invite-create-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.invite-quota-input,.invite-uses-input{width:min(220px,100%)}.invite-create-button,.invite-copy-button{width:auto}.public-grid{width:min(1240px,100%);margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.public-shell>.error-box{width:min(1240px,100%);margin-left:auto;margin-right:auto}.file-card{background:var(--card-gradient);border-radius:24px;padding:18px;min-height:220px;display:grid;align-content:start;gap:10px}.admin-card{background:var(--card-gradient);border-radius:24px;padding:20px;display:grid;gap:16px;align-content:start;min-width:0;overflow:visible}.invite-card{background:var(--card-gradient);border-radius:24px;padding:20px;display:grid;gap:16px}.access-card{background:var(--card-gradient);border-radius:24px;padding:20px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;border:1px solid transparent;box-shadow:var(--shadow-lg);min-width:0;height:100%}.access-card-issued{border-color:color-mix(in srgb,var(--accent) 22%,var(--border-soft))}.access-card-public{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,var(--surface-1)) 0%,transparent 100%),var(--card-gradient);border-color:color-mix(in srgb,var(--accent-strong) 26%,var(--border-soft))}.access-card-received{background:linear-gradient(180deg,color-mix(in srgb,#38bdf8 10%,var(--surface-1)) 0%,transparent 100%),var(--card-gradient);border-color:color-mix(in srgb,#38bdf8 24%,var(--border-soft))}.access-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;min-width:0}.access-card-header h3{margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;line-height:1.2}.access-card-header>:first-child{min-width:0;display:grid;grid-template-rows:minmax(2.4em,auto) auto;align-content:start}.access-badge{padding:8px 12px;border-radius:999px;font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;flex-shrink:0;max-width:min(100%,170px)}.access-badge.public{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-strong)}.access-badge.user{background:var(--surface-3);color:var(--text-primary)}.access-card-body{display:grid;gap:10px;min-width:0;align-content:start}.access-meta-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.access-meta-row span{color:var(--text-secondary);flex:0 0 auto}.access-meta-row strong{text-align:right;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-self:end}.access-card-actions .primary-button,.access-card-actions .secondary-button{width:auto}.access-card input{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-tab-count{min-width:26px;height:26px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-5) 82%,white);color:var(--text-secondary);font-size:.86rem;font-weight:800}.access-tab-issued.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface-1))}.access-tab-public.active{background:color-mix(in srgb,var(--accent-strong) 16%,var(--surface-1))}.access-tab-users.active{background:color-mix(in srgb,var(--surface-7) 70%,var(--surface-1))}.access-tab-received.active{background:color-mix(in srgb,#38bdf8 16%,var(--surface-1))}.access-tab-issued.active .access-tab-count,.access-tab-public.active .access-tab-count{background:color-mix(in srgb,var(--accent) 24%,white)}.access-tab-users.active .access-tab-count{background:color-mix(in srgb,var(--surface-7) 76%,white)}.access-tab-received.active .access-tab-count{background:color-mix(in srgb,#38bdf8 22%,white)}.invite-card-header{display:flex;justify-content:space-between;gap:12px;align-items:start;min-width:0}.invite-card-header h3{margin:0 0 6px}.admin-card-header{display:flex;justify-content:space-between;gap:12px;align-items:start;min-width:0}.admin-card-header>:first-child{min-width:0;flex:1}.admin-card-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-card-header h3{margin:0 0 6px;word-break:break-word}.admin-badge{padding:8px 12px;border-radius:999px;background:var(--surface-5);color:var(--text-secondary);font-size:13px;font-weight:800;white-space:nowrap}.admin-badge.enabled{background:var(--accent);color:var(--accent-contrast)}.admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-stat{padding:14px;border-radius:18px;background:var(--surface-2);display:grid;gap:8px}.admin-card-footer{margin-top:auto;padding-top:4px}.admin-card .action-menu-trigger{width:36px;height:36px;border-radius:12px}.admin-card .action-menu-popover{top:calc(100% + 8px);bottom:auto;right:0;min-width:220px;max-width:min(280px,calc(100vw - 48px))}.admin-card .menu-item{white-space:normal;text-align:left}.file-icon{width:82px;height:68px;border-radius:18px;font-weight:800;color:#fff;overflow:hidden;display:grid;place-items:center}.file-icon.directory{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 60%,white),color-mix(in srgb,var(--accent) 82%,#c79010))}.file-icon.file{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-8) 74%,#7c8ee4),color-mix(in srgb,var(--surface-7) 62%,#5d6fb4))}.file-icon.media{width:100%;height:132px;padding:0;background:var(--surface-8)}.file-thumb{width:100%;height:100%;object-fit:cover;display:block}.file-name{font-weight:700;line-height:1.3;word-break:break-word}.file-meta,.muted{color:var(--text-muted);font-size:14px}.file-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;margin-top:auto}.file-actions.compact{display:flex;align-items:center;gap:8px}.action-button{min-height:40px;padding:9px 12px;border-radius:14px;background:var(--surface-4);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;transition:background .15s ease,transform .15s ease}.primary-action{flex:1}.action-button:hover{background:var(--surface-6);transform:translateY(-1px)}.action-button.danger{background:var(--danger-bg);color:var(--danger-text)}.action-button.danger:hover{background:var(--danger-bg-strong)}.action-icon{width:14px;display:inline-grid;place-items:center;font-size:14px;line-height:1}.action-menu{position:relative}.action-menu-trigger{width:40px;height:40px;border-radius:14px;background:var(--surface-4);color:var(--text-primary);display:grid;place-items:center;font-size:22px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.action-menu-trigger:hover{background:var(--surface-6)}.action-menu-popover{position:absolute;right:0;bottom:calc(100% + 8px);min-width:190px;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--surface-1) 98%,white);box-shadow:0 18px 40px #0f172a24;border:1px solid var(--border-strong);display:grid;gap:4px;z-index:5}.menu-item{min-height:40px;padding:10px 12px;border-radius:12px;background:transparent;color:var(--text-primary);display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.menu-item:hover{background:var(--surface-3)}.menu-item.danger{color:var(--danger-text)}.trash-card .file-meta{word-break:break-word}.trash-actions{grid-template-columns:1fr}.trash-actions .action-button{width:100%;white-space:normal}.error-box{margin-top:12px;background:var(--danger-bg-strong);color:var(--danger-text-strong);padding:12px 14px;border-radius:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:24px;z-index:20}.modal-card{width:min(720px,100%);padding:24px}.preview-card{width:min(960px,100%);max-width:100%;max-height:calc(100vh - 48px);background:color-mix(in srgb,var(--surface-1) 96%,white);border-radius:28px;padding:24px;box-shadow:var(--shadow-modal);display:grid;gap:16px}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}.modal-header h3{margin:0;min-width:0;overflow-wrap:anywhere}.checkbox-row{display:flex;align-items:center;gap:12px}.checkbox-row input{width:auto}.share-list{margin-top:20px;display:grid;gap:10px}.share-item{background:var(--surface-2);border-radius:18px;padding:12px;display:grid;gap:8px}.share-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.share-delete{padding:8px 10px;border-radius:12px;background:var(--danger-bg);color:var(--danger-text);font-weight:700;flex-shrink:0}.preview-stage{min-height:320px;max-height:calc(100vh - 180px);display:grid;place-items:center;background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface-5) 100%);border-radius:22px;overflow:hidden}.preview-media{max-width:100%;max-height:calc(100vh - 200px);display:block}.preview-audio{width:min(640px,100%);max-width:100%}.preview-text-wrap{width:100%;height:100%;padding:20px;overflow:auto}.preview-text{margin:0;width:100%;min-height:100%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.preview-error{margin-top:0}.settings-modal{width:min(980px,100%);display:grid;gap:20px;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.settings-close-button{width:auto;flex-shrink:0}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.settings-tabs{display:grid;gap:8px;align-content:start}.settings-tab{min-height:48px;padding:12px 14px;border-radius:16px;background:var(--surface-4);color:var(--text-secondary);text-align:left;font-weight:700}.settings-tab.active{background:var(--accent-soft);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent)}.settings-panel{display:grid;gap:20px}.settings-section-header h4{margin:0 0 6px;font-size:24px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.theme-card{padding:14px;border-radius:20px;background:var(--surface-2);display:grid;gap:12px;text-align:left;box-shadow:inset 0 0 0 1px var(--border-soft);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.theme-card:hover{transform:translateY(-1px);background:var(--surface-3)}.theme-card.active{box-shadow:inset 0 0 0 2px var(--accent),0 16px 36px #0f172a14}.theme-card-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.theme-card-state{padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--text-primary);font-size:12px;font-weight:800}.theme-preview{min-height:128px;border-radius:18px;padding:12px;display:grid;align-content:space-between;gap:10px}.theme-preview-badge{width:fit-content;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.theme-preview-window{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:stretch;flex:1}.theme-preview-sidebar,.theme-preview-content{border-radius:14px}.theme-preview-content{padding:12px;display:grid;align-content:start;gap:10px}.theme-preview-line,.theme-preview-pill{border-radius:999px;height:10px}.theme-preview-line.short{width:56%}.theme-preview-pill{width:36%;height:24px}.theme-preview-system,.theme-preview-light{background:linear-gradient(180deg,#eef2f7,#dbe5f1)}.theme-preview-system .theme-preview-badge,.theme-preview-light .theme-preview-badge{background:#ffffffc7;color:#1f2736}.theme-preview-system .theme-preview-sidebar,.theme-preview-light .theme-preview-sidebar{background:#ffffffd1}.theme-preview-system .theme-preview-content,.theme-preview-light .theme-preview-content{background:#ffffffe0}.theme-preview-system .theme-preview-line,.theme-preview-system .theme-preview-pill,.theme-preview-light .theme-preview-line,.theme-preview-light .theme-preview-pill{background:#41546e2e}.theme-preview-dark{background:linear-gradient(180deg,#121b2c,#0e1522)}.theme-preview-dark .theme-preview-badge{background:#f4c5422e;color:#f7d975}.theme-preview-dark .theme-preview-sidebar{background:#223048e0}.theme-preview-dark .theme-preview-content{background:#1c283ceb}.theme-preview-dark .theme-preview-line,.theme-preview-dark .theme-preview-pill{background:#e2ebf729}.theme-preview-sunset{background:linear-gradient(180deg,#fff0e7,#f7d3c3)}.theme-preview-sunset .theme-preview-badge{background:#ffffffc7;color:#633127}.theme-preview-sunset .theme-preview-sidebar{background:#fff9f5d6}.theme-preview-sunset .theme-preview-content{background:#fff7f2e6}.theme-preview-sunset .theme-preview-line,.theme-preview-sunset .theme-preview-pill{background:#a3563429}.theme-preview-forest{background:linear-gradient(180deg,#eef8f1,#cadfcc)}.theme-preview-forest .theme-preview-badge{background:#ffffffc7;color:#224734}.theme-preview-forest .theme-preview-sidebar{background:#f7fcf8d6}.theme-preview-forest .theme-preview-content{background:#f8fcf9e6}.theme-preview-forest .theme-preview-line,.theme-preview-forest .theme-preview-pill{background:#37664f29}.theme-preview-ocean{background:linear-gradient(180deg,#eef6ff,#cddcf0)}.theme-preview-ocean .theme-preview-badge{background:#ffffffc7;color:#1b3c61}.theme-preview-ocean .theme-preview-sidebar{background:#f8fcffd6}.theme-preview-ocean .theme-preview-content{background:#f8fcffe6}.theme-preview-ocean .theme-preview-line,.theme-preview-ocean .theme-preview-pill{background:#2c619629}.settings-placeholder{padding:18px;border-radius:18px;background:var(--surface-2);color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--border-soft)}.account-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.account-settings-card{padding:18px;border-radius:20px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-soft);display:grid;gap:12px}.account-settings-title{font-size:18px;font-weight:800;color:var(--text-primary)}.account-settings-button{margin-top:4px}.settings-inline-message{margin-top:0}.settings-success{padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 85%,var(--surface-2));color:var(--text-primary);font-weight:700}.settings-debug{padding:16px 18px;border-radius:18px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-soft);display:grid;gap:10px}.settings-debug-title{font-size:13px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.settings-debug-row{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--text-secondary);font-size:14px}.settings-debug-row strong{color:var(--text-primary)}.settings-debug-agent{padding-top:6px;color:var(--text-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}@media(max-width:960px){.layout-shell{grid-template-columns:1fr}.content-header{flex-direction:column}.toolbar{justify-content:flex-start}.transfer-progress-list{right:16px;bottom:16px;width:calc(100vw - 32px);max-height:45vh}.modal-backdrop{padding:12px;overflow:hidden}.preview-card{width:100%;max-height:calc(100dvh - 24px);padding:16px;border-radius:22px}.modal-header{align-items:flex-start}.modal-header h3{font-size:22px;line-height:1.25}.preview-stage{min-height:220px;max-height:calc(100dvh - 150px);border-radius:18px}.preview-media{max-height:calc(100dvh - 170px)}.preview-text-wrap{padding:14px}.preview-text{font-size:13px}.settings-layout{grid-template-columns:1fr}.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.layout-shell{gap:12px;padding:8px}.sidebar,.content{border-radius:22px}.sidebar,.content{padding:18px 14px}.content-header h1,.public-header h1{font-size:28px;line-height:1.08;overflow-wrap:anywhere}.toolbar{width:100%}.toolbar .primary-button,.toolbar .secondary-button{width:100%;white-space:normal}.admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.admin-tab{padding-inline:10px;justify-content:center;text-align:center}.access-summary{align-items:flex-start;flex-wrap:wrap}.access-summary-separator{display:none}.access-summary-text{flex-basis:100%;min-width:0}.access-summary-count{margin-left:auto}.access-card,.admin-card,.invite-card{border-radius:20px;padding:16px}.access-card-header{grid-template-columns:1fr}.access-badge{justify-self:start;max-width:100%;white-space:normal}.access-meta-row{grid-template-columns:1fr;gap:4px;align-items:start}.access-meta-row strong{text-align:left;white-space:normal;overflow-wrap:anywhere}.access-card-actions .primary-button,.access-card-actions .secondary-button,.access-card-actions .share-delete{width:100%}.admin-card-header,.admin-card-tools,.invite-card-header,.invite-create-row{flex-direction:column;align-items:stretch}.admin-card-tools{width:100%}.admin-badge{width:100%;text-align:center;white-space:normal}.admin-card .action-menu,.admin-card .action-menu-trigger{width:100%}.admin-card .action-menu-popover{left:0;right:0;min-width:0;max-width:none}.admin-stats{grid-template-columns:1fr}.invite-quota-input,.invite-uses-input,.invite-create-button,.invite-copy-button,.invite-card-header .share-delete{width:100%}.settings-modal{padding:16px;max-height:calc(100dvh - 24px)}.theme-grid,.settings-tabs{grid-template-columns:1fr}}