:root {
  color-scheme: light;
  --ink:#28232d; --sub:#68636b; --quiet:#777079; --paper:#fcfbfa; --soft:#f6f3f5;
  --line:#e7e2e7; --plum:#583875; --plum-dark:#432956; --lav:#eee6f6; --rasp:#993b52;
  --font:"DM Sans","Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-family:var(--font); color:var(--ink); background:var(--paper); font-synthesis:none;
}
*, *::before, *::after{box-sizing:border-box}
body{margin:0;min-width:300px;line-height:1.45;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important} button,input,select,textarea{font:inherit;color:inherit}
button,a,input,textarea,select{touch-action:manipulation}
button{cursor:pointer} button{border:0;background:none} button:disabled{cursor:default;opacity:.55}
a{color:var(--plum)} button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9266bb;outline-offset:3px}
h1,h2,h3,p{margin:0} h1,h2,h3{line-height:1.15} img{max-width:100%}
i[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.icon{display:inline-block;vertical-align:middle;flex:none}
.brand{display:inline-flex;gap:11px;align-items:center;letter-spacing:-1.25px;font-size:24px;font-weight:690;line-height:1;color:var(--ink)}
.brand img{display:block;flex:none} .private-label{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--sub);font-weight:520;white-space:nowrap}
.indicator{width:7px;height:7px;border-radius:50%;background:#799782;box-shadow:0 0 0 3px #e7eee8;display:inline-block}
.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--sub);flex:none;padding:0}
.icon-button:hover{background:var(--soft);color:var(--ink)}
.button,.sort-box,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:570;white-space:nowrap;text-decoration:none}
.button,.sort-box{background:#fff;border:1px solid #dcd5dd;border-radius:9px;min-height:39px;padding:0 14px;color:#433d47;box-shadow:0 1px 2px #21142508}
.button:hover,.sort-box:hover{border-color:#bcaec3;background:#faf8fb}
.button.primary,[data-arny-owner] form button,[data-arny-team] button{border:1px solid var(--plum);background:var(--plum);color:white}
.button.primary:hover,[data-arny-owner] form button:hover,[data-arny-team] button:hover{border-color:var(--plum-dark);background:var(--plum-dark)}
.text-button{color:var(--plum);padding:6px 1px;background:transparent}
.text-button:hover{text-decoration:underline;text-underline-offset:3px}
.noscript{padding:12px 24px;background:#ffefdf;color:#6d4522}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.gate,.shared{background:#f9f7f5;min-height:100svh;display:flex;flex-direction:column}
.gate-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px clamp(24px,5vw,85px);border-bottom:1px solid #e3dde2}
.gate-layout{width:min(1190px,calc(100% - 8vw));margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(38px,6vw,100px);padding:48px 0}
.gate-form{padding:20px clamp(0px,2.6vw,42px);max-width:530px;width:100%}
.gate-lock{display:flex;align-items:center;justify-content:center;background:#ece3f1;color:var(--plum);width:54px;height:54px;border-radius:16px;margin-bottom:28px}
.gate-form h1{font-size:clamp(42px,5.4vw,74px);font-weight:590;letter-spacing:-.074em;line-height:1.02;max-width:8em}
.gate-form h1 span{color:#8c69a6}.lede{font-size:clamp(15px,1.3vw,18px);line-height:1.55;max-width:360px;color:var(--sub);margin:17px 0 31px}
#gate-status:not(:empty),#shared-status:not(:empty){margin:12px 0;font-size:14px;color:var(--sub)}
[data-arny-owner]{font-size:14px;max-width:380px}
[data-arny-owner] form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
[data-arny-owner] form::before{content:"Owner email";font-size:12px;font-weight:620;line-height:1.1}
[data-arny-owner] input{width:100%;min-height:47px;border:1px solid #cfc6d2;border-radius:10px;padding:10px 13px;background:#fff}
[data-arny-owner] button{padding:11px 16px;min-height:44px;border-radius:9px;border:1px solid var(--line);font-weight:620;background:#fff}
[data-arny-owner]>button{margin-top:7px;color:var(--sub);font-size:12px;min-height:34px;padding:6px 10px}
[data-arny-owner] p:not(:empty){margin:10px 0;line-height:1.5}
[data-arny-owner] iframe{border:0;display:block;margin:10px 0;background:white;border-radius:12px}
.auth-by{display:flex;gap:8px;align-items:center;color:var(--quiet);font-size:12px;margin-top:20px}
.gate-footer{padding:17px clamp(24px,5vw,85px);border-top:1px solid var(--line);color:var(--quiet);font-size:12px}
.vault-art{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;min-height:380px;aspect-ratio:1.12 / 1;
  background-color:#d7c6e0;background-image:radial-gradient(ellipse at 72% 70%,#b290c6 0,transparent 60%),linear-gradient(145deg,#ebe3e6 0%,#e5d8e8 40%,#d0b6da 77%,#bca0c9 100%)}
.vault-art::before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#897393 .65px,transparent .75px);background-size:5px 5px;z-index:-1}
.art-note{position:absolute;top:30px;left:30px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:650;color:#624d6b}
.art-rule{width:22px;height:1px;background:currentColor}.art-coord{position:absolute;bottom:22px;right:28px;display:flex;gap:5px}
.art-coord b{height:5px;width:5px;border:1px solid #68516e;border-radius:50%}.art-coord b:first-child{background:#68516e}
.art-orbit{position:absolute;width:105%;height:46%;top:32%;left:-2%;transform:rotate(-28deg);border:1px solid #9779a170;border-radius:50%}
.art-orbit::before,.art-orbit::after{content:"";position:absolute;inset:-17%;border:1px solid #a68ab04d;border-radius:50%}.art-orbit::after{inset:-40%;border-style:dashed;opacity:.7}
.archive-stack{position:absolute;width:62%;aspect-ratio:1.52;top:27%;left:19%;transform:rotate(-10deg) skewY(1deg)}
.stack-layer,.stack-shadow{position:absolute;width:100%;height:100%;border-radius:8%/13%;transform:skewY(-6deg);box-shadow:inset 0 2px 0 #ffffff65}
.stack-shadow{top:36%;left:.5%;background:#51325a;filter:blur(17px);opacity:.23}
.layer-base{top:28%;left:0;background:linear-gradient(145deg,#4a3057,#38263f);border-bottom:6px solid #302137}
.layer-middle{top:14%;left:0;background:linear-gradient(145deg,#9876ab,#755486);border-bottom:5px solid #6c4a7b}
.layer-front{top:0;left:0;background:linear-gradient(145deg,#c6a4d7,#a380b6);border:1px solid #9474a3;border-bottom:5px solid #8b699d}
.card-tab{position:absolute;left:9%;top:-5%;width:28%;height:12%;border-radius:9px 13px 0 0;background:#c5a5d5;transform:skew(10deg);z-index:-1}
.card-print{position:absolute;display:flex;flex-direction:column;gap:9px;bottom:21%;left:12%;transform:skewY(2deg)}
.card-print span{font-size:clamp(8px,.9vw,13px);font-weight:700;letter-spacing:.16em;color:#62446e}
.card-emblem{position:relative;width:58px;height:47px}.card-emblem b{position:absolute;left:10%;width:66%;height:54%;background:#754987;transform:rotate(-30deg) skew(28deg);border-radius:2px}
.card-emblem b:nth-child(1){top:15px}.card-emblem b:nth-child(2){top:8px;background:#9870a9;box-shadow:0 1px 0 #dec5ea}
.card-emblem b:nth-child(3){top:0;background:#d6bee1;box-shadow:0 1px 0 #876992}
.card-lines{position:absolute;right:12%;bottom:24%;width:19%;height:13%;border:1px solid #8b6a98;border-radius:4px;
  background:repeating-linear-gradient(90deg,transparent,transparent 3px,#8d6a994a 3px,#8d6a994a 5px)}

.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100svh;align-items:stretch}
.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100svh;border-right:1px solid var(--line);background:#f5f2f5;z-index:4;min-width:0}
.sidebar>.brand{min-height:77px;display:flex;padding:0 24px;font-size:23px}.sidebar>.brand img{width:33px;height:33px}
.sidebar-body{margin-top:18px;flex:1;padding:0 15px;overflow:auto}
.section-label{font-weight:650;font-size:10px;line-height:1.6;letter-spacing:.14em;color:#7c7480;text-transform:uppercase;margin:0 12px 10px}
.nav-list{display:grid;gap:3px}
.nav-list button,.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:39px;padding:8px 12px;text-align:left;border-radius:8px;font-size:14px;font-weight:490;color:#5e5762}
.nav-item.active,.nav-item[aria-current="page"],.nav-list button.active,.nav-list button[aria-pressed="true"]{background:#e8dfed;color:#533369;font-weight:620}
.nav-list button:hover{background:#ebe6ec}.nav-list button.active:hover{background:#e5daec}
.nav-list .icon{width:18px;height:18px}
.tag-section{border-top:1px solid #ded8df;margin:21px 4px;padding-top:22px}
.tag-section .section-label{margin-left:8px}.tag-section:has(#tags-nav:empty){display:none}
#tags-nav button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.sidebar-footer{padding:12px 21px 0}.usage,.owner{display:flex;align-items:center;gap:11px}
.usage{padding:14px 0 20px}.usage-icon,.owner-initial{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;flex:none}
.usage-icon{border:1px solid #d9d1dc;background:#eee9f0;color:#6b537b}.usage strong,.usage small{display:block}.usage strong{font-size:13px;font-weight:630}.usage small{font-size:11px;color:var(--sub)}
.owner{border-top:1px solid #ddd6e0;min-height:67px;font-size:13px;font-weight:590}.owner .icon-button{margin-left:auto}
.owner-initial{background:#e1d5e6;color:var(--plum);width:30px;height:30px;border-radius:50%}
.topbar{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:74px;padding:0 clamp(24px,4vw,65px);border-bottom:1px solid var(--line);background:#fcfbfa}
.top-path{display:flex;gap:10px;align-items:center;min-width:0;color:#75687e;font-size:13px}.top-path>i{color:#8e7c96}
#breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}#breadcrumbs button{font-size:inherit;padding:5px 3px;color:inherit}#breadcrumbs button:hover{text-decoration:underline}
.mobile-menu,.mobile-close,#menu-backdrop{display:none}
.explorer{max-width:1600px;margin-inline:auto;padding:clamp(30px,4vw,57px) clamp(24px,4vw,65px)}
.explorer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;margin-bottom:26px}
.explorer h1,.shared-card h1{font-size:clamp(33px,3.5vw,49px);font-weight:600;letter-spacing:-.065em;overflow-wrap:anywhere}
.view-meta{color:var(--sub);font-size:13px;margin-top:7px}.view-meta:empty{display:none}
.main-actions,.view-tools,.view-switch,.toolbar{display:flex;align-items:center;gap:9px}.main-actions .button{min-height:40px}
.toolbar{justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.search-box,.sort-box{display:flex;align-items:center;gap:9px;background:#fff;color:var(--sub)}
.search-box{border:1px solid var(--line);min-height:39px;padding:0 12px;border-radius:9px;width:min(31vw,350px)}
.search-box:focus-within{border-color:#9266bb;box-shadow:0 0 0 1px #9266bb}
.search-box input{outline:none;border:0;background:none;width:100%;font-size:13px;min-width:0;padding:8px 0;color:var(--ink)}
.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#827986}
.sort-box{padding:0 9px}.sort-box select{border:0;background:none;max-width:145px;outline-offset:0;font-size:13px;cursor:pointer;padding:6px 0}
.view-switch{gap:2px;padding:3px;border-radius:9px;border:1px solid var(--line);background:#f1eef2}.view-switch button{width:31px;height:30px;border-radius:6px}
.view-switch .active,.view-switch [aria-pressed="true"]{background:#fff;box-shadow:0 1px 3px #24202a1c;color:var(--plum)}
.filters-panel,.selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:#fff;padding:11px 14px}
.filters-panel label{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:12px}
.filters-panel select{font-size:13px;border:1px solid var(--line);padding:5px 8px;border-radius:6px;background:#fff}
.selection-bar{color:#523768;background:#f1eaf5;border-color:#ded0e6}.selection-bar button{font-weight:620;color:var(--plum)}
.file-list{border:1px solid var(--line);border-radius:14px;background:white;min-width:0}
.file-list:empty{display:none}
.file-row,.file-head{display:grid;grid-template-columns:22px minmax(130px,2.5fr) minmax(65px,.9fr) minmax(80px,.9fr) minmax(52px,.65fr) minmax(36px,auto);align-items:center;gap:13px;padding:10px 17px;min-width:0}
.file-row{min-height:68px}.file-row+.file-row,.file-head+.file-row{border-top:1px solid #efebef}
.file-row:hover{background:#fbf9fc}.file-row:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.file-row:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}
.file-head{background:#f8f6f8;min-height:39px;border-radius:14px 14px 0 0;color:var(--sub);font-size:11px;font-weight:620}
.file-row input[type="checkbox"],.file-head input,.filters-panel input{accent-color:var(--plum);width:15px;height:15px}
.file-main{display:flex;align-items:center;gap:11px;min-width:0;text-align:left;padding:0;color:inherit}
.file-copy{min-width:0}.file-copy strong,.file-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}
.file-copy small,.file-sub{display:block;color:var(--quiet);font-size:11px;margin-top:2px}
.file-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:#eef0f7;color:#66719b}
.file-icon.folder,.file-icon[data-type="folder"]{background:#efe6f5;color:#876098}
.file-icon.image,.file-icon[data-type="image"]{background:#e4efe9;color:#4c8167}
.file-icon.document,.file-icon[data-type="document"]{background:#e8ecf6;color:#5674a7}
.file-icon.video,.file-icon[data-type="video"]{background:#f4e5ee;color:#9a597c}
.file-icon.zip,.file-icon[data-type="zip"]{background:#f3eadc;color:#9a783f}
.file-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.file-tag,.file-date,.file-size{font-size:12px;color:var(--sub);min-width:0}
.tag,.tag-pill,.chip,.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;max-width:100%;border-radius:6px;background:#eee7f2;color:#674b77;font-size:11px;overflow-wrap:anywhere}
.row-actions{display:flex;justify-content:flex-end;align-items:center}.row-actions>button{min-width:30px;min-height:32px;border-radius:6px}.row-actions>button:hover{background:var(--soft)}
.file-list.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:14px;background:none;border:0}
.grid-view .file-head{display:none}.grid-view .file-row{position:relative;display:flex;flex-flow:row wrap;align-content:start;align-items:center;gap:8px;min-height:175px;padding:17px;border:1px solid var(--line);border-radius:12px;background:white}
.grid-view .row-check{position:absolute;top:13px;left:12px}.grid-view .row-actions{position:absolute;top:7px;right:8px}
.grid-view .file-main{flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin-top:15px}
.grid-view .file-copy{max-width:100%}.grid-view .file-icon{height:42px;width:42px}.grid-view .file-tag:empty{display:none}
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:48px 22px;min-height:300px;grid-column:1/-1}
.empty-state h3,.empty-state h2{font-size:22px;font-weight:620;letter-spacing:-.04em;margin:15px 0 5px}
.empty-state p{max-width:390px;color:var(--sub);font-size:14px;line-height:1.55}.empty-state .button{margin-top:18px}
.empty-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#f5eff7,#e5d8ed);color:#77548a;border:1px solid #e3d6e9}
.folder-upload{padding:14px 0;text-align:right}.folder-upload .text-button{font-size:12px}
/* Modal and file detail controls */
dialog{border:1px solid #dfd6e4;background:#fdfcfc;border-radius:19px;box-shadow:0 24px 85px #29173540;padding:0;width:min(470px,calc(100% - 30px));max-height:calc(100svh - 50px);overflow:auto;color:var(--ink)}
dialog::backdrop{background:#20182677;backdrop-filter:blur(4px)}
#dialog-content{padding:25px}#dialog-content h2{font-weight:650;font-size:24px;letter-spacing:-.05em;margin-bottom:14px}
#dialog-content p{font-size:14px;color:var(--sub);margin:9px 0;overflow-wrap:anywhere}
#dialog-content label{display:block;margin:10px 0 4px;font-size:13px;color:#544c57;font-weight:570}
#dialog-content input:not([type=checkbox]):not([type=radio]),#dialog-content select,#dialog-content textarea{width:100%;border:1px solid #d8cfdc;border-radius:8px;background:white;min-height:40px;padding:8px 10px}
#dialog-content input[type=checkbox],#dialog-content input[type=radio]{accent-color:var(--plum)}
#dialog-content button:not(.icon-button):not(.button):not(.text-button){border:1px solid var(--line);background:white;border-radius:8px;padding:7px 11px;min-height:35px}
#dialog-content button.danger,.button.danger{color:var(--rasp)}
.dialog-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:21px}
.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
dialog:has(.photo-stage){width:min(990px,calc(100% - 30px))}
.photo-stage{background:#231b29;display:grid;place-items:center;border-radius:10px;min-height:180px;position:relative}
.photo-stage img{max-width:100%;max-height:min(66svh,760px);object-fit:contain;display:block}
.photo-nav{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:10px}
.photo-caption{font-size:13px;color:var(--sub);overflow-wrap:anywhere}
.status{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100% - 30px));border-radius:11px;padding:11px 17px;background:#34283c;color:white;font-size:13px;box-shadow:0 8px 30px #291c3325;white-space:normal;overflow-wrap:anywhere}
.status:empty{display:none}.shared-card{width:min(440px,calc(100% - 36px));margin:auto;align-self:center;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:white;box-shadow:0 12px 37px #331c4410}
.shared-band{height:140px;background:radial-gradient(ellipse at 80% 60%,#aa8abc 0%,transparent 60%),linear-gradient(130deg,#e8dae9,#c3a8d0);display:grid;place-items:center}
.shared-symbol{display:grid;place-items:center;color:#634575;background:#f6eef8b8;width:70px;height:70px;border-radius:18px;box-shadow:0 8px 18px #6a437222;transform:rotate(-5deg)}
.shared-body{padding:28px}.shared-card h1{font-size:29px}.shared-body .primary{margin-top:20px}
@media(min-width:1600px){.explorer{padding-left:64px;padding-right:64px}.workspace{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:1080px){
  .workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar>.brand{padding:0 17px}.sidebar-body{padding-left:9px;padding-right:9px}.sidebar-footer{padding-inline:16px}
  .topbar{padding-inline:24px}.explorer{padding-inline:24px}.file-row,.file-head{gap:9px;padding-inline:10px}
  .view-tools,.toolbar{gap:6px}.search-box{width:auto;flex:1 1 170px}.view-switch{gap:0}
  .gate-layout{gap:30px;width:calc(100% - 8vw)}.vault-art{min-height:330px}
}
@media(max-width:820px){
  .workspace{display:block}.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-105%);transition:transform .2s ease-out;width:240px;box-shadow:0 0 0 transparent;z-index:8}
  .workspace.menu-open .sidebar{transform:translateX(0)}
  .workspace.menu-open #menu-backdrop{display:block;position:fixed;inset:0;z-index:7;background:#21172666;width:100%;height:100%;border:0;padding:0}
  .topbar .top-path{display:none}
  .topbar #mobile-path{display:block}
  .topbar #vault-status{flex:none}
  .mobile-menu,.mobile-close{display:inline-flex}.mobile-close{margin-left:auto}
  .topbar{justify-content:initial;min-height:58px;padding-inline:16px}.topbar .private-label{margin-left:auto}
  .explorer{padding:26px 20px}.gate-header{padding:19px 24px}.gate-form{padding-inline:0}.gate-layout{gap:24px}
  .vault-art{min-height:300px}.art-note{font-size:9px;left:18px;top:19px}
}
@media(max-width:640px){
  .gate-header .brand,.brand{font-size:21px}.gate-header .brand img{width:32px;height:32px}
  .gate-layout{display:flex;flex-direction:column;gap:24px;align-items:stretch;padding:36px 0;width:calc(100% - 46px);max-width:460px}
  .gate-form{padding:0;max-width:none}.gate-form h1{font-size:46px;max-width:none}.gate-lock{width:44px;height:44px;margin-bottom:20px;border-radius:12px}
  .lede{font-size:15px;margin-top:12px;margin-bottom:22px}[data-arny-owner]{max-width:none}
  .vault-art{aspect-ratio:2.22 / 1;min-height:135px;max-height:190px;border-radius:17px}
  .archive-stack{width:40%;left:36%;top:15%}.art-note{font-size:8px;left:13px;top:13px}.card-print span{font-size:6px}.card-emblem{width:22px;height:22px}.card-emblem b:nth-child(1){top:9px}.card-emblem b:nth-child(2){top:5px}.card-print{gap:5px}.art-coord{bottom:13px;right:14px}
  .gate-header{padding:16px 20px}.private-label{font-size:10px;gap:7px}.gate-footer{padding-inline:23px}
  .explorer{padding:22px 14px}.explorer-header{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:17px}.explorer h1{font-size:32px}
  .main-actions,.main-actions .button{gap:6px}.main-actions .button{font-size:12px;min-height:36px;padding:0 10px}
  .toolbar{display:grid;grid-template-columns:1fr;gap:10px}.search-box{width:100%}.view-tools{justify-content:flex-start}.view-switch{margin-left:auto}
  .file-row,.file-head{grid-template-columns:20px minmax(0,1fr) minmax(36px,auto);gap:7px;padding:8px 9px}.file-row{min-height:61px}
  .file-row>.file-date,.file-row>.file-tag,.file-row>.file-size,.file-head>.file-date,.file-head>.file-tag,.file-head>.file-size,.file-head>:nth-child(3):not(:last-child),.file-head>:nth-child(4):not(:last-child),.file-head>:nth-child(5):not(:last-child){display:none}
  .file-main{gap:8px}.file-icon{width:34px;height:34px}.file-copy strong,.file-title{font-size:13px}
  .file-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(133px,1fr));gap:8px}.grid-view .file-row{padding:12px}.grid-view .file-date,.grid-view .file-size{display:block}.empty-state{padding:28px 14px;min-height:220px}.shared-body{padding:22px}
  #dialog-content{padding:19px}.photo-stage{min-height:110px}.selection-bar{gap:8px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
.ui-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}
.file-row.selected{background:#f3edf7}
.file-row.file-head{min-height:38px}
.tag-chip{display:inline-block;max-width:100%;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:550;line-height:1.55;color:#76548a;background:#f1e9f6;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}
#dialog-content .dialog-heading h2{overflow-wrap:anywhere;margin-bottom:8px}
.dialog-heading>.icon-button{margin:-4px -4px 0 0}
.dialog-body{margin-top:14px}
.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.action-grid>.button{justify-content:flex-start;gap:9px;padding-inline:10px;white-space:normal;text-align:left}
#dialog-content .dialog-error{color:#983045;font-weight:550}
.dialog-error:empty{display:none}
.form-field input,.form-field select,.form-field textarea{display:block;margin-top:5px}
.history-list{display:grid;gap:0;margin-top:10px}
.history-row{display:flex;align-items:center;gap:7px;padding:11px 0;border-bottom:1px solid var(--line)}
.history-row:last-child{border-bottom:0}.history-row>div:first-child{margin-right:auto;min-width:0}
.history-row strong,.history-row small{display:block}.history-row strong{font-size:14px}.history-row small{font-size:11px;color:var(--sub);margin-top:3px}

.brand-wordmark { font-family: Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: -.04857em; }
.brand-wordmark .wordmark-r { padding-inline-end: .065em; }