@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#14110f;--panel:#1e1916;--panel2:#29211b;--line:#382e26;--muted:#b0a298;--text:#fff7ef;--accent:#ff8a25;--accent-soft:#ff8a2519;--accent-line:#ff8a2540;--mint:#b8ccb2;--font:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--display:'Manrope',var(--font)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}input,select{color:var(--text);border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:12px 14px;width:100%;outline:none}input:focus,select:focus{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button, a{touch-action:manipulation}svg{display:block;flex-shrink:0}::selection{background:#fa806b50}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:650}.flex{display:flex;align-items:center;gap:10px}.spacer{flex:1}.brand-icon{position:relative;display:inline-block;width:28px;height:28px;color:var(--accent)}.brand-icon:before,.brand-icon:after{content:'';position:absolute;width:16px;height:16px;border:2.5px solid currentColor}.brand-icon:before{top:1px;left:1px;border-right:0;border-bottom:0}.brand-icon:after{bottom:1px;right:1px;border-left:0;border-top:0}.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:14px;font:800 26px var(--display);letter-spacing:.06em}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:34px 20px 20px;background:#151518;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;font:800 23px var(--display);letter-spacing:.04em}.brand small{font:500 9px var(--font);letter-spacing:.18em;color:var(--muted);display:block;margin-top:-2px}.workspace-label{padding:46px 14px 14px;color:#6b6b78;font-size:10px;font-weight:650;letter-spacing:.14em}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;text-align:left;gap:13px;background:none;color:#a2a2af;padding:12px 14px;border-radius:8px;font-size:13px;font-weight:500}.nav button.active{color:var(--text);background:#27272d}.nav button.active svg{color:var(--accent)}.nav button:hover{background:#222227;color:var(--text)}.nav .counter{margin-left:auto;font-size:10px;background:#34343c;color:#c4c4ce;border-radius:5px;min-width:20px;text-align:center;padding:1px 5px}.sidebar-note{margin-top:34px;border-top:1px solid var(--line);padding:24px 13px;color:#71717e;font-size:12px;line-height:1.8}.sidebar-note p{max-width:130px}.local-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px;vertical-align:2px}.storage{margin-top:auto;border:1px solid var(--line);border-radius:10px;padding:15px 14px;background:#1a1a1f}.storage .flex{gap:7px;font-size:11px}.storage .bar{height:4px;background:#303038;border-radius:6px;margin:14px 0 8px;overflow:hidden}.storage .bar span{height:100%;display:block;background:var(--accent);border-radius:6px}.storage small{font-size:10px;color:var(--muted)}.settings-nav{display:flex;align-items:center;gap:12px;background:none;padding:18px 13px 1px;color:#92929e;font-size:12px}
.shell{margin-left:224px}.topbar{height:84px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.breadcrumb .current{color:#dcdce4}.global-search{margin-left:auto;position:relative;width:246px}.global-search svg{position:absolute;top:11px;left:12px;color:#777784}.global-search input{height:38px;padding:7px 12px 7px 38px;background:#1a1a1f;border-color:#2a2a31;font-size:11px}.global-search kbd{position:absolute;right:9px;top:9px;border:1px solid #3a3a43;border-radius:4px;font-size:10px;color:#777784;padding:0 4px}.avatar{height:33px;width:33px;border:1px solid #4b4440;background:#39312d;color:#eed9c9;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.top-divider{width:1px;background:var(--line);height:22px}.content{max-width:1510px;margin:auto;padding:40px 44px 60px}.hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:32px}.hero .eyebrow{color:var(--accent);margin-bottom:12px}.hero h1{font:600 clamp(30px,3.1vw,44px)/1.2 var(--display);letter-spacing:-.055em;margin:0 0 10px}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);margin:0;font-size:12px}.hero-actions{display:flex;gap:10px;margin-top:21px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 15px;min-height:40px;font-size:12px;font-weight:600;background:var(--panel2);white-space:nowrap}.btn.primary{background:var(--accent);color:#201615;border:1px solid transparent}.btn.primary:hover{background:#ff9583}.btn.secondary{border:1px solid #3c3c44;background:transparent}.btn.secondary:hover{background:var(--panel2)}.btn.soft{background:#2b2524;color:#f3ad9f}.btn.danger{background:#3a2429;color:#ff9ba6}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border-radius:6px;width:32px;height:32px}.icon-btn:hover{background:#ffffff0f;color:var(--text)}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:36px}.stat{position:relative;padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#1c1c21,#18181c)}.stat-icon{position:absolute;top:17px;right:18px;color:#5b5b67}.stat-label{font-size:11px;color:var(--muted)}.stat strong{font:600 27px/1.4 var(--display);letter-spacing:-.045em;margin:4px 0 0;display:block}.stat small{color:#737380;font-size:10px}.stat small .green{color:var(--mint)}
.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.section-heading h2{font:600 15px var(--display);margin:0;letter-spacing:-.02em}.section-heading .count{font-size:10px;color:#93939e;border:1px solid var(--line);padding:1px 6px;border-radius:5px}.section-heading .text-button{margin-left:auto;background:none;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:35px}.folder-card{min-width:0;border:1px solid var(--line);border-radius:11px;background:#1a1a1e;overflow:hidden;transition:transform .2s,border-color .2s}.folder-card:hover{transform:translateY(-3px);border-color:#55515a}.folder-cover{position:relative;height:168px;cursor:pointer;overflow:hidden}.folder-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.folder-card:hover .folder-cover img{transform:scale(1.04)}.folder-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0008)}.folder-cover .cover-icon{position:absolute;z-index:2;bottom:14px;left:15px;color:#fff}.folder-cover .category{position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:.04em;border-radius:4px;padding:4px 7px;background:#17171a94;color:#fff;backdrop-filter:blur(10px);z-index:2}.folder-cover .demo{position:absolute;top:12px;right:12px;border-radius:4px;padding:3px 6px;background:#0006;color:#eee;font-size:9px;z-index:2}.folder-info{padding:15px 15px 16px;display:flex;gap:6px;align-items:center}.folder-info .folder-name{min-width:0;flex:1}.folder-info h3{font:600 13px var(--display);letter-spacing:-.02em;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-info p{font-size:10px;color:var(--muted);margin:0}.folder-open{background:none;text-align:left;padding:0;width:100%}.folder-empty-cover{height:168px;background:radial-gradient(circle at 50% 70%,#463535,#29252a 65%);display:grid;place-items:center;color:#d4b6aa}.folder-share{width:29px;height:29px;border:1px solid #35353e;border-radius:7px}.folder-share:hover{color:var(--accent);border-color:#a46b5e}
.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:19px}.filter{font-size:11px;color:#8e8e9b;background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 11px}.filter.active{background:#2b2b32;color:#eee;border-color:#3b3b44}.filter:hover{color:var(--text)}.sort{background:none;border:0;color:var(--muted);font-size:10px;min-width:120px;width:auto;padding:6px;margin-left:auto}.view-switch{display:flex;background:#1b1b20;padding:3px;border:1px solid var(--line);border-radius:6px}.view-switch button{width:27px;height:24px}.view-switch button.active{background:#35353e;color:#eee}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.file-card{min-width:0;position:relative}.file-visual{height:164px;border-radius:8px;position:relative;background:#24242b;overflow:hidden;cursor:pointer;border:1px solid #ffffff08}.file-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.file-visual:hover img{transform:scale(1.04)}.file-visual .shade{position:absolute;inset:0;background:linear-gradient(#0003,transparent 40%,#0006);opacity:0;transition:opacity .2s}.file-visual:hover .shade,.file-card.selected .shade{opacity:1}.file-visual input{position:absolute;left:10px;top:10px;width:17px;height:17px;accent-color:var(--accent);opacity:0;cursor:pointer;z-index:3;margin:0}.file-card:hover input,.file-card.selected input{opacity:1}.file-card.selected .file-visual{outline:2px solid var(--accent);outline-offset:2px}.file-kind{position:absolute;bottom:9px;right:9px;font-size:8px;font-weight:650;letter-spacing:.05em;background:#161619a3;padding:2px 5px;border-radius:3px;color:#eee}.file-caption{padding:11px 0 0;display:flex;gap:7px}.file-caption>div{min-width:0;flex:1}.file-caption h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:11px;font-weight:500}.file-caption p{font-size:9px;color:#777784;margin:0}.file-caption .icon-btn{height:25px;width:25px;margin-top:-3px}.generic-preview{display:grid;place-items:center;height:100%;color:#91919e;background:radial-gradient(circle at center,#3b3944,#222127)}.file-list{display:flex;flex-direction:column;gap:0}.file-list .file-card{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;gap:16px}.file-list .file-visual{width:65px;height:50px;flex-shrink:0}.file-list .file-caption{flex:1;padding:0;align-items:center}.file-list .file-kind{display:none}.empty{border:1px dashed #3b3b45;border-radius:12px;padding:55px 24px;text-align:center;color:var(--muted)}.empty svg{margin:0 auto 16px;color:var(--accent)}.empty h3{color:var(--text);font:600 19px var(--display);margin:0 0 8px}.empty p{font-size:12px;max-width:350px;margin:0 auto 20px}.bottom-note{display:flex;align-items:center;gap:8px;color:#61616f;font-size:10px;margin-top:35px}.bottom-note a{margin-left:auto}.selection-bar{position:fixed;left:calc(50% + 112px);bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:11px 15px 11px 20px;border:1px solid #55515b;border-radius:12px;background:#29282f;z-index:35;box-shadow:0 12px 55px #0008;white-space:nowrap;font-size:12px}.selection-bar .btn{padding:8px 12px;min-height:34px}.drop-overlay{position:fixed;inset:0;background:#111114eb;z-index:100;display:grid;place-items:center;pointer-events:none}.drop-overlay>div{border:2px dashed var(--accent);border-radius:20px;width:75%;height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font:600 30px var(--display);color:var(--accent)}
.overlay{position:fixed;inset:0;background:#060609b8;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:60;animation:fade .16s ease}.dialog{width:min(100%,480px);border:1px solid #3d3b44;border-radius:16px;background:#1b1b20;box-shadow:0 28px 100px #0009;padding:27px;max-height:calc(100dvh - 48px);overflow:auto}.dialog.wide{width:min(100%,630px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dialog h2{font:600 23px var(--display);letter-spacing:-.04em;margin:0}.dialog .intro{color:var(--muted);font-size:12px;margin:8px 0 24px}.dialog label{display:block;font-size:11px;margin:18px 0 8px;color:#bdbdc7}.dialog .form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}.callout{padding:13px 15px;border-radius:8px;background:#282521;border:1px solid #4a3b30;color:#c8b39f;font-size:11px;line-height:1.7;margin:18px 0}.callout.cloud{background:#232b26;border-color:#36483d;color:#b8cbbd}.result-link{display:flex;align-items:center;gap:8px;background:#111114;border:1px solid #41414a;border-radius:8px;padding:7px;margin-top:16px}.result-link input{border:0;padding:6px;font-size:11px;min-width:0}.share-example{margin-top:18px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:14px;padding:12px}.share-example img{width:58px;height:47px;object-fit:cover;border-radius:5px}.share-example strong{font-size:12px}.share-example small{display:block;font-size:10px;color:var(--muted)}.setting-row{border-top:1px solid var(--line);padding:17px 0;display:flex;align-items:center;gap:14px}.setting-row h3{font-size:12px;margin:0 0 4px}.setting-row p{margin:0;font-size:11px;color:var(--muted)}.setting-row .status{font-size:10px;padding:4px 8px;background:#292e26;color:var(--mint);border-radius:5px;margin-left:auto;white-space:nowrap}.upload-item{margin-top:14px}.upload-item .flex{font-size:11px;gap:8px}.upload-item .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.upload-track{height:3px;background:#35353e;margin-top:9px;border-radius:4px;overflow:hidden}.upload-track span{height:100%;display:block;background:var(--accent);width:0;transition:width .15s}.upload-error{font-size:10px;color:#ff9ba6;margin:5px 0}.upload-help{border:1px dashed #55515a;border-radius:10px;padding:28px 18px;text-align:center;color:var(--muted);font-size:11px;margin-top:18px}.upload-help svg{margin:0 auto 12px;color:var(--accent)}.upload-help strong{display:block;color:var(--text);font-size:13px;margin-bottom:5px}.preview-overlay{background:#09090cf5;padding:0;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;gap:15px;padding:15px 25px;width:100%;border-bottom:1px solid #26262d}.preview-header .name{font-size:13px;font-weight:500}.preview-header small{display:block;color:var(--muted);font-size:10px}.preview-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;gap:20px;padding:24px;width:100%;position:relative}.preview-stage img,.preview-stage video{max-width:calc(100% - 100px);max-height:calc(100dvh - 175px);object-fit:contain}.preview-stage .nav-arrow{background:#27272c;color:#eee;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;flex-shrink:0}.preview-stage .nav-arrow:disabled{opacity:.15}.preview-bottom{text-align:center;padding:15px;color:var(--muted);font-size:10px}.share-table{width:100%;border-collapse:collapse}.share-table th{color:#757581;font-size:10px;text-align:left;font-weight:400;padding:14px 12px;border-bottom:1px solid var(--line)}.share-table td{padding:17px 12px;border-bottom:1px solid var(--line);font-size:12px}.status-pill{background:#283128;color:#bbd0b2;display:inline-block;font-size:10px;padding:4px 8px;border-radius:5px}.status-pill.expired{background:#34282b;color:#c99d9d}.share-table small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.share-page{min-height:100dvh}.share-topbar{padding:24px 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.share-main{max-width:1240px;margin:auto;padding:56px 36px}.share-hero{display:flex;align-items:flex-end;gap:22px;margin-bottom:33px}.share-hero h1{font:500 46px/1.18 var(--display);letter-spacing:-.05em;margin:13px 0}.share-hero p{color:var(--muted);font-size:12px;margin:0}.share-main .file-visual{height:220px}.share-main .file-grid{gap:22px}.share-footer{text-align:center;color:#6f6f7a;font-size:10px;margin:50px 0 24px}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 40% -20%,#48302e,#111114 60%)}.login-panel{max-width:400px;width:100%}.login-panel .brand{padding:0;margin-bottom:52px}.login-panel h1{font:600 36px var(--display);letter-spacing:-.05em}.login-panel p{color:var(--muted);font-size:12px}.login-panel label{font-size:11px;display:block;margin:18px 0 7px}.login-panel .btn{width:100%;margin-top:25px}.login-error{color:#ff9ba6;font-size:12px}.mobile-menu{display:none}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:100;background:#e9e7e3;color:#242326;border-radius:9px;box-shadow:0 8px 35px #0008;padding:12px 20px;font-size:12px;max-width:90vw;text-align:center;animation:fade .15s ease}#toast:empty{display:none}body.modal-open{overflow:hidden}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.folder-cover{height:215px}.file-visual{height:200px}}
@media(max-width:1150px){.sidebar{width:196px;padding-left:14px;padding-right:14px}.shell{margin-left:196px}.topbar{padding:0 28px}.content{padding:33px 28px}.global-search{width:205px}.hero{align-items:flex-end}.hero-actions{flex-direction:column;gap:7px;margin:0}.hero-actions .btn{padding:9px 12px;min-height:36px}.folder-grid{gap:13px}.folder-cover{height:145px}.file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-bar{left:calc(50% + 98px)}}
@media(max-width:800px){.sidebar{width:74px;padding:26px 12px 20px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span:last-child,.workspace-label,.sidebar .nav button>span,.sidebar-note,.storage,.settings-nav span{display:none}.nav{margin-top:40px}.nav button{padding:13px;justify-content:center}.settings-nav{margin-top:auto;justify-content:center;padding:16px}.shell{margin-left:74px}.topbar{height:70px;padding:0 22px}.content{padding:28px 22px}.hero h1{font-size:34px}.hero .eyebrow{font-size:8px}.hero p{font-size:11px;max-width:225px}.stats{gap:10px;margin-bottom:28px}.stat{padding:14px}.stat strong{font-size:24px}.stat small{font-size:9px}.stat-icon{display:none}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-bar{left:calc(50% + 37px)}.share-table td,.share-table th{padding:13px 7px}.share-table td:nth-child(2),.share-table th:nth-child(2){display:none}.share-main .file-visual{height:180px}}
@media(max-width:540px){.sidebar{width:62px;padding:23px 8px 15px}.brand-icon{width:25px;height:25px}.nav button{padding:12px 10px}.shell{margin-left:62px}.topbar{height:68px;padding:0 17px;gap:12px}.breadcrumb{gap:9px;font-size:10px}.global-search{display:none}.avatar{margin-left:auto;width:29px;height:29px}.top-divider{display:none}.content{padding:28px 17px 90px}.hero{display:block;margin-bottom:25px}.hero h1{font-size:33px}.hero p{max-width:100%;font-size:11px}.hero-actions{margin-top:22px;flex-direction:row}.hero-actions .btn{flex:1;padding:10px;font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:29px}.stat:nth-child(3){display:none}.stat{padding:13px 12px}.stat strong{font-size:23px}.stat-label{font-size:10px}.stat small{font-size:8px}.folder-grid{grid-template-columns:1fr;gap:14px;margin-bottom:30px}.folder-cover,.folder-empty-cover{height:180px}.folder-info{padding:14px}.section-heading h2{font-size:14px}.section-heading .text-button{font-size:9px}.file-grid{gap:15px 11px}.file-visual{height:130px}.file-caption h3{font-size:10px}.file-caption p{font-size:8px}.file-caption .icon-btn{width:20px}.file-caption .icon-btn svg{width:13px}.toolbar{gap:2px;flex-wrap:wrap}.filter{padding:6px 8px;font-size:10px}.sort{min-width:105px;padding:6px 0;font-size:9px}.view-switch{display:none}.bottom-note{align-items:flex-start;line-height:1.8}.bottom-note a{display:none}.dialog{padding:22px;max-height:calc(100dvh - 32px)}.overlay{padding:16px}.dialog h2{font-size:22px}.selection-bar{left:calc(50% + 24px);gap:7px;padding:9px;bottom:15px;font-size:10px}.selection-bar .btn{font-size:10px;padding:7px}.selection-bar .btn svg{width:13px}.selection-bar .icon-btn{width:25px}.preview-stage{padding:10px;gap:5px}.preview-stage img,.preview-stage video{max-width:calc(100% - 65px)}.preview-stage .nav-arrow{width:28px;height:28px}.preview-header{padding:12px;gap:9px}.preview-header .btn{padding:9px;font-size:10px}.preview-header .name{font-size:10px}.share-topbar{padding:20px}.share-topbar .brand{font-size:19px;padding:0}.share-topbar .status-pill{font-size:8px}.share-main{padding:35px 20px}.share-hero{display:block}.share-hero h1{font-size:34px}.share-hero .btn{margin-top:22px}.share-main .file-grid{gap:19px 12px}.share-main .file-visual{height:155px}.share-table td{font-size:10px}.share-table .btn{font-size:9px;padding:7px;min-height:30px}.share-table .status-pill{font-size:8px;padding:4px}.share-table .flex{gap:3px}}
.empty-folder .folder-cover,.empty-folder .folder-empty-cover{height:88px}.empty-folder .folder-empty-cover{display:flex;align-items:flex-end;justify-content:space-between;padding:17px 18px;background:linear-gradient(120deg,#30292a,#211f27);color:#d2a89e}.empty-folder .folder-cover:after{display:none}.empty-folder .category{top:10px;left:auto;right:12px;font-size:8px;background:#ffffff08;color:#a9928e}.folder-initial{font:650 32px/1 var(--display);letter-spacing:-.06em;color:#ffffff13}.empty-folder .folder-info{padding:12px 14px 14px}.empty-folder .folder-share{opacity:.45}.category-notice{font-size:11px;color:#a7b5a3;display:flex;align-items:center;gap:8px;margin:0 0 18px}.empty-folder .folder-info h3{font-size:12px}.empty-folder .folder-info p{font-size:9px}
@media(max-width:540px){.global-search{display:block;flex:1;width:auto;margin:0}.topbar .breadcrumb{display:none}.global-search kbd{display:none}.global-search input{font-size:10px}.category-notice{font-size:9px;align-items:flex-start}.category-notice svg{margin-top:2px;flex-shrink:0}.folder-grid:has(.empty-folder){grid-template-columns:1fr}.empty-folder .folder-cover,.empty-folder .folder-empty-cover{height:72px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Dropbox read-only workspace */
.nav a{display:flex;align-items:center;gap:12px;padding:13px 15px;color:var(--muted);font-size:12px;border-radius:7px;text-decoration:none}.nav a:hover{background:var(--surface)}
.connection-banner{border:1px solid var(--line);background:#19191e;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:28px}.connection-banner>div{display:flex;gap:17px;align-items:center}.connection-banner svg{flex-shrink:0;color:var(--accent)}.connection-banner strong{font-size:14px}.connection-banner p{font-size:12px;color:var(--muted);line-height:1.7;max-width:610px;margin:7px 0 0}.stat .stat-word{font-size:26px;letter-spacing:-1px;margin-top:12px}.folder-trail{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:30px}.load-more{display:flex;margin:28px auto}.thumbnail-fallback{position:absolute;inset:0}.generic-preview[hidden],img[hidden]{display:none!important}.local-dot.connected{background:#7ad4a4}.hero-actions form{margin:0}.btn:disabled{opacity:.55;cursor:default}.setting-row p{overflow-wrap:anywhere}.breadcrumb .current{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.connection-banner{align-items:flex-start;flex-direction:column;padding:19px}.hero-actions{flex-wrap:wrap}.stat .stat-word{font-size:21px}.breadcrumb .current{max-width:120px}.folder-trail{gap:9px}}

.text-button{border:0;background:none;color:var(--muted);display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;cursor:pointer;padding:0}.text-button:hover{color:var(--text)}.connection-banner>.text-button{color:var(--accent);white-space:nowrap}.local-dot{background:#8a8990}@media(max-width:1050px){.nav a span{display:none}.nav a{justify-content:center;padding:13px 10px}}

.preview-header .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-header>.spacer{flex:0}.preview-header .btn{flex-shrink:0}@media(max-width:540px){.preview-header{gap:7px}.preview-header .btn{gap:5px;padding:8px;font-size:9px}.preview-header .name{font-size:10px}.preview-header small{font-size:8px}}

/* Essential archive and client links */
.clean-sidebar .nav{margin-top:46px}.clean-sidebar .settings-nav{margin-top:auto}.clean-hero{margin-bottom:32px;align-items:center}.clean-hero h1{margin:0}.clean-hero .hero-actions{margin:0;flex-direction:row}.clean-hero h1{overflow-wrap:anywhere}.clean-content .folder-grid{margin-bottom:30px}.clean-content .folder-info{min-height:52px}.clean-content .folder-info h3{margin:0}.clean-content .file-caption p:empty{display:none}.clean-content .photos-section{margin-top:20px}.clean-content .folder-trail{margin-bottom:26px}.clean-content .empty{padding:45px 22px}.client-share-list{display:grid;gap:12px}.client-share-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px;display:flex;align-items:center;gap:20px;justify-content:space-between}.client-share-row h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.client-share-row p{font-size:11px;color:var(--muted);margin:0}.share-row-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}.revoke-link{font-size:11px}.revoke-link:hover{color:#ee998f}.share-explanation{font-size:12px;line-height:1.8;color:var(--muted)}.share-footnote{font-size:11px;line-height:1.7;margin:15px 0 0}.share-preview-link{margin-top:24px;width:100%}.login-hint{margin-top:22px!important;font-size:11px!important}.clean-sidebar .brand{padding-left:10px}.clean-hero>.hero-actions .btn{white-space:nowrap}.clean-content .file-grid{row-gap:26px}
@media(max-width:800px){.clean-sidebar .brand{padding:0}.clean-sidebar .nav{margin-top:40px}.clean-hero{gap:15px}.clean-hero h1{font-size:30px}.client-share-row{align-items:flex-start;flex-direction:column}.share-row-actions{width:100%}.share-row-actions .revoke-link{margin-left:auto}}
@media(max-width:540px){.clean-hero{display:flex;align-items:flex-start}.clean-hero h1{font-size:27px;line-height:1.2}.clean-hero .hero-actions .btn{padding:10px 11px;font-size:10px;min-height:36px}.clean-content .file-caption h3{font-size:10px}.clean-content .file-caption p{font-size:9px}.clean-content .file-grid{gap:24px 12px}.clean-content .folder-trail{gap:9px}.clean-content .hero{margin-bottom:25px}.client-share-row{padding:18px}.share-row-actions{gap:8px}.share-row-actions .btn{padding:8px 11px;font-size:11px}}

.client-gallery .share-hero h1{min-width:0;overflow-wrap:anywhere;font-size:clamp(28px,4vw,44px);margin:0}.client-gallery .share-hero h1 span{color:var(--accent)}.client-gallery .file-caption p:empty{display:none}.client-gallery .file-grid{row-gap:27px}.client-gallery .share-main{padding-top:42px}.client-gallery .share-hero .btn{flex-shrink:0}@media(max-width:540px){.client-gallery .share-main{padding:30px 20px}.client-gallery .share-hero h1{font-size:29px}.client-gallery .file-caption p{font-size:9px}.client-gallery .share-topbar{padding:20px}}

/* Full-width archive. */
.shell.wide-shell{margin-left:0}.wide-shell .content{max-width:none;width:100%}.archive-topbar .brand{padding:0;font-size:21px;flex-shrink:0}.archive-topbar .global-search{min-width:0}.archive-topbar .avatar{margin-left:0;flex-shrink:0}.wide-shell~#selection-root .selection-bar{left:50%}
@media(max-width:800px){.archive-topbar{gap:15px}.archive-topbar .brand{font-size:18px}}
@media(max-width:600px){.archive-topbar{height:64px;padding:0 16px;gap:10px}.archive-topbar .brand>span:last-child{display:none}.archive-topbar .brand-icon{width:25px;height:25px}.archive-topbar .global-search{display:block;flex:1;width:auto;margin-left:auto}.archive-topbar .global-search input{font-size:10px}.archive-topbar .avatar{height:29px;width:29px}}

/* Bulk download stays next to the sharing action. */
.with-download>div:first-child{min-width:0;flex:1}.with-download .hero-actions{flex-shrink:0;align-self:flex-start}.with-download .hero-actions .btn{min-height:40px}
@media(max-width:700px){.clean-hero.with-download{flex-direction:column;align-items:stretch;gap:15px}.with-download .hero-actions{align-self:stretch;width:100%;margin:0}.with-download .hero-actions .btn{flex:1;min-height:38px}.with-download>div:first-child{flex:auto}}

/* Compact root categories keep names readable while showing more of the archive. */
.clean-content .folder-grid.category-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:8px;align-items:stretch;margin-bottom:24px}
.category-card{display:flex;align-items:stretch;min-height:62px;border-radius:9px;background:var(--panel)}
.category-card:hover{transform:none;background:var(--panel2);border-color:#4a4447}
.category-title{display:flex;flex:1;min-width:0;margin:0}
.category-open{display:flex;align-items:center;gap:11px;min-width:0;width:100%;min-height:62px;padding:10px 6px 10px 13px;background:transparent;border-radius:8px;text-align:left}
.category-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:7px;background:#fa806b0d;color:#d8a89d}
.category-label{min-width:0;font:550 12px/1.45 var(--font);letter-spacing:0;overflow-wrap:anywhere}
.category-location {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
.album-search-status {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: -12px 0 18px;
  color: var(--muted);
  font-size: 12px;
}
.gallery-download-mobile { display: none; }

@media (max-width: 767px) {
  .client-gallery .share-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 8px;
    padding: 10px 16px;
  }

  .client-gallery .share-topbar .brand { grid-column: 2; padding: 0; }
  .client-gallery .gallery-download-mobile {
    display: inline-flex;
    grid-column: 3;
    justify-self: end;
    min-width: 44px;
    min-height: 44px;
    padding: 8px;
    gap: 6px;
    font-size: 11px;
    white-space: nowrap;
  }
  .client-gallery .gallery-download-mobile svg { width: 18px; height: 18px; flex-shrink: 0; }
  .client-gallery .gallery-download-desktop { display: none; }
  .client-gallery .share-main { padding-top: 22px; }
  .client-gallery .share-hero { margin-bottom: 22px; }
}

@media (max-width: 380px) {
  .client-gallery .gallery-download-mobile span { display: none; }
  .client-gallery .gallery-download-mobile svg { width: 20px; height: 20px; }
}
.category-card>.icon-btn{align-self:center;flex-shrink:0;width:36px;height:40px;margin-right:6px}
@media(max-width:600px){.clean-content .folder-grid.category-grid{gap:7px}.category-card,.category-open{min-height:56px}.category-open{padding:8px 6px 8px 11px;gap:10px}.category-icon{width:28px;height:28px}}

/* Warm orange identity, compact navigation and comfortable photo controls. */
body{background:radial-gradient(ellipse at 25% 0,#ff8a2509,transparent 48%),var(--bg)}
::selection{background:#ff8a254a}.archive-topbar,.share-topbar{background:#17120e;border-bottom-color:var(--accent-line)}
.brand-icon{color:var(--accent)}
.global-search input{background:#241c16;border-color:#4a3322}.global-search input:focus{border-color:var(--accent)}
.btn,.icon-btn,.file-download,.category-card,.viewer-arrow{transition:background-color .15s,border-color .15s,color .15s,transform .15s}
.btn.primary{background:var(--accent);color:#231207}.btn.primary:hover{background:#ffa34e}.btn.primary:active,.file-download:active{transform:translateY(1px)}
.btn.secondary{border-color:#62432b}.btn.secondary:hover{background:var(--accent-soft);border-color:var(--accent)}
.category-icon{background:var(--accent-soft);color:#ffad64}.category-card{border-color:#493323;background:linear-gradient(100deg,#ff8a250b,transparent 60%),var(--panel)}
.category-card:hover{background:#302217;border-color:#a6602c}.category-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.category-card>.icon-btn{color:#f0a367}.folder-trail .text-button{background:none;color:#d7b99e;font-size:12px;min-height:36px;display:inline-flex;align-items:center;gap:7px}
.clean-content .file-visual,.client-gallery .share-main .file-visual{height:auto;aspect-ratio:1;background:#2b221d}.file-visual>img{position:absolute;inset:0;transition:transform .18s ease-out}.file-visual:hover img{transform:scale(1.025)}
.clean-content .file-grid,.client-gallery .file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
@media(min-width:768px){
  .clean-content .file-grid,.client-gallery .file-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1100px){
  .clean-content .file-grid,.client-gallery .file-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.file-caption{align-items:center;padding-top:9px;gap:10px}
.file-download{display:inline-flex;align-items:center;justify-content:center;gap:0;width:36px;height:36px;min-height:36px;min-width:36px;padding:0;border-radius:8px;border:1px solid #8d5027;background:var(--accent-soft);color:#ffbd83;font-size:11px;font-weight:650;flex-shrink:0}
.file-download:hover{background:var(--accent);color:#231207;border-color:var(--accent)}
.file-caption p,.clean-content .file-caption p,.client-gallery .file-caption p{color:#b0a298}
.file-card:focus-within .file-visual input{opacity:1}
@media(hover:none){.file-visual input{opacity:1;width:22px;height:22px}}
.overlay{backdrop-filter:blur(4px)}
.photo-viewer{position:fixed;inset:0;height:100dvh;display:flex;flex-direction:column;z-index:80;isolation:isolate;background:#0c0a08;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);animation:viewer-enter .12s ease-out}
.photo-viewer [hidden]{display:none!important}.viewer-header{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:60px;padding:6px 14px;border-bottom:1px solid #ff8a2529;background:#19120d}
.viewer-close.icon-btn{width:44px;height:44px;color:#ffd3ad;flex-shrink:0}.viewer-name{flex:1;min-width:0}.viewer-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:550}.viewer-name small{display:block;color:#af9a88;font-size:10px;margin-top:3px}
.viewer-original.btn,.viewer-download.btn{min-height:44px;flex-shrink:0}.viewer-download.btn{width:44px;min-width:44px;padding:0}
.viewer-stage{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;touch-action:none;user-select:none}
.viewer-media{position:absolute;inset:4px 6px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.viewer-media>img,.viewer-media>canvas,.viewer-media>video{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.viewer-status{position:absolute;top:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);width:max-content;border:1px solid #725032;border-radius:20px;background:#24180fef;color:#ffd0a3;padding:8px 14px;font-size:11px;pointer-events:none}
.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffbd8054;border-radius:50%;background:#24170edb;color:#ffcfaa;box-shadow:0 3px 20px #0004}
.viewer-previous{left:18px}.viewer-next{right:18px}.viewer-arrow:hover{background:#99501ceb;color:white;border-color:var(--accent)}.viewer-arrow:disabled{opacity:.18;cursor:default;pointer-events:none}
.viewer-footer{display:flex;align-items:center;justify-content:center;gap:18px;min-height:30px;flex-shrink:0;color:#a89584;font-size:11px}.viewer-counter{color:#ffd3ad;font-variant-numeric:tabular-nums}.viewer-hint{font-size:10px}
.viewer-progress{height:2px;flex-shrink:0;background:#35200f}.viewer-progress span{display:block;height:100%;background:var(--accent);transition:width .15s ease-out}
.viewer-document{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100%,440px);padding:32px;text-align:center}.viewer-document svg{margin:auto;color:var(--accent)}.viewer-document p{overflow-wrap:anywhere;font-size:17px}.viewer-document span{color:var(--muted);font-size:12px}
@keyframes viewer-enter{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.viewer-header{min-height:60px;padding:6px 10px;gap:7px}.viewer-name strong{font-size:11px}.viewer-original.btn{width:44px;padding:10px}.viewer-original span{display:none}.viewer-download.btn{width:44px;min-width:44px;padding:0}.viewer-media{inset:2px 0}.viewer-arrow{width:44px;height:44px}.viewer-previous{left:7px}.viewer-next{right:7px}.viewer-footer{min-height:30px}.viewer-hint{font-size:9px}.file-download{padding:0;gap:0}.clean-content .file-grid,.client-gallery .file-grid{gap:18px 12px}.file-caption{gap:6px;padding-top:6px}.client-gallery .share-main .file-visual{height:auto;aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.viewer-original[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:#ffd0a6}
html,body{touch-action:pan-x pan-y;overscroll-behavior-x:none}
.viewer-zoom.icon-btn{width:44px;height:44px;flex-shrink:0}
.viewer-zoom[aria-pressed="true"]{color:var(--accent);background:var(--accent-soft)}
.viewer-media>[data-viewer-image]{flex:none;cursor:zoom-in;touch-action:none;will-change:transform}
.photo-zoomed [data-viewer-image]{cursor:grab}
.photo-dragging [data-viewer-image]{cursor:grabbing}
@media(pointer:coarse){input:not([type="checkbox"]),select,textarea{font-size:16px!important}}

/* Larger square photos, with compact download icons and comfortable hit areas. */
.file-download,.viewer-download.btn{position:relative}
.file-download::before,.viewer-download.btn::before{content:"";position:absolute;inset:-5px}
.file-download svg{width:18px;height:18px}
.viewer-download.btn{width:38px;min-width:38px;height:38px;min-height:38px}
.viewer-download svg{width:18px;height:18px}

/* Keep album titles plain when iOS identifies an address or other data. */
.clean-hero h1,.share-hero h1,.clean-hero h1 *,.share-hero h1 *{text-decoration:none!important;-webkit-text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
[x-apple-data-detectors],a[href^="x-apple-data-detectors:"]{color:inherit!important;-webkit-text-fill-color:inherit!important;font:inherit!important;text-decoration:none!important;-webkit-text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
body.photo-save-open{overflow:hidden}
.photo-save-overlay{z-index:120}
.photo-save-overlay [hidden]{display:none!important}
.photo-save-dialog{width:min(100%,480px)}
.photo-save-dialog .icon-btn{width:44px;height:44px;flex-shrink:0}
.photo-save-dialog .btn{min-height:44px}
.photo-save-dialog .form-actions{flex-wrap:wrap;margin-top:20px}
.photo-save-name{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:6px 0 18px}
.photo-save-status{font-size:13px;color:#ffd3ad;min-height:20px;margin:12px 0}
.photo-save-original{margin:16px 0}
.photo-save-image{display:block;width:100%;height:auto;max-height:44dvh;object-fit:contain;border-radius:8px;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:manipulation}
.brand-wordmark{display:block;line-height:1.1;letter-spacing:0;white-space:nowrap}
.brand-name{display:block;font:800 21px/1 var(--display);letter-spacing:-.025em}
.brand-wordmark small{display:block;font:500 10px/1.3 var(--font);letter-spacing:0;color:var(--muted);margin:4px 0 0}
.archive-topbar .brand>span.brand-wordmark{display:block}
.boot .brand-name{font-size:26px}.boot .brand-wordmark small{font-size:12px}
@media(max-width:600px){.brand .brand-name{font-size:17px}.brand .brand-wordmark small{font-size:9px;margin-top:3px}.brand{gap:8px}}

.archive-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-areas: ". brand tools";
}

.archive-topbar .brand { grid-area: brand; justify-self: center; }

.archive-tools {
  grid-area: tools;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}

.archive-topbar .global-search {
  flex: 1 1 246px;
  max-width: 246px;
  margin: 0;
}

.dialog .settings-actions { flex-wrap: wrap; }
.desktop-only { display: none; }
.archive-empty-state { padding: 24px 0; margin: 0; color: var(--muted); font-size: 13px; }
.album-stats-total {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--accent-line);
  border-radius: 10px;
  background: var(--accent-soft);
}
.album-stats-total strong { color: var(--accent); font-size: 30px; line-height: 1.1; }
.album-stats-total span { color: var(--muted); font-size: 12px; }
.album-stats-list { margin: 14px 0 0; }
.album-stat {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.album-stat dt { min-width: 0; font-size: 13px; overflow-wrap: anywhere; }
.album-stat dd { margin: 0; flex-shrink: 0; font-size: 11px; color: var(--muted); }
.album-stat dd strong { color: var(--text); font-size: 14px; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
  .archive-topbar {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "brand" "tools";
    height: auto;
    padding-block: 10px;
    row-gap: 8px;
  }

  .archive-topbar .global-search { max-width: none; }
  .client-share-row { flex-wrap: wrap; gap: 10px; }
}

@media (min-width: 768px) {
  .archive-topbar,
  .wide-shell .clean-content,
  .client-gallery .share-topbar,
  .client-gallery .share-main {
    padding-inline: 20px;
  }

  .archive-topbar { height: 72px; }
  .client-gallery .share-topbar { padding-block: 16px; }
  .client-gallery .share-topbar .brand { padding-inline: 0; }
  .wide-shell .clean-content,
  .client-gallery .share-main { padding-top: 28px; }
  .client-gallery .share-main { max-width: none; }
  .clean-content .clean-hero,
  .client-gallery .share-hero { margin-bottom: 24px; }
  .clean-content .file-grid,
  .client-gallery .file-grid { gap: 16px 12px; }

  .file-download,
  .viewer-download.btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  .file-download svg,
  .viewer-download svg {
    width: 24px;
    height: 24px;
  }

  .with-download .hero-actions .btn,
  .client-gallery .share-hero .btn { min-height: 44px; }
  .category-card > .icon-btn { width: 44px; height: 44px; }

  .with-download .hero-actions .btn svg,
  .client-gallery .share-hero .btn svg,
  .category-card > .icon-btn svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
}

/* Desktop file browser. Mobile and tablet retain the existing card layouts. */
@media (min-width: 1024px) {
  .archive-topbar,
  .client-gallery .share-topbar {
    position: sticky;
    top: 0;
    z-index: 40;
    height: 72px;
    background: #17120ef5;
    backdrop-filter: blur(12px);
  }
  .archive-topbar .global-search { max-width: 460px; flex-basis: 460px; }
  .archive-topbar .global-search input { height: 42px; font-size: 13px; }
  .archive-topbar .global-search svg { top: 13px; }
  .archive-topbar .avatar { width: 38px; height: 38px; font-size: 11px; }
  .wide-shell .clean-content,
  .client-gallery .share-main { padding-top: 24px; }
  .clean-content .clean-hero,
  .client-gallery .share-hero { margin-bottom: 16px; align-items: center; }
  .clean-content .clean-hero h1,
  .client-gallery .share-hero h1 {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: -.04em;
  }
  .clean-content .folder-trail { gap: 8px; margin-bottom: 10px; }
  .desktop-browser-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 52px;
    margin-bottom: 8px;
  }
  .desktop-item-count { font-size: 12px; color: var(--muted); }
  .desktop-view-options {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
  }
  .desktop-view-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 88px;
    min-height: 36px;
    padding: 7px 11px;
    border-radius: 5px;
    background: transparent;
    color: var(--muted);
    font-size: 12px;
  }
  .desktop-view-button:hover { color: var(--text); background: #ffffff08; }
  .desktop-view-button[aria-pressed="true"] { background: var(--accent-soft); color: #ffbb80; }
  [data-desktop-view="list"] .desktop-list-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px 130px 52px;
    align-items: center;
    min-height: 42px;
    padding-left: 12px;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: 12px;
    background: var(--bg);
    position: sticky;
    top: 72px;
    z-index: 4;
  }
  .desktop-actions-label { text-align: center; font-size: 10px; }
  [data-desktop-view="list"] .folder-grid.category-grid {
    display: block;
    margin-bottom: 24px;
  }
  [data-desktop-view="list"] .category-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px 130px 52px;
    align-items: center;
    min-height: 54px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
  }
  [data-desktop-view="list"] .category-card:hover,
  [data-desktop-view="list"] .file-card:hover { background: #ff8a2509; }
  [data-desktop-view="list"] .category-card:focus-within { box-shadow: inset 2px 0 var(--accent); }
  [data-desktop-view="list"] .category-open {
    min-height: 54px;
    padding: 8px 12px;
    gap: 12px;
    border-radius: 0;
  }
  [data-desktop-view="list"] .category-icon { width: 32px; height: 32px; background: transparent; }
  [data-desktop-view="list"] .category-icon svg { width: 27px; height: 27px; fill: var(--accent-soft); }
  [data-desktop-view="list"] .category-label { font-size: 14px; font-weight: 450; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-desktop-view="list"] .category-location { overflow: hidden; text-overflow: ellipsis; }
  [data-desktop-view="list"] .desktop-folder-date,
  [data-desktop-view="list"] .desktop-folder-type { display: block; color: var(--muted); font-size: 12px; }
  [data-desktop-view="list"] .category-card > .icon-btn { margin: 0; justify-self: center; }
  [data-desktop-view="list"] .file-grid { display: block; }
  [data-desktop-view="list"] .file-card {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) 160px 130px 52px;
    align-items: center;
    min-height: 64px;
    border-bottom: 1px solid var(--line);
  }
  [data-desktop-view="list"] .file-card.selected { background: var(--accent-soft); }
  [data-desktop-view="list"] .file-card .file-visual {
    grid-column: 1;
    grid-row: 1;
    width: 44px;
    height: 44px;
    min-width: 44px;
    margin: 9px 12px;
    border-radius: 5px;
  }
  [data-desktop-view="list"] .file-visual input { width: 18px; height: 18px; left: 4px; top: 4px; }
  [data-desktop-view="list"] .file-visual .generic-preview svg { width: 24px; height: 24px; }
  [data-desktop-view="list"] .file-caption,
  [data-desktop-view="list"] .file-caption > div { display: contents; }
  [data-desktop-view="list"] .file-caption h3 { display: none; }
  [data-desktop-view="list"] .desktop-file-open {
    display: block;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 44px;
    padding: 10px 16px 10px 0;
    background: transparent;
    color: var(--text);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 450;
  }
  [data-desktop-view="list"] .desktop-file-open:hover { color: #ffbb80; }
  [data-desktop-view="list"] .file-caption p { grid-column: 3; grid-row: 1; margin: 0; font-size: 12px; }
  [data-desktop-view="list"] .desktop-file-type { display: block; grid-column: 4; grid-row: 1; color: var(--muted); font-size: 12px; }
  [data-desktop-view="list"] .file-download { grid-column: 5; grid-row: 1; justify-self: center; background: transparent; border-color: transparent; }
  [data-desktop-view="list"] .file-download:hover { background: var(--accent-soft); border-color: var(--accent-line); color: #ffbb80; }
}

/* Softer shapes across the archive, galleries and dialogs. */
:root {
  --radius-pill: 999px;
  --radius-card: 20px;
  --radius-panel: 26px;
  --radius-small: 12px;
}
.brand-icon::before { border-top-left-radius: 6px; }
.brand-icon::after { border-bottom-right-radius: 6px; }
.btn,
.desktop-view-options,
.desktop-view-button,
.global-search input { border-radius: var(--radius-pill); }
.global-search input {
  border-color: #73513770;
  background: linear-gradient(120deg, #2b2119, #211a15);
  box-shadow: inset 0 1px 0 #ffffff05;
}
.global-search input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.icon-btn,
.file-download,
.viewer-zoom.icon-btn,
.viewer-close.icon-btn,
.viewer-download.btn { border-radius: 50%; }
.btn.primary { box-shadow: inset 0 1px 0 #ffffff24; }
.btn.secondary { border-color: #79543780; }
.category-card { border-radius: var(--radius-card); border-color: #75503665; }
.category-open { border-radius: var(--radius-card); }
.category-icon { border-radius: var(--radius-small); }
.clean-content .file-visual,
.client-gallery .share-main .file-visual { border-radius: var(--radius-card); }
.clean-hero h1,
.client-gallery .share-hero h1 { letter-spacing: -.035em; }
.desktop-view-options { border-color: #73513770; background: #211913; }
.desktop-view-button[aria-pressed="true"] { background: #ff8a2522; color: #ffd2aa; }
.dialog {
  border-radius: var(--radius-panel);
  border-color: #79543780;
  background: linear-gradient(145deg, #2d2119, #211a15 65%);
  box-shadow: 0 24px 80px #0006;
}
.dialog input,
.dialog select,
.result-link { border-radius: 16px; }
.result-link { background: #17120e; border-color: #79543780; }
.result-link input { background: transparent; }
.client-share-row,
.connection-banner,
.album-stats-total,
.selection-bar,
.empty { border-radius: var(--radius-card); }
.client-share-row { background: #241b15; border-color: #79543760; }
.callout { border-radius: 16px; }
.setting-row .status { border-radius: var(--radius-pill); }
.photo-save-image { border-radius: 16px; }
.toast { border-radius: 20px; }

@media (min-width: 1024px) {
  [data-desktop-view="list"] .category-card,
  [data-desktop-view="list"] .file-card {
    margin-bottom: 4px;
    border-radius: 16px;
    border-bottom-color: transparent;
    background: linear-gradient(100deg, #ff8a2507, transparent 65%), #1e1813;
    box-shadow: inset 0 0 0 1px #ffbc7d0c;
  }
  [data-desktop-view="list"] .category-card:hover,
  [data-desktop-view="list"] .file-card:hover { background: #302219; }
  [data-desktop-view="list"] .category-card:focus-within {
    box-shadow: inset 0 0 0 1px var(--accent-line);
  }
  [data-desktop-view="list"] .category-open { border-radius: 16px; }
  [data-desktop-view="list"] .file-card .file-visual { border-radius: var(--radius-small); }
  [data-desktop-view="list"] .file-card.selected { background: #3a271a; }
  [data-desktop-view="list"] .desktop-list-heading { border-bottom-color: #49332390; }
}

/* Keep the brand opaque and sharp, including in mobile browser compositing. */
.archive-topbar,
.share-topbar,
.client-gallery .share-topbar {
  background: #17120e;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.brand,
.brand-icon,
.brand-wordmark,
.brand-name,
.brand-wordmark small,
.brand-icon::before,
.brand-icon::after {
  background: none;
  opacity: 1;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-shadow: none;
  box-shadow: none;
}
.brand-name { color: var(--text); -webkit-text-fill-color: currentColor; }
.brand-icon::before { border-top-width: 3px; border-left-width: 3px; }
.brand-icon::after { border-bottom-width: 3px; border-right-width: 3px; }

/* Size the mobile logo directly so its text and strokes stay sharp. */
@media (max-width: 767px) {
  .brand { gap: 10px; }
  .brand .brand-name { font-size: 21px; }
  .brand .brand-wordmark small { font-size: 10px; margin-top: 4px; }
  .brand .brand-icon { width: 30px; height: 30px; }
  .brand .brand-icon::before,
  .brand .brand-icon::after { width: 18px; height: 18px; }
}
@media (max-width: 420px) {
  .client-gallery .gallery-download-mobile span { display: none; }
  .client-gallery .gallery-download-mobile svg { width: 20px; height: 20px; }
}