/* Display values are bounded and validated by the server; no custom CSS is accepted. */
:root{--site-font:ui-sans-serif,system-ui,sans-serif;--site-line-height:1.55;--site-weight:400;--content-padding:28px;--section-gap:20px;--card-radius:16px;--button-radius:10px;--file-columns:repeat(auto-fill,minmax(220px,1fr));--folder-columns:repeat(auto-fit,minmax(260px,1fr));--mobile-columns:1;--app-wallpaper:none;--login-wallpaper:none;--wallpaper-overlay:rgba(0,0,0,.45)}
body{font-family:var(--site-font);font-weight:var(--site-weight);line-height:var(--site-line-height);background-image:linear-gradient(var(--app-overlay,transparent),var(--app-overlay,transparent)),var(--app-wallpaper);background-size:cover;background-position:center;background-attachment:fixed}
html:not([data-theme]) body,html:not([data-navigation]) body{background-image:none}
.app>main{min-width:0}.content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--content-padding)}
.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg)!important;flex-shrink:0}.topbar{height:var(--header-height);padding:0 var(--content-padding)}
.brand-mark{font-size:var(--brand-size)}.nav-button{font-size:var(--nav-size)}.primary,.secondary,.quiet,.upload-panel>button{font-size:var(--button-size);border-radius:var(--button-radius)}
h1{font-size:calc(var(--heading-size)*var(--legacy-scale,1))}.intro{text-align:var(--intro-align,left)}
[data-intro-align=center] .intro{text-align:center}
.root-cards{grid-template-columns:var(--folder-columns);gap:var(--section-gap);max-width:none}.root-card{min-height:var(--folder-height);border-radius:var(--card-radius)}
.entries:not(.list){grid-template-columns:var(--file-columns);gap:var(--section-gap)}.entry{border-radius:var(--card-radius);background:var(--panel)}.entry-art{height:var(--thumbnail-height);background:var(--input-bg)}
.entry-art img{object-fit:cover}[data-image-fit=contain] .entry-art img{object-fit:contain}
.entries.list{gap:calc(var(--section-gap)*.55)}.entries.list .entry-art{height:var(--list-thumbnail);width:calc(var(--list-thumbnail)*1.4);min-width:calc(var(--list-thumbnail)*1.4)}
.entry-name{font-size:var(--file-name-size)}.entry-meta{font-size:var(--file-meta-size)}[data-card-align=center] .entry-info,[data-card-align=center] .root-card{text-align:center}
[data-shadows=true] .entry,[data-shadows=true] .root-card{box-shadow:0 8px 24px #00000016}[data-borders=false] .entry,[data-borders=false] .root-card{border-color:transparent}
[data-density=compact] .entry-info{padding:10px 12px}[data-density=spacious] .entry-info{padding:24px}[data-density=compact] .nav-button{padding-top:9px;padding-bottom:9px}[data-density=spacious] .nav-button{padding-top:17px;padding-bottom:17px}
[data-navigation=right] .app{flex-direction:row-reverse}[data-navigation=right] .sidebar{border-right:0;border-left:1px solid var(--line)}
[data-navigation=top] .app{flex-direction:column}[data-navigation=top] .sidebar{position:static;top:auto;width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px;padding:18px var(--content-padding);border:0;border-bottom:1px solid var(--line);overflow:visible}
[data-navigation=top] .nav-caption{display:none}[data-navigation=top] #nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;flex:1}[data-navigation=top] .sidebar-bottom{margin:0;padding:0;display:flex;align-items:center;gap:14px}[data-navigation=top] .sidebar-bottom>*{margin:0!important}[data-navigation=top] .sidebar small{display:none}
input,select,.search{background-color:var(--input-bg)}.secondary,.view-controls button{background:var(--panel)}.nav-button.active,.nav-button:hover{background:color-mix(in srgb,var(--accent) 16%,var(--sidebar-bg));color:var(--text)}
[data-show-header=false] .topbar,[data-show-footer=false] .app footer,[data-show-intro=false] .intro,[data-show-note=false] .home-note,[data-show-search=false] .tools>.search,[data-show-sort=false] #sort,[data-show-view-switch=false] .view-controls,[data-show-meta=false] .entry-meta,[data-show-thumbnails=false] .entry-art img,[data-show-download=false] .file-download,[data-show-download=false] #download,[data-show-server=false] .server-dot,[data-show-brand-caption=false] .sidebar .brand-mark small{display:none!important}
.login-wrap{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px;background-color:var(--login-bg);background-image:linear-gradient(var(--login-overlay,transparent),var(--login-overlay,transparent)),var(--login-wallpaper);background-position:center;background-size:cover;gap:7vw}
.login-card{width:var(--login-width);max-width:100%;padding:34px;border-radius:var(--login-radius);background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 70px #0002;flex-shrink:0}
.login-card h1{font-size:var(--login-heading-size);white-space:pre-line}.login-card .brand-mark{display:block;margin-bottom:30px}.login-card .eyebrow{margin-bottom:18px}.login-card input{background:var(--input-bg)}
[data-login-card=false] .login-card{background:transparent;border-color:transparent;box-shadow:none}[data-login-align=center] .login-card{text-align:center}[data-login-align=center] .login-card label{text-align:left}
.login-showcase{max-width:480px;display:none}.login-showcase h2{font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-1.5px}.login-showcase p{font-size:18px;line-height:1.8;color:var(--muted)}
[data-login-layout=split] .login-showcase{display:block}[data-login-layout=left] .login-wrap{justify-content:flex-start;padding-left:8vw}[data-login-layout=right] .login-wrap{justify-content:flex-end;padding-right:8vw}
.folder-actions{display:flex;gap:12px;align-items:center;margin:12px 0}.new-folder-dialog{width:min(480px,94vw);padding:26px}.new-folder-dialog h2{font-size:24px}.new-folder-dialog label{display:block;margin:18px 0;font-size:14px}.new-folder-dialog input,.new-folder-dialog select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);margin-top:8px}.new-folder-controls{display:flex;gap:12px;justify-content:flex-end}.new-folder-dialog .error{margin:12px 0}
@media(max-width:800px){.app,[data-navigation=right] .app{flex-direction:column}.sidebar,[data-navigation=top] .sidebar{position:static;width:100%;height:auto;padding:18px;border:0;border-bottom:1px solid var(--line);overflow:visible;display:block}.sidebar>.brand-mark{padding-right:0!important}.nav-caption{margin:20px 0 10px}#nav,[data-navigation=top] #nav{flex-direction:row;flex-wrap:nowrap;overflow:auto;margin:12px 0;gap:6px}.nav-button{white-space:nowrap}.sidebar-bottom,[data-navigation=top] .sidebar-bottom{position:static!important;display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0 0;padding:0}.sidebar-bottom>*{margin:0!important}.content{padding:min(var(--content-padding),22px)}.topbar{padding:0 20px}.entries:not(.list),.root-cards{grid-template-columns:repeat(var(--mobile-columns),minmax(0,1fr))}.login-wrap,[data-login-layout=left] .login-wrap,[data-login-layout=right] .login-wrap{padding:22px;justify-content:center}.login-showcase,[data-login-layout=split] .login-showcase{display:none}.login-card{width:var(--login-width);padding:24px}h1{font-size:min(var(--heading-size),44px)}.entry-name{overflow-wrap:anywhere}.entries.list .entry-art{min-width:min(calc(var(--list-thumbnail)*1.4),110px);width:min(calc(var(--list-thumbnail)*1.4),110px)}}
/* Editor stays readable regardless of how large the site typography is set. */
#settings-dialog{--font-scale:1;font-family:ui-sans-serif,system-ui,sans-serif;width:min(1480px,97vw);max-height:94svh;overflow:auto;font-size:14px}
.settings-workspace{display:grid;grid-template-columns:minmax(380px,1fr) minmax(330px,.9fr);align-items:start}.settings-editor{min-width:0;max-height:68svh;overflow:auto}.design-preview{position:sticky;top:0;min-width:0;background:var(--bg);padding:20px;border-left:1px solid var(--line)}
.design-preview h3{margin:0 0 12px;font-size:16px}.preview-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.preview-controls label{font-size:12px;color:var(--muted)}.preview-controls select{display:block;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:5px}
.preview-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-height:220px}.preview-stage iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;height:760px;background:var(--bg)}.preview-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.design-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.design-toolbar button{font-size:12px;padding:10px}.design-help{font-size:13px;line-height:1.7;color:var(--muted)}
.design-group{margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.design-group>summary{cursor:pointer;padding:16px;font-weight:650;list-style-position:inside}.design-group-content{padding:0 16px 16px}.design-group-content>p{font-size:12px;color:var(--muted)}.design-group-reset{font-size:11px;margin-bottom:14px}
.design-field{padding:12px 0;border-top:1px solid var(--line)}.design-field>label{font-size:13px;margin:0 0 6px;color:var(--text)}.design-field .design-description{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}.design-range{display:flex;gap:12px;align-items:center}.design-range input[type=range]{flex:1;padding:0;accent-color:var(--accent)}.design-range input[type=number]{width:80px;flex-shrink:0;padding:8px}.design-field .design-boolean{display:flex;gap:10px;align-items:center}.design-field .design-boolean input{width:18px;height:18px;accent-color:var(--accent)}.design-field textarea{width:100%;min-height:75px;font:inherit;background:var(--input-bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px;resize:vertical}.design-color{display:flex;gap:12px;align-items:center}.design-color input[type=color]{width:76px;flex-shrink:0}.design-color .check-label{margin:0}.design-image-preview{max-width:100%;max-height:110px;border-radius:8px;display:block;margin:8px 0}.design-no-match{color:var(--muted);font-size:13px;padding:16px}
.settings-workspace.without-preview{grid-template-columns:1fr}.settings-workspace.without-preview .design-preview{display:none}.settings-workspace.without-preview .settings-editor{max-height:none}.settings-workspace .settings-panel{padding:22px}.settings-tabs{gap:4px}.settings-tabs button{padding:10px 12px}.settings-savebar{flex-wrap:wrap}
@media(max-width:1050px){.settings-workspace{grid-template-columns:minmax(320px,1fr) minmax(280px,.8fr)}}
@media(max-width:760px){.settings-workspace{display:flex;flex-direction:column}.settings-editor{width:100%;max-height:none;overflow:visible}.design-preview{position:static;width:100%;border-left:0;border-top:1px solid var(--line)}.settings-workspace .settings-panel{padding:18px 15px}#settings-dialog{max-height:95svh}.settings-header{padding:18px}.settings-tabs{padding:8px 12px}.settings-savebar{position:sticky}}

.preview-stage iframe{pointer-events:none}

@media(min-width:761px){#settings-dialog[open]{display:flex;flex-direction:column;overflow:hidden;height:94svh}.settings-header,.settings-tabs,.settings-message{flex-shrink:0}.settings-workspace{flex:1;min-height:0;overflow:hidden}.settings-editor,.settings-workspace.without-preview .settings-editor{height:100%;max-height:none;overflow:auto}.design-preview{height:100%;overflow:auto}.settings-message{padding-top:10px;padding-bottom:12px}}

body{font-size:calc(var(--base-font-size,15px)*var(--legacy-scale,1))}.site-logo,.sidebar .site-logo{width:var(--logo-size);height:var(--logo-size)}.brand-mark{font-size:calc(var(--brand-size)*var(--legacy-scale,1))}.nav-button{font-size:calc(var(--nav-size)*var(--legacy-scale,1))}.primary,.secondary,.quiet,.upload-panel>button{font-size:calc(var(--button-size)*var(--legacy-scale,1))}.entry-name{font-size:calc(var(--file-name-size)*var(--legacy-scale,1))}.entry-meta{font-size:calc(var(--file-meta-size)*var(--legacy-scale,1))}.login-card h1{font-size:calc(var(--login-heading-size)*var(--legacy-scale,1))}.topbar>#header-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>.account{flex-shrink:0}.topbar{gap:12px}
#home{display:flex;flex-direction:column}.intro{order:1}#show-all-files{order:2;align-self:flex-start}.root-cards{order:3}.home-note{order:4}[data-home-order=folders_first] .root-cards{order:0;margin-bottom:var(--section-gap)}
#browser{display:flex;flex-direction:column}#back-home{order:0;align-self:flex-start}.folder-heading{order:1}.breadcrumbs{order:2}.folder-actions{order:3}.upload-panel{order:4}.tools{order:5}#results-count{order:6}#browser-error{order:7}.entries{order:8}.pagination{order:9}[data-browser-controls=bottom] .folder-actions{order:10}[data-browser-controls=bottom] .upload-panel{order:11}[data-browser-controls=bottom] .tools{order:12}
#settings-dialog{--legacy-scale:1;--button-size:14px;--card-radius:12px}
@media(max-width:800px){.site-logo,.sidebar .site-logo{width:min(var(--logo-size),48px);height:min(var(--logo-size),48px)}}

.root-card{color:var(--folder-ink,#edf3f4)!important}.root-card p{color:var(--folder-muted,#c4d5d9)}.root-card .icon{color:inherit}
:root{--sidebar-width:238px;--content-max:1440px;--header-height:76px;--heading-size:38px;--brand-size:26px;--file-name-size:14px;--file-meta-size:12px;--nav-size:14px;--button-size:14px;--tile-min:220px;--folder-height:190px;--thumbnail-height:180px;--list-thumbnail:72px;--login-width:440px;--login-heading-size:40px;--login-radius:24px;--base-font-size:15px;--logo-size:42px;--legacy-scale:1;--sidebar-bg:#131d24;--input-bg:#172128;--login-bg:#10171d;--app-overlay:transparent;--login-overlay:transparent}

/* Visual media cards keep names available to assistive technology. */
[data-clean-media=true] .media-entry .entry-info{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
[data-clean-media=true] .media-entry>.file-download{display:none!important}
[data-clean-media=true] .entries.list .media-entry .entry-art{width:100%;min-width:0;height:var(--thumbnail-height)}
[data-clean-media=true] .entries.list .media-entry .entry-open{display:block}
[data-clean-media=true] .media-entry .entry-art img{display:block!important}
#viewer-details{padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--line);max-height:35svh;overflow:auto}
#viewer-detail-list{display:grid;grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:8px 16px;margin:0;font-size:14px}
#viewer-detail-list dt{color:var(--muted)}#viewer-detail-list dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.viewer-toolbar{gap:10px;flex-wrap:wrap}.viewer-toolbar button,.viewer-toolbar a{flex-shrink:0}
.login-wrap{color:var(--login-text,var(--text))}.login-card{background:var(--login-panel,var(--panel))}
.login-card .muted,.login-card .tiny,.login-showcase p{color:var(--login-text,var(--muted))}
.login-card input{background:var(--login-input,var(--input-bg));color:var(--login-text,var(--text))}
.login-card .primary{background:var(--login-accent,var(--accent));color:var(--login-accent-ink,var(--accent-ink))}
#login-design-groups .design-group{margin-top:20px}.settings-tabs{overflow-x:auto;flex-shrink:0}.settings-tabs button{white-space:nowrap}
@media(max-width:600px){#viewer-detail-list{grid-template-columns:1fr;gap:3px}#viewer-detail-list dd{margin-bottom:10px}.viewer-toolbar button,.viewer-toolbar a{font-size:12px;padding:10px}}

.login-card label{color:var(--login-text,var(--muted))}

.folder-private{display:block;font-size:11px;color:var(--accent);padding-top:5px}#folder-operation-path{overflow-wrap:anywhere}
.entry:has(.folder-menu-trigger){position:relative}.entry:has(.folder-menu-trigger) .entry-info{padding-right:64px}
.folder-menu-trigger{position:absolute;right:8px;top:8px;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:28px;line-height:1;cursor:pointer}
.folder-menu-trigger:hover,.folder-menu-trigger[aria-expanded=true]{background:var(--input-bg);border-color:var(--accent)}
.folder-menu-trigger:focus-visible,.folder-context-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.folder-context-menu{position:fixed;z-index:1000;width:220px;max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);overflow:auto;padding:6px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #0005;font:14px/1.5 ui-sans-serif,system-ui,sans-serif}
.folder-context-menu button{display:block;width:100%;min-height:44px;padding:10px 12px;text-align:left;color:var(--text);background:transparent;border:0;border-radius:7px;font:inherit;cursor:pointer}
.folder-context-menu button:hover,.folder-context-menu button:focus{background:var(--input-bg)}.folder-context-menu button.danger{color:#f56e6e}

#nav.with-folder-tree{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}.folder-tree-roots,.tree-children{list-style:none;padding:0;margin:0}.folder-tree-roots{width:100%}.folder-tree-node{display:block;min-width:0}.folder-tree-row{display:flex;align-items:center;gap:2px;min-width:0}.folder-tree-toggle{flex:0 0 28px;width:28px;min-height:44px;padding:0;background:transparent;color:var(--muted);border:0;cursor:pointer;font-size:17px;border-radius:6px}.folder-tree-toggle:hover{color:var(--accent);background:var(--input-bg)}.folder-tree-label{flex:1;min-width:0;padding-left:8px;padding-right:8px;gap:8px;text-align:left}.folder-tree-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.folder-tree-label .icon{flex-shrink:0;width:18px;height:18px}.tree-children{margin-left:16px;border-left:1px solid var(--line);padding-left:3px}.tree-status{padding:8px 5px 8px 12px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.tree-status button{background:transparent;color:var(--accent);font:inherit;text-align:left;min-height:32px;padding:4px;border:0;cursor:pointer}.folder-tree-toggle:focus-visible,.tree-status button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
[data-navigation=top] #nav.with-folder-tree{flex-direction:column;max-height:40svh;overflow:auto}
@media(max-width:800px){#nav.with-folder-tree,[data-navigation=top] #nav.with-folder-tree{flex-direction:column;align-items:stretch;max-height:40svh;overflow:auto}.folder-tree-label{white-space:normal}.folder-tree-row>.nav-button{flex-shrink:1}}

.background-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.background-choice{padding:5px;background:var(--input-bg);color:var(--text);border:2px solid var(--line);border-radius:11px;text-align:left;cursor:pointer;min-width:0;font:12px/1.5 ui-sans-serif,system-ui,sans-serif}.background-choice[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.background-swatch{display:block;aspect-ratio:16/10;border-radius:6px;margin-bottom:7px}.background-choice>span:last-child{display:block;padding:0 3px 4px}.background-choice:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#background-design-groups .design-group{margin-top:18px}
@media(max-width:600px){.background-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Sidebar uses the same page wallpaper through a translucent surface. */
[data-sidebar-backdrop=true] .sidebar{background:color-mix(in srgb,var(--sidebar-bg) var(--sidebar-tint,60%),transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
[data-sidebar-backdrop=true] .sidebar .folder-tree-toggle:hover{background:color-mix(in srgb,var(--sidebar-bg) 65%,transparent)}
@supports not (background:color-mix(in srgb,black 60%,transparent)){[data-sidebar-backdrop=true] .sidebar{background:transparent!important}}

.bulk-menu{position:relative;margin-left:auto}.bulk-menu>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:27px;cursor:pointer}.bulk-menu>summary::-webkit-details-marker{display:none}.bulk-menu-panel{position:absolute;right:0;top:49px;z-index:20;width:255px;max-width:85vw;border:1px solid var(--line);border-radius:12px;padding:6px;background:var(--panel);box-shadow:0 12px 35px #0005}.bulk-menu-panel button{display:block;width:100%;padding:12px;text-align:left;background:transparent;color:var(--text);border:0;border-radius:7px;cursor:pointer;font:14px/1.5 system-ui,sans-serif}.bulk-menu-panel button:hover{background:var(--input-bg)}.bulk-menu-panel button:disabled{opacity:.4;cursor:default}.folder-actions{justify-content:flex-start}.folder-actions>#open-new-folder{order:-1}.bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;margin:10px 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;order:5}.bulk-toolbar button{padding:10px 13px;font-size:13px}.bulk-toolbar .danger{color:#f56e6e}#bulk-status,#bulk-results{order:6;overflow-wrap:anywhere}#bulk-results{margin:8px 0 18px}#bulk-result-list{font-size:13px;padding-left:20px}#bulk-result-list li{margin:8px 0}#bulk-dialog{width:min(620px,94vw)}#bulk-dialog-items{max-height:160px;overflow:auto;padding-left:20px;overflow-wrap:anywhere}#bulk-dialog button{margin:8px 4px 4px 0}.bulk-selector{position:absolute;top:8px;left:8px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--panel);border:1px solid var(--line);cursor:pointer}.bulk-selector input{width:22px;height:22px;accent-color:var(--accent);cursor:pointer}.entry:has(.bulk-selector){position:relative}.entry.bulk-selected{outline:3px solid var(--accent);outline-offset:-3px}.shared-link-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.shared-link-row p{flex:1;font-size:13px}
.public-share-content{width:min(1400px,100%);margin:auto;padding:40px 24px}.public-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:28px}.public-share-card{position:relative;min-height:190px;height:220px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:0;overflow:hidden;cursor:pointer}.public-share-card img{width:100%;height:100%;object-fit:cover}.public-share-card>span:not(.video-badge){padding:20px;display:block;overflow-wrap:anywhere}#public-viewer{width:min(1150px,96vw);max-height:94svh;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text)}#public-viewer-title{flex:1}#public-content{text-align:center}#public-content img,#public-content video{max-width:100%;max-height:75svh}#public-content iframe{width:100%;height:73svh;border:0}#public-file-name{overflow-wrap:anywhere;padding:10px;background:var(--panel)}
@media(max-width:600px){.bulk-toolbar{gap:6px}.bulk-toolbar strong,.bulk-toolbar>span{flex-basis:100%}.public-share-content{padding:26px 15px}.public-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-share-card{height:170px;min-height:170px}.shared-link-row{flex-wrap:wrap}}

.trash-nav-button{margin-top:12px;border-top:1px solid var(--line);border-radius:0;padding-top:16px}.content-search-box{order:5;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px 16px}.content-search-box>summary{cursor:pointer;font-size:14px;font-weight:600}.content-search-box form{padding-top:16px}.content-search-box label,.trash-tools label{display:block;font-size:13px;color:var(--muted)}.content-search-box input,.content-search-box select,.trash-tools input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit}.search-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.search-filter-actions{display:flex;flex-wrap:wrap;gap:9px}.content-search-box p{margin:12px 0 0;font-size:12px}.search-filter-actions button{font-size:13px}#trash-dialog{width:min(1050px,96vw);max-height:92svh;padding:24px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;overflow:auto}.trash-header{display:flex;justify-content:space-between;gap:18px;align-items:center}.trash-header h2{font-size:28px;margin:0}.trash-header .eyebrow{margin-bottom:8px}.trash-tools{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:18px}.trash-tools label{flex:1;min-width:180px}.trash-tools button{font-size:13px}.trash-tools .danger,.trash-item-actions .danger{color:#f56e6e}.trash-item{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.trash-item-info{flex:1;min-width:0}.trash-item-info strong,.trash-item-info p{overflow-wrap:anywhere}.trash-item-info p{font-size:12px;margin:7px 0 0}.trash-item-actions{display:flex;flex-wrap:wrap;gap:8px}.trash-item-actions button{font-size:12px;padding:10px}#trash-status{font-size:13px;padding:12px 0}
@media(max-width:600px){.search-filter-grid{grid-template-columns:1fr}.trash-item{align-items:flex-start;flex-direction:column;gap:12px}.trash-item-actions{width:100%}#trash-dialog{padding:18px}.trash-tools>button{flex:1}}