:root{font-family:Arial,Helvetica,sans-serif;color:#233c32;background:#f5f3ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button,a,select{cursor:pointer}header{height:104px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #dcded3}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand span{display:inline-block;margin-left:5px;color:#e47d50}.header-note{font-size:12px;color:#6b746a}.nav-link{font-size:13px;border:1px solid #bcc4b9;padding:13px 19px;border-radius:30px}main{max-width:1440px;margin:46px auto 40px;padding:0 5%;display:grid;grid-template-columns:400px 1fr;gap:7%}.transfer-card{background:#fff;border:1px solid #e1e3d9;border-radius:20px;padding:29px;box-shadow:0 12px 36px #24392b09;align-self:start}.card-heading{display:flex;justify-content:space-between;align-items:center}.pill,.step,.small-caps{font-size:9px;font-weight:700;letter-spacing:1.3px}.pill{color:#51725d}.step{color:#92998e}h1{font-size:32px;line-height:1.08;letter-spacing:-1.2px;margin:25px 0 12px;overflow-wrap:anywhere}.muted{font-size:13px;color:#778075;line-height:1.7;margin-bottom:23px;white-space:pre-wrap}label{display:block;font-size:12px;font-weight:600;margin:18px 0 9px}label>span:not(.add-icon){font-weight:400}label>span{color:#8b9187;margin-left:4px}input,textarea{width:100%;border:0;border-bottom:1px solid #dfe3da;border-radius:0;background:transparent;padding:4px 0 12px;outline-offset:4px;color:#233c32;font-size:12px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#92988e}.drop-zone{display:flex;flex-direction:column;align-items:center;border:1px dashed #a8b9a1;background:#f6f8f2;border-radius:12px;padding:20px 8px;cursor:pointer;gap:6px;margin-top:25px}.drop-zone.dragging,.drop-zone:focus-within{background:#e5eedc;border-color:#41633e}.drop-zone .add-icon{display:grid;place-items:center;background:#ddebcc;color:#355132;width:42px;height:42px;border-radius:50%;font-size:29px;font-weight:400;margin:0 0 5px}.drop-zone strong{font-size:15px}.drop-zone small{font-size:10px;color:#8a9584;margin-top:8px}.expiry-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.expiry-row label{margin:0}select{border:1px solid #dfe3da;padding:8px;border-radius:7px;background:#fff;font-size:12px;color:#233c32}.primary{border:0;border-radius:9px;background:#2d493b;color:white;font-size:13px;font-weight:600;padding:17px;width:100%;display:flex;justify-content:space-between;margin-top:18px}.primary:hover{background:#3d6049}.primary:disabled{opacity:.6;cursor:wait}.fine{font-size:10px;line-height:1.7;color:#92988b;text-align:center;margin:15px 0 0}.error{color:#af4129;font-size:12px;line-height:1.5}.error:empty{display:none}.hero{position:relative;padding-top:16px;min-width:0}.small-caps{color:#6f7e69}.editorial{position:relative;z-index:1}h2{font-size:clamp(55px,6.1vw,88px);line-height:.97;font-weight:500;letter-spacing:-4px;margin:29px 0 21px}h2 em{font-family:Georgia,serif;font-weight:400;color:#e57e54}h2 .hero-arrow{font-size:90px;color:#80916e;margin-left:30px;font-weight:300}.editorial p{font-size:13px;line-height:1.8;color:#77816e}.art{height:235px;position:relative;overflow:hidden;margin-top:35px;border-radius:110px 110px 7px 7px;background:linear-gradient(135deg,#ebbf99,#f5ddad 60%,#e5d2a0)}.sun{position:absolute;width:85px;height:85px;border-radius:50%;background:#fff1c3;top:24px;right:23%}.hill{position:absolute;width:120%;height:230px;border-radius:50%;transform:rotate(-15deg);left:-10%;top:125px;background:#83916c}.hill.front{top:170px;left:13%;background:#435e46;transform:rotate(15deg)}.art-caption{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#f0f0d7}.hero-bottom{display:flex;justify-content:space-between;margin-top:19px;color:#899180;font-size:8px;letter-spacing:1px}footer{margin:0 5%;border-top:1px solid #dcded3;display:flex;justify-content:space-between;padding:22px 0;color:#8b9283;font-size:10px}.file-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef0e9;padding:10px 0;font-size:12px}.file-row img{width:40px;height:40px;border-radius:6px;object-fit:cover}.file-row .file-info{min-width:0;flex:1}.file-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.file-row small{color:#8a9486}.remove{border:0;background:#f4f5ef;border-radius:50%;width:26px;height:26px;color:#50604b}#selection{max-height:210px;overflow:auto}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}body:has(#images:focus-visible) .drop-zone{outline:2px solid #42633c;outline-offset:3px}.success-icon{display:grid;place-items:center;background:#e3efda;width:60px;height:60px;border-radius:50%;font-size:30px;margin-bottom:25px}.secondary{display:block;text-align:center;border:1px solid #dfe3da;border-radius:8px;padding:14px;margin-top:24px;font-size:12px}.text-link{display:block;text-align:center;font-size:12px;margin-top:24px}#copy-status{font-size:12px;color:#51725d}progress{width:100%;accent-color:#41633e}#gallery{display:grid;gap:18px}.image-card{border:1px solid #e4e7dc;border-radius:10px;overflow:hidden}.image-card img{display:block;width:100%;height:180px;object-fit:contain;background:#f4f5ef}.image-card a{display:block;font-size:12px;padding:13px;overflow-wrap:anywhere}.image-card a:hover{background:#edf1e8}[hidden]{display:none!important}:focus-visible{outline:2px solid #668150;outline-offset:4px}@media(min-width:1500px){main{gap:100px}}@media(max-width:900px){main{grid-template-columns:360px 1fr;gap:5%;padding:0 4%}.transfer-card{padding:24px}h2{font-size:59px}.hero-arrow{display:none}.header-note{display:none}.art{height:230px}.hero-bottom{line-height:1.8;gap:16px}}@media(max-width:680px){header{height:80px}.brand{font-size:26px}.nav-link{padding:10px 13px}main{display:flex;flex-direction:column;margin-top:25px;padding:0 5%;gap:35px}.transfer-card{width:100%;max-width:440px;margin:auto}.hero{padding:0 8px}.editorial h2{font-size:64px}.art{height:200px}.hero-bottom{margin-bottom:5px}footer{gap:30px;font-size:9px}}
/* Shared collections */
.shared-page .hero{display:none}.shared-page main{grid-template-columns:300px minmax(0,1fr);gap:36px}.shared-page .transfer-card{position:sticky;top:25px}.shared-page #download-meta{text-align:left}.gallery-help{font-size:12px;line-height:1.7;color:#778075;margin-top:25px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin:5px 0 24px;gap:16px}.gallery-heading h2{font-size:24px;letter-spacing:-.7px;margin:0}.gallery-heading span{font-size:12px;color:#778075}.shared-page #gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.image-open{display:block;width:100%;padding:0;border:0;background:#ecefe6}.image-open:hover img{opacity:.85}.shared-page .image-card{background:white}.shared-page .image-card img{height:220px}.image-details{padding:16px}.image-details h3{font-size:13px;margin:0;overflow-wrap:anywhere}.image-details p{font-size:11px;color:#778075;margin:8px 0 15px}.image-actions{display:flex;flex-wrap:wrap;gap:7px}.image-actions button,.shared-page .image-actions a{font-size:10px;padding:8px 9px;border:1px solid #dfe3da;background:#f8f9f4;border-radius:5px;color:#35503e}.image-actions button:hover{background:#e5eddd}dialog{border:0;border-radius:15px}dialog::backdrop{background:#14241ce8;backdrop-filter:blur(5px)}#image-viewer{width:94vw;max-width:1400px;height:92dvh;max-height:100dvh;background:#18261e;color:#f5f3ec;padding:20px;overflow:hidden}body:has(dialog[open]){overflow:hidden}.viewer-toolbar,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.viewer-toolbar p{margin:0}.viewer-toolbar button,.viewer-stage button{border:1px solid #657064;background:#2c3a30;color:white;border-radius:8px;padding:12px}.viewer-stage{height:calc(100% - 130px);display:grid;grid-template-columns:45px minmax(0,1fr) 45px;gap:16px;align-items:center;margin:15px 0}.viewer-stage img{width:100%;height:100%;min-height:0;object-fit:contain;touch-action:pan-y pinch-zoom}.viewer-stage button:disabled{opacity:.25;cursor:default}.viewer-bottom p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.viewer-bottom a{white-space:nowrap;color:#d8eabc}.viewer-hint{font-size:10px;text-align:center;color:#a1af9d}.viewer-bottom{min-height:20px}#viewer-error{font-size:12px;color:#f0bc9c;text-align:center;margin:4px}#viewer-error:empty{display:none}#copy-dialog{width:min(500px,90vw);padding:25px;color:#233c32}#copy-dialog h2{font-size:24px;letter-spacing:-1px;margin:0 0 20px}#copy-dialog p{font-size:12px}#copy-value{border:1px solid #c9d3c1;padding:12px}@media(max-width:1000px){.shared-page main{grid-template-columns:250px minmax(0,1fr);gap:24px}.shared-page #gallery{grid-template-columns:1fr}.shared-page .image-card{display:grid;grid-template-columns:40% 1fr}.shared-page .image-card img{height:100%;min-height:170px}}@media(max-width:680px){.shared-page main{display:flex}.shared-page .transfer-card{position:static;max-width:none}.shared-page #gallery-panel{width:100%}.shared-page .image-card{grid-template-columns:1fr}.shared-page .image-card img{height:240px}.viewer-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.viewer-stage button{padding:10px 5px}#image-viewer{padding:12px;width:98vw}.viewer-bottom{font-size:11px}.viewer-hint{font-size:9px}}
/* Four equally sized, continuous rows behind the upload experience. */
#image-wall{position:fixed;inset:0;z-index:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;overflow:hidden;background:#233b32;pointer-events:none}#image-wall:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11221970,#12281b25 45%,#0c201b85)}.wall-row{overflow:hidden;min-height:0}.wall-track{display:flex;width:max-content;height:100%;animation:wall-drift 180s linear infinite;will-change:transform}.wall-row:nth-child(2) .wall-track{animation-duration:210s}.wall-row:nth-child(3) .wall-track{animation-duration:195s}.wall-row:nth-child(4) .wall-track{animation-duration:225s}.wall-group{display:flex;height:100%;gap:10px;padding-right:10px}.wall-tile{width:clamp(180px,23vw,360px);height:100%;background:linear-gradient(145deg,#597761,#afad80);overflow:hidden}.wall-tile:nth-child(3n+2){width:clamp(160px,18vw,280px);background:linear-gradient(25deg,#bf916d,#4e7368)}.wall-tile:nth-child(3n){background:linear-gradient(135deg,#687e7d,#d5c5a2)}.wall-tile img{width:100%;height:100%;object-fit:cover}.paused .wall-track{animation-play-state:paused}@keyframes wall-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}.wall-page header,.wall-page main,.wall-page footer{position:relative;z-index:1}.wall-page header{color:#fff;border-color:#ffffff35}.wall-page .header-note,.wall-page footer{color:#f1f3e9}.wall-page .nav-link{border-color:#ffffff70;background:#18352950}.wall-page .transfer-card{box-shadow:0 18px 60px #09271b40}.wall-page .wall-intro{color:white;align-self:center;padding:35px 0}.wall-intro h2{font-size:clamp(60px,7vw,100px);text-shadow:0 2px 30px #132a1b50}.wall-intro h2 em{color:#f3c9a3}.wall-intro .small-caps{color:#e2ead9}.wall-intro p{font-size:14px;line-height:1.8;text-shadow:0 1px 8px #14251a}.wall-intro #wall-status{font-size:11px;max-width:330px;color:#e0e8d9}.wall-intro button{background:#203d30b0;border:1px solid #ffffff65;border-radius:25px;padding:11px 18px;color:white;font-size:12px;margin-top:12px}.visibility-options{border:1px solid #dfe3da;border-radius:9px;margin:18px 0 0;padding:12px}.visibility-options legend{font-size:12px;font-weight:600;padding:0 5px}.visibility-options label{display:flex;align-items:center;gap:8px;font-size:11px;margin:7px 0;font-weight:400;cursor:pointer}.visibility-options input{width:15px;height:15px;margin:0;accent-color:#35503e}.visibility-options p{font-size:10px;line-height:1.6;color:#778075;margin:12px 0 0}.shared-page #image-wall{display:none}.wall-page footer{border-color:#ffffff35}@media(prefers-reduced-motion:reduce){.wall-track{animation:none!important}.wall-intro #wall-pause{display:none}}@media(max-width:680px){.wall-page main{gap:15px}.wall-page .wall-intro{padding:20px 5px}.wall-intro h2{font-size:55px}.wall-page .header-note{display:none}.wall-page .transfer-card{background:#fffffff5}.wall-tile{width:220px}.wall-tile:nth-child(3n+2){width:170px}}

/* Keep the homepage inside the viewport; long forms scroll within the card. */
body.wall-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.wall-page header{height:auto;min-height:0;flex:0 0 auto;padding:clamp(10px,2.5vh,24px) 0;gap:12px}
.wall-page main{flex:1 1 0;min-height:0;width:100%;margin:clamp(8px,2vh,24px) auto;grid-template-columns:minmax(0,400px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 66px;align-items:center;gap:5%}
.wall-page .transfer-card{min-width:0;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;align-self:center;padding:clamp(16px,2.5vh,26px)}
.wall-page .transfer-card::-webkit-scrollbar,.wall-page .wall-intro::-webkit-scrollbar{display:none}
.wall-page h1{font-size:clamp(25px,4vh,32px);margin:16px 0 8px}
.wall-page .muted{margin:0 0 12px}
.wall-page .drop-zone{margin:12px 0;padding:12px 8px}
.wall-page .drop-zone .add-icon{width:34px;height:34px;font-size:25px;margin-bottom:0}
.wall-page .drop-zone small{margin-top:2px;text-align:center}
.transfer-options{margin-top:12px;border-top:1px solid #dfe3da;padding-top:12px}
.transfer-options summary{cursor:pointer;font-size:12px;font-weight:600;line-height:1.6}
.transfer-options summary span{display:block;font-size:10px;font-weight:400;color:#778075;margin-left:15px}
.wall-page #selection{max-height:min(150px,20dvh)}
.wall-page .primary{margin-top:12px;padding:14px}
.wall-page .fine{margin-top:10px}
.wall-page .wall-intro{min-height:0;max-height:100%;overflow:auto;scrollbar-width:none;padding:12px 0}
.wall-page .wall-intro h2{font-size:clamp(38px,min(7vw,12vh),100px);margin:16px 0}
.wall-page footer{flex:0 0 auto;padding:10px 0;gap:12px}
@media(max-width:680px){
 .wall-page main{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 4%;margin:8px auto}
 .wall-page .transfer-card{flex:0 1 auto;width:100%;margin:0 auto}
 .wall-page .wall-intro{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible}
 .wall-page .wall-intro>:not(.small-caps):not(h2):not(.security-guide):not(#wall-pause){display:none}
 .wall-page .wall-intro{flex-direction:column;align-items:stretch;justify-content:center}
 .wall-page .wall-intro #wall-pause{margin:8px 0 0;padding:7px 14px}
 .wall-page footer{font-size:9px;padding:8px 0}
 .wall-page .brand{font-size:24px}
 .wall-page .nav-link{font-size:11px;padding:8px 10px;white-space:nowrap}
 .wall-page input:not([type=checkbox]),.wall-page textarea,.wall-page select{font-size:16px}
}
@media(max-height:540px){
 .wall-page header{padding:7px 0}
 .wall-page footer{display:none}
 .wall-page .wall-intro>p,.wall-page .wall-intro>.small-caps{display:none}
 .wall-page .wall-intro h2{margin:0;font-size:clamp(32px,10vh,64px)}
 .wall-page .transfer-card{padding:14px}
}
html:has(body.wall-page){height:100%;overflow:hidden}
.wall-page main{overflow:hidden}

/* Reserved AdSense placements. No ad requests are made until configured. */
.ad-space{display:none;background:#f5f3ecf5;color:#647168;border:1px solid #d9ded6;border-radius:8px;text-align:center;isolation:isolate}
.ad-space>span{display:block;font-size:9px;line-height:16px;letter-spacing:.7px}
.wall-page .ad-banner{display:block;position:relative;z-index:1;flex:0 0 66px;width:min(728px,90%);margin:12px auto 0}
.ad-banner .ad-placement{height:50px}
.wall-page .ad-sidebar{display:block;grid-column:1/-1;justify-self:center;width:min(728px,90vw);height:66px;margin:0}
.ad-sidebar .ad-placement{width:100%;height:50px}
.shared-page .ad-space{display:none}
.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0 0 14px}.mode-options legend{grid-column:1/-1;font-size:11px;color:#778075;margin-bottom:2px}.mode-options label{display:flex;align-items:center;gap:7px;margin:0;padding:9px 14px;border:1px solid #dfe3da;border-radius:7px;font-size:12px;cursor:pointer}.mode-options input{width:16px;height:16px;margin:0;padding:0;border:0;accent-color:#35503e}
.file-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:8px;background:#e9efe5;color:#35503e;font-size:23px}
.security-link{display:inline-block;margin-top:12px;color:#245541;font-size:11px;text-decoration:underline}
.file-download-list{display:grid;gap:10px;margin-top:22px}.file-download-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border:1px solid #dfe3da;border-radius:8px;background:#fff}.file-download-item strong{overflow-wrap:anywhere}.file-download-item small{display:block;color:#778075;margin-top:4px}.file-download-item a{flex:none;color:#245541}
.security-page{display:block;max-width:820px;margin:50px auto;padding:32px;background:#fff;border:1px solid #e2e6de;border-radius:14px}.security-page h1{font-size:clamp(32px,6vw,56px);line-height:1.05;letter-spacing:-2px}.security-page h2{margin:32px 0 8px;font-size:20px;line-height:1.3;letter-spacing:normal;font-weight:700}.security-page p,.security-page li{font-size:15px;line-height:1.8;color:#46554b}.security-page .security-callout{padding:18px;border-left:4px solid #35503e;background:#f3f6ef}.security-page a{color:#245541}.security-page .secondary{display:inline-block;margin-top:20px}
.password-options{border:1px solid #dfe3da;border-radius:9px;margin:18px 0 0;padding:12px}.password-options legend{font-size:12px;font-weight:600;padding:0 5px}.password-options>label{display:flex;align-items:center;gap:8px;font-size:11px;margin:7px 0;font-weight:400;cursor:pointer}.password-options input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:#35503e}.password-options #password-fields{margin-top:14px}.password-options #password-fields>label{display:block;font-size:11px;margin:11px 0 5px}.password-options #password-fields>input{width:100%;box-sizing:border-box;padding:11px;border:1px solid #dfe3da;border-radius:6px;background:#fff;color:#26382f;font:inherit;font-size:12px}.password-options .fine{margin:12px 0 0}.shared-page #protected-download{margin-top:28px;padding:22px;border:1px solid #dfe3da;border-radius:10px;background:#fff}.shared-page #decrypt-form>label{display:block;font-size:13px;margin-bottom:8px}.shared-page #decrypt-password{width:100%;box-sizing:border-box;padding:13px;border:1px solid #c9d3c1;border-radius:7px;font:inherit}.shared-page #decrypt-form .primary{margin-top:12px}.decrypted-download{display:block;padding:12px 0;color:#245541;text-decoration:underline;overflow-wrap:anywhere}.shared-page #decrypt-status{font-size:12px;color:#35503e}
@media(max-height:950px),(max-width:1000px){.wall-page .ad-sidebar{display:none}.wall-page main{grid-template-rows:minmax(0,1fr)}}
@media(max-width:680px){
 .wall-page .brand{font-size:22px;letter-spacing:-1px}
 .wall-page .ad-banner{width:min(320px,94%);margin-top:8px}
}
@media(max-height:500px),(max-width:340px){.wall-page .ad-banner{display:none}}
.wall-page .wall-intro{padding:clamp(24px,4vw,52px);border:1px solid #ffffff30;border-radius:22px;background:#f4f3eaf2;color:#233c32;box-shadow:0 24px 70px #12251c50;backdrop-filter:blur(12px)}.wall-page .wall-intro .small-caps{color:#56745e}.wall-page .wall-intro h2{font-size:clamp(42px,5.8vw,82px);line-height:.98;letter-spacing:-3.5px;text-shadow:none;margin:22px 0}.wall-page .wall-intro h2 em{color:#4a6b4d}.wall-page .wall-intro>p{max-width:570px;color:#657268;text-shadow:none;font-size:15px;line-height:1.75}.security-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.security-steps div{display:flex;flex-direction:column;gap:10px;min-height:94px;padding:14px;border:1px solid #dce3d8;border-radius:10px;background:#ffffffa8}.security-steps b{font-size:10px;letter-spacing:1px;color:#668069}.security-steps span{font-size:12px;line-height:1.5;font-weight:600}.wall-page .wall-intro .security-guide{display:inline-block;color:#2e5939;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin:4px 0 14px}.wall-page .wall-intro #wall-status{font-size:11px;color:#7c867b;margin:8px 0;max-width:570px}.wall-page .wall-intro #wall-pause{align-self:flex-start;background:#fff;border:1px solid #d7dfd2;border-radius:20px;color:#43594a;font-size:10px;padding:8px 13px;margin-top:8px}.security-choice{border:1px solid #cfdcca!important;border-radius:12px;background:#f3f7ef;margin:16px 0;padding:15px 16px!important}.security-choice legend{font-size:12px;font-weight:700;color:#38553f;padding:0 6px}.security-choice>label{font-size:12px;font-weight:700;margin:6px 0;cursor:pointer}.security-choice>label input{accent-color:#35503e}.security-choice .security-copy{font-size:11px;line-height:1.6;color:#68776a;margin:9px 0 0 23px;max-width:420px}.security-choice .security-link{margin-left:23px;font-weight:600}.wall-page .transfer-options{margin-top:4px}
@media(max-width:680px){.wall-page .wall-intro{padding:16px 18px;border-radius:16px}.wall-page .wall-intro .small-caps{font-size:8px}.wall-page .wall-intro h2{font-size:clamp(30px,9vw,42px);letter-spacing:-1.5px;margin:8px 0}.wall-page .wall-intro .security-guide{font-size:11px;margin:0}.security-steps{display:none}.wall-page .wall-intro #wall-status,.wall-page .wall-intro #wall-pause{display:none}}
.wall-page #image-wall:after{background:linear-gradient(120deg,#14271fe8,#1c3329df)}

/* Brand refresh: static photo background and approved SendOnOver mark. */
.brand{display:block;width:210px;height:54px;font-size:0;letter-spacing:0;background-image:url('/public/brand/sendonover-logo.png');background-position:center;background-repeat:no-repeat;background-size:contain}
.brand span{display:none}
.wall-page .brand{width:230px;height:62px;padding:0;border-radius:0;background-color:transparent}
.wall-page header{color:#233c32;border-color:#dcded3}
.wall-page .header-note,.wall-page footer{color:#66736a}
.wall-page .nav-link{border-color:#bcc4b9;background:#f5f3ecb8;color:#233c32}
.wall-page #image-wall{display:block;background:#f5f3ec url('/public/wall/sendonover-transfer-background.svg') center/cover no-repeat}
.wall-page{color:#4d342f}.wall-page header{border-color:#d9b5a8;color:#70483f}.wall-page .header-note,.wall-page footer{color:#8a6258}.wall-page .nav-link{border-color:#c99483;background:#f8e9e2;color:#743f35}.wall-page .transfer-card{border-color:#e4c2b7}.wall-page h1,.wall-page h2{color:#4d342f}.wall-page h2 em{color:#a94f3d}.wall-page .muted,.wall-page .fine{color:#80645d}.wall-page .primary{background:#7d3d32}.wall-page .primary:hover{background:#984e3e}.wall-page .drop-zone{border-color:#d6a193;background:#fbf0eb}.wall-page .drop-zone.dragging,.wall-page .drop-zone:focus-within{background:#f4ddd5;border-color:#984e3e}.wall-page .drop-zone .add-icon{background:#f1d0c5;color:#7d3d32}.wall-page .transfer-options{border-color:#e1c3b8}.wall-page .security-choice{border-color:#ddb1a4!important;background:#fbefea}.wall-page .security-choice legend,.wall-page .security-choice .security-link{color:#8b4337}.wall-page .security-steps div{border-color:#e2c0b5;background:#fffaf7}.wall-page .security-steps b{color:#a25543}.wall-page .wall-intro{border-color:#e3b9ad;background:#fbf4eee8}.wall-page .wall-intro .small-caps{color:#9d4d3e}.wall-page .wall-intro .security-guide{color:#873f34}.wall-page .wall-intro #wall-status{color:#946b61}.send-receive-animation{border-color:#ddb1a4;background:linear-gradient(135deg,#fff6f1,#f6e9e1);box-shadow:0 12px 30px #7d3d321c}.send-receive-animation:before{border-color:#c88775}.sr-node{border-color:#d5a79a;background:#fffaf7;color:#704036}.sr-cloud{border-color:#a85643;background:#7d3d32;color:#fff}.sr-sender:before,.sr-receiver:before{color:#b65a45}.sr-packet{border-color:#d6a18f;background:#fff5f0;color:#873f32}.sr-data{border-color:#c99ba0;background:#fff4f5;color:#87434b}.sr-receipt{border-color:#d1a194;background:#fff6f2;color:#874337}.sr-status{color:#946b61}.sr-status:before{background:#b65a45;box-shadow:0 0 0 4px #f1d6ce}
.wall-page #image-wall:after{background:linear-gradient(115deg,#f5f3ec18,#f5f3ec08 52%,#f5f3ec28)}
.wall-page .wall-row{display:none}
.wall-page #wall-pause{display:none}
@media(max-width:680px){.brand{width:165px;height:43px}.wall-page .brand{width:178px;height:47px;padding:0}}
.send-receive-animation{position:relative;height:148px;max-width:620px;margin:8px 0 22px;overflow:hidden;border:1px solid #dce5d9;border-radius:16px;background:linear-gradient(135deg,#f8fbf5,#edf4ea);box-shadow:0 12px 30px #24422b12}.send-receive-animation:before{content:'';position:absolute;left:16%;right:16%;top:68px;border-top:1px dashed #b4c9b0}.sr-label{position:absolute;top:14px;left:18px;font-size:9px;letter-spacing:1.4px;font-weight:700;color:#68816b}.sr-node{position:absolute;top:48px;z-index:2;display:grid;place-items:center;width:78px;height:50px;border:1px solid #cbdac7;border-radius:11px;background:#fff;color:#35563e;font-size:10px;font-weight:700;box-shadow:0 6px 15px #254c2d12}.sr-node:before{display:block;font-size:18px;line-height:18px;margin-bottom:3px}.sr-sender{left:7%}.sr-sender:before{content:'↑';color:#e07e52}.sr-cloud{left:calc(50% - 39px);border-color:#9ebc9b;background:#355b43;color:#fff}.sr-cloud:before{content:'↗';color:#dff0cf}.sr-receiver{right:7%}.sr-receiver:before{content:'↓';color:#5c8a64}.sr-packet,.sr-receipt{position:absolute;z-index:3;top:59px;left:calc(7% + 58px);display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #d6a889;border-radius:7px;background:#fff9f3;color:#87533d;font-size:9px;font-weight:700;box-shadow:0 5px 12px #7b4f321c;animation:sr-send 5.5s cubic-bezier(.4,0,.2,1) infinite}.sr-packet:before{content:'▣';font-size:12px}.sr-receipt{top:80px;left:auto;right:calc(7% + 58px);border-color:#b2cfb0;background:#f5fbf2;color:#42694a;animation:sr-receive 5.5s cubic-bezier(.4,0,.2,1) 2.7s infinite}.sr-receipt:before{content:'✓';font-size:12px}.sr-status{position:absolute;right:18px;top:14px;color:#7a8c7c;font-size:9px}.sr-status:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#76a878;box-shadow:0 0 0 4px #dcebd9;animation:sr-pulse 1.8s ease-in-out infinite}@keyframes sr-send{0%,8%{transform:translateX(0);opacity:0}15%{opacity:1}45%,55%{transform:translateX(320%);opacity:1}88%{transform:translateX(650%);opacity:1}96%,100%{transform:translateX(650%);opacity:0}}@keyframes sr-receive{0%,8%{transform:translateX(0);opacity:0}15%{opacity:1}45%,55%{transform:translateX(-320%);opacity:1}88%{transform:translateX(-650%);opacity:1}96%,100%{transform:translateX(-650%);opacity:0}}@keyframes sr-pulse{50%{transform:scale(1.35);opacity:.55}}@media(max-width:680px){.send-receive-animation{display:none}}@media(prefers-reduced-motion:reduce){.sr-packet,.sr-receipt,.sr-status:before{animation:none!important}.send-receive-animation{display:none}}
.sr-packet{animation:sr-human-send 5.5s cubic-bezier(.4,0,.2,1) infinite}.sr-data{position:absolute;z-index:3;top:59px;left:calc(50% - 55px);display:flex;align-items:center;padding:6px 8px;border:1px solid #aeb8d5;border-radius:7px;background:#f4f6ff;color:#53628e;font:700 9px/1 monospace;letter-spacing:.4px;opacity:0;box-shadow:0 5px 12px #3d4d8c1c;animation:sr-data-transfer 5.5s cubic-bezier(.4,0,.2,1) infinite}.sr-data:before{content:'⌁';margin-right:5px;color:#7887ba;font-size:12px}.sr-receipt{animation:sr-received 5.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes sr-human-send{0%,8%{transform:translateX(0);opacity:0}15%{opacity:1}35%,43%{transform:translateX(320%);opacity:1}48%,100%{transform:translateX(320%);opacity:0}}@keyframes sr-data-transfer{0%,35%{transform:translateX(0);opacity:0}43%{transform:translateX(0);opacity:1}57%,63%{transform:translateX(0);opacity:1}88%{transform:translateX(520%);opacity:1}96%,100%{transform:translateX(520%);opacity:0}}@keyframes sr-received{0%,70%{transform:translateX(0);opacity:0}78%,94%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}@media(prefers-reduced-motion:reduce){.sr-data{animation:none!important}}
.wall-page .ad-banner,.wall-page .ad-sidebar{display:none!important}.wall-page main{grid-template-rows:minmax(0,1fr);margin-top:12px}.wall-page .wall-intro{max-height:none;overflow:visible;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.wall-page .wall-intro .send-receive-animation{flex:0 0 auto}.wall-page .wall-intro .security-steps{flex:0 0 auto}
.shared-page .ad-banner,.shared-page .ad-sidebar{display:none}.shared-page #gallery-panel{grid-column:2;grid-row:1}.shared-page main{grid-template-rows:none}
.ad-space{display:none!important}
.account-page{min-height:100vh}.account-shell{width:min(920px,calc(100% - 40px));margin:70px auto}.account-card{background:#fff;border:1px solid #dfe3da;border-radius:14px;padding:30px;box-shadow:0 14px 35px #233c3210}.account-card h1{margin:8px 0 10px;font-size:38px;letter-spacing:-1.5px}.account-card h2{font-size:18px;margin:0 0 16px}.account-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.account-panels form{border:1px solid #e0e5dc;border-radius:10px;padding:20px}.account-card label{display:grid;gap:7px;margin:14px 0;font-size:12px;color:#526158}.account-card input{width:100%;border:1px solid #cbd5c8;border-radius:7px;padding:11px;background:#fff}.account-card small{color:#778075}.account-heading,.api-setting{display:flex;justify-content:space-between;align-items:center;gap:20px}.api-setting{margin:26px 0;padding:20px;border:1px solid #dfe3da;border-radius:10px}.api-setting p{margin:0;color:#778075;font-size:13px}.switch{display:flex!important;align-items:center;gap:10px;white-space:nowrap}.switch input{width:auto}.key-result{margin:20px 0;padding:18px;border-radius:10px;background:#eef5e8;border:1px solid #c9dabc}.key-result code{display:block;margin:12px 0;padding:12px;overflow:auto;background:#fff;border-radius:6px;color:#233c32}.key-result p,.api-docs p{font-size:12px;color:#647168}.api-docs{margin-top:32px;padding-top:22px;border-top:1px solid #e0e5dc}.api-docs pre{padding:16px;overflow:auto;border-radius:8px;background:#18261e;color:#e9f1df;font-size:12px}.error{min-height:18px}@media(max-width:680px){.account-shell{width:min(100% - 24px,920px);margin:30px auto}.account-card{padding:20px}.account-card h1{font-size:30px}.account-panels{grid-template-columns:1fr}.account-heading,.api-setting{align-items:flex-start;flex-direction:column}}
.twofa-panel{margin-top:30px;padding-top:24px;border-top:1px solid #e0e5dc}.twofa-panel>p{font-size:13px;color:#647168}.twofa-panel code{display:block;margin:10px 0;padding:12px;overflow:auto;background:#f3f6ef;border:1px solid #d7e0d0;border-radius:6px;word-break:break-all}.twofa-panel label{max-width:360px}
.account-card h2{line-height:1.3;letter-spacing:-.3px}.account-panels form h2{font-size:16px;white-space:nowrap}
:root{color-scheme:dark;--bg:#0b1220;--surface:#121d31;--surface-2:#182740;--surface-3:#203453;--text:#eef4ff;--muted:#a9b7cf;--line:#2d4262;--accent:#7667ff;--accent-2:#38d5dd;--warm:#ff8a65;--success:#79dfad}
body{background:var(--bg);color:var(--text)}header{border-color:var(--line)}.header-note,.muted,.fine,.hero-bottom,footer{color:var(--muted)}.nav-link{border-color:var(--line);background:var(--surface);color:var(--text)}.nav-link:hover{border-color:var(--accent-2);background:var(--surface-2)}h1,h2{color:var(--text)}h2 em{color:var(--accent-2)}.transfer-card,.account-card,.security-page{background:var(--surface);border-color:var(--line);box-shadow:0 18px 50px #0008}.pill,.small-caps{color:var(--accent-2)}label{color:var(--muted)}input,textarea{color:var(--text);border-color:var(--line)}input::placeholder,textarea::placeholder{color:#7183a0}.primary{background:var(--accent);color:#fff}.primary:hover{background:#8b7fff}.secondary{border-color:var(--line);background:var(--surface-2);color:var(--text)}.secondary:hover{border-color:var(--accent-2);background:var(--surface-3)}.drop-zone{border-color:#42607f;background:var(--surface-2)}.drop-zone.dragging,.drop-zone:focus-within{background:#203b58;border-color:var(--accent-2)}.drop-zone .add-icon{background:#293e68;color:#a9a0ff}.transfer-options,.api-docs,.twofa-panel{border-color:var(--line)}select{border-color:var(--line);background:var(--surface-2);color:var(--text)}.mode-options label,.visibility-options,.password-options{border-color:var(--line);background:var(--surface-2)}.file-row,.image-card{border-color:var(--line)}.image-card,.file-download-item{background:var(--surface-2)}.image-card img{background:#0f1929}.security-page p,.security-page li,.security-page a{color:var(--muted)}.security-page .security-callout{background:var(--surface-2);border-color:var(--accent-2)}.key-result{background:#123b3c;border-color:#286b72}.key-result code,.twofa-panel code{background:#0d1728;border-color:var(--line);color:var(--text)}.api-docs pre{background:#08101d;color:#dce8ff}.account-card input{background:var(--surface-2);border-color:var(--line)}.error{color:#ff9a83}
.wall-page #image-wall:after{background:linear-gradient(115deg,#081225e8,#111d35d9 52%,#201643e8)}.wall-page header{color:var(--text);border-color:var(--line)}.wall-page .header-note,.wall-page footer{color:var(--muted)}.wall-page .nav-link{border-color:var(--line);background:var(--surface);color:var(--text)}.wall-page .transfer-card{background:#121d31f2;border-color:var(--line)}.wall-page h1,.wall-page h2{color:var(--text)}.wall-page h2 em{color:var(--accent-2)}.wall-page .muted,.wall-page .fine{color:var(--muted)}.wall-page .primary{background:var(--accent)}.wall-page .drop-zone{border-color:#42607f;background:var(--surface-2)}.wall-page .drop-zone .add-icon{background:#293e68;color:#a9a0ff}.wall-page .wall-intro{border-color:var(--line);background:#121d31e8;color:var(--text);box-shadow:0 24px 70px #0009}.wall-page .wall-intro .small-caps{color:var(--accent-2)}.wall-page .wall-intro>p{color:var(--muted)}.wall-page .wall-intro .security-guide{color:#8fe9ec}.wall-page .wall-intro #wall-status{color:var(--muted)}.security-steps div{border-color:var(--line);background:#182740b8}.security-steps b{color:var(--accent-2)}.security-steps span{color:var(--text)}.wall-page .wall-intro #wall-pause{background:var(--surface-2);border-color:var(--line);color:var(--text)}.send-receive-animation{border-color:var(--line);background:linear-gradient(135deg,#182740,#122139);box-shadow:0 12px 30px #0006}.sr-node{border-color:#42607f;background:var(--surface-2);color:var(--text)}.sr-cloud{border-color:var(--accent);background:#5147c7;color:#fff}.sr-packet,.sr-receipt{border-color:#42607f;background:var(--surface-2);color:#dbe7ff}
@media(max-width:680px){.wall-page .wall-intro{background:#121d31f5}.wall-page .nav-link{background:var(--surface)}}

/* Keep the animated file and receipt inside the clipped animation card. */
.wall-page .wall-intro .send-receive-animation{width:min(100%,620px);max-width:100%}
@media (min-width:681px) and (max-height:900px){.wall-page .wall-intro .send-receive-animation{height:clamp(112px,15vh,120px);min-height:112px}}
.wall-page .sr-packet{left:calc(7% + 78px);animation-name:sr-contained-send}
.wall-page .sr-data{left:calc(50% - 90px);max-width:calc(100% - 16px);white-space:nowrap;animation-name:sr-contained-data}
.wall-page .sr-receipt{left:calc(93% - 78px);right:auto;animation-name:sr-contained-receipt}
@keyframes sr-contained-send{0%,8%{left:calc(7% + 78px);opacity:0;transform:none}15%{opacity:1}35%,43%{left:calc(50% - 45px);opacity:1;transform:none}48%,100%{left:calc(50% - 45px);opacity:0;transform:none}}
@keyframes sr-contained-data{0%,35%{left:calc(50% - 90px);opacity:0;transform:none}43%,57%{left:calc(50% - 90px);opacity:1;transform:none}88%{left:min(calc(93% - 145px),calc(100% - 184px));opacity:1;transform:none}96%,100%{left:min(calc(93% - 145px),calc(100% - 184px));opacity:0;transform:none}}
@keyframes sr-contained-receipt{0%,70%{left:calc(93% - 78px);opacity:0;transform:none}78%,94%{left:calc(93% - 78px);opacity:1;transform:none}100%{left:calc(7% + 78px);opacity:0;transform:none}}
.wall-page .brand{filter:brightness(0) invert(1) drop-shadow(0 2px 8px #0008)}.wall-page .security-steps span{color:#dbe7ff}
.wall-page .security-choice{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)}.wall-page .security-choice .security-copy{color:var(--muted)}.wall-page .security-choice .security-link{color:var(--accent-2)}.wall-page .security-choice legend{color:var(--accent-2)}
.wall-page .security-steps div{background:var(--surface-2)!important;border-color:var(--line)!important}.wall-page .security-steps span{color:#dbe7ff!important}.wall-page .security-steps b{color:var(--accent-2)!important}

/* Keep the upload form and security panel balanced on compact laptop screens. */
@media (min-width:681px) and (max-width:1000px){
  .wall-page main{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(14px,3vw,30px)}
  .wall-page .transfer-card{min-width:0;padding:clamp(16px,2.4vw,24px)}
  .wall-page .wall-intro{min-width:0;padding:clamp(12px,1.8vw,20px)}
  .wall-page .wall-intro h2{max-width:100%;font-size:clamp(32px,5vw,50px);line-height:1;letter-spacing:clamp(-2px,-.28vw,-1.5px);margin:clamp(8px,1.5vw,16px) 0}
  .wall-page .wall-intro>p{font-size:clamp(12px,1.4vw,14px);line-height:1.6}
  .wall-page .wall-intro .security-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,1vw,10px);margin:clamp(10px,1.6vw,18px) 0}
  .wall-page .security-steps div{min-width:0;min-height:0;padding:clamp(7px,1.2vw,12px)}
  .wall-page .security-steps span{font-size:clamp(10px,1.15vw,12px);overflow-wrap:anywhere}
}

/* Prevent the right panel from being clipped on short laptop viewports. */
@media (min-width:681px) and (max-height:900px){
  .wall-page .wall-intro{min-width:0;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;align-self:center;justify-content:flex-start;padding-block:clamp(8px,1.6vh,16px)}
  .wall-page .wall-intro h2{max-width:100%;font-size:clamp(30px,min(5.5vw,8vh),64px);line-height:1;letter-spacing:clamp(-3px,-.25vw,-1px);margin:clamp(4px,1vh,10px) 0;overflow-wrap:anywhere}
  .wall-page .wall-intro .send-receive-animation{height:clamp(88px,15vh,120px);margin:clamp(4px,1vh,8px) 0 clamp(8px,1.6vh,14px)}
  .wall-page .wall-intro>p{font-size:clamp(12px,1.4vw,14px);line-height:1.5}
  .wall-page .wall-intro .security-steps{gap:clamp(5px,.8vw,9px);margin:clamp(8px,1.4vh,13px) 0}
  .wall-page .security-steps div{min-height:0;gap:clamp(5px,.8vh,8px);padding:clamp(7px,1vw,12px)}
  .wall-page .security-steps span{font-size:clamp(10px,.95vw,12px);line-height:1.35;overflow-wrap:anywhere}
  .wall-page .wall-intro .security-guide{margin:2px 0 8px}
  .wall-page .wall-intro #wall-status{margin:4px 0}
  .wall-page .wall-intro #wall-pause{margin-top:4px}
}

/* Keep shared image details and link actions on the dark gallery surfaces. */
.shared-page .image-open{background:var(--surface-2)}
.shared-page .image-card{background:var(--surface)}
.shared-page .image-card img{background:var(--surface-2)}
.shared-page .image-details{background:var(--surface);color:var(--text)}
.shared-page .image-details p{color:var(--muted)}
.shared-page .image-actions button,.shared-page .image-actions a{border-color:var(--line);background:var(--surface-2);color:var(--text)}
.shared-page .image-actions button:hover,.shared-page .image-actions a:hover{border-color:var(--accent-2);background:var(--surface-3)}

/* Account screens use a centered single-column page, independent of the upload layout. */
.account-shell{display:block;width:min(920px,calc(100% - 40px));max-width:920px;margin:56px auto 72px;padding:0}
.account-card{width:100%;padding:clamp(24px,4vw,44px);border-radius:18px}
.account-card h1{font-size:clamp(34px,4vw,46px);line-height:1.08;letter-spacing:-1.8px}
.account-card>.muted{max-width:560px}
.account-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.account-panels form{min-width:0;padding:24px;background:var(--surface-2);border-color:var(--line);border-radius:13px}
.account-panels form h2{font-size:18px;white-space:normal;margin-bottom:20px}
.account-card label{display:grid;gap:8px;margin:16px 0;color:var(--muted);font-size:12px;font-weight:600}
.account-card input{min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#0d1728;color:var(--text);font-size:14px}
.account-card input:focus{border-color:var(--accent-2);outline-color:var(--accent-2)}
.account-card small{color:var(--muted);font-size:11px;line-height:1.45}
.account-panels .primary,.account-panels .secondary{width:100%;min-height:46px;justify-content:center;margin-top:22px;padding:13px}
.account-card .error{margin-top:12px}
.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.admin-stats article,.admin-user{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.admin-stats small,.admin-user small{display:block;color:var(--muted);font-size:12px}.admin-stats strong{display:block;margin-top:8px;font-size:24px}.admin-panel h3{margin:26px 0 12px}.admin-users{display:grid;gap:9px}.admin-user{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-user strong{display:block;margin-bottom:5px}.admin-badge{padding:6px 10px;border-radius:99px;background:#173b39;color:#a9e5cf!important}.admin-panel[hidden]{display:none}
@media(max-width:680px){.account-shell{width:min(100% - 24px,540px);margin:28px auto 48px}.account-card{padding:22px}.account-panels{grid-template-columns:1fr;gap:14px;margin-top:24px}.account-panels form{padding:20px}.account-card h1{font-size:32px}.admin-stats{grid-template-columns:1fr}.admin-user{align-items:flex-start;flex-direction:column}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.account-storage{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.storage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.storage-heading h2{margin:9px 0 6px;font-size:25px;letter-spacing:-.7px}
.storage-heading .muted{margin:0;max-width:520px}
#storage-usage{padding-top:5px;white-space:nowrap;color:var(--text);font-size:13px}
.storage-caption,.storage-message{font-size:12px;color:var(--muted);margin:8px 0 16px}
.storage-message{color:var(--success)}
.storage-toolbar{display:flex;align-items:center;gap:10px;margin:22px 0 14px}
.account-card .storage-search{display:flex;align-items:center;gap:9px;min-width:180px;flex:1;margin:0;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0d1728;color:var(--muted);font-size:18px}
.storage-search input{width:100%;min-height:42px;padding:8px 0;border:0;background:transparent;font-size:13px;outline:none}
.storage-search input:focus{border:0;outline:none}
.account-card .storage-sort-label{display:block;margin:0}
.storage-sort-label select{min-height:44px;max-width:190px;padding:0 32px 0 12px;border:1px solid var(--line);border-radius:9px;background:#0d1728;color:var(--text);font:inherit;font-size:12px}
.storage-view-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:#0d1728}
.storage-view-toggle button{width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.storage-view-toggle button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}
.storage-drop{position:relative;display:flex!important;align-items:center;justify-content:center;gap:13px;min-height:88px;margin:0!important;padding:16px;border:1px dashed #42607f;border-radius:11px;background:var(--surface-2);color:var(--text)!important;text-align:left;cursor:pointer}
.storage-drop:hover,.storage-drop.dragging,.storage-drop:focus-within{border-color:var(--accent-2);background:var(--surface-3)}
.storage-drop>span:nth-child(2){display:grid;gap:4px}
.storage-drop strong{font-size:13px}
.storage-drop u{color:#b6adff;text-underline-offset:3px}
.storage-drop small{color:var(--muted);font-size:11px;font-weight:400}
.storage-drop input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.storage-add{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#293e68;color:#b6adff;font-size:23px;font-weight:400}
#storage-upload-button{justify-content:center;width:100%;margin-top:10px}
.storage-empty{padding:22px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:13px;text-align:center}
.storage-files{display:grid;gap:12px;margin-top:18px}
.storage-files[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(174px,1fr))}
.storage-file{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);transition:border-color .15s,transform .15s}
.storage-file:hover{border-color:#475b80;transform:translateY(-1px)}
.storage-file-visual{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#1b2b44,#101a2b)}
.storage-file-icon{display:grid;place-items:center;gap:5px;color:#c6d3e7}
.storage-file-icon>span{font-size:38px;line-height:1}
.storage-file-icon small{font-size:9px;letter-spacing:.1em;color:#98abc5}
.storage-image-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#101a2b;cursor:zoom-in}
.storage-image-open img{display:block;width:100%;height:100%;object-fit:cover}
.storage-image-open:focus-visible{outline:2px solid var(--accent-2);outline-offset:-3px}
.storage-video-open{overflow:hidden}.storage-video-open:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding-left:3px;border-radius:50%;background:#101a2bcc;color:#fff;font-size:17px}.storage-video-open.preview-unavailable{background:linear-gradient(135deg,#1b2b44,#334a6d)}.storage-video-open.preview-unavailable:before{content:'VIDEO';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#dce8ff;font-size:10px;letter-spacing:2px}.storage-video-open.preview-unavailable:after{top:calc(50% + 25px);width:30px;height:30px;font-size:12px}
.storage-file-details{display:grid;min-width:0;gap:6px;padding:12px 12px 10px}
.storage-file-details strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:12px;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.storage-file-details small{color:var(--muted);font-size:10px}
.storage-file-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding:0 12px 12px}
.storage-download,.storage-delete{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-3);color:var(--text);font-size:11px;text-align:center}
.storage-download:hover,.storage-delete:hover{border-color:var(--accent-2)}
.storage-delete{cursor:pointer}
.storage-delete:disabled{opacity:.6;cursor:wait}
.storage-files[data-view=list]{grid-template-columns:1fr;gap:7px}
.storage-files[data-view=list] .storage-file{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 12px}
.storage-files[data-view=list] .storage-file-visual{aspect-ratio:4/3;border-radius:6px}
.storage-files[data-view=list] .storage-file-icon>span{font-size:26px}
.storage-files[data-view=list] .storage-file-icon small{font-size:8px}
.storage-files[data-view=list] .storage-file-details{padding:4px 0}
.storage-files[data-view=list] .storage-file-details strong{-webkit-line-clamp:1}
.storage-files[data-view=list] .storage-file-actions{margin:0;padding:0}
.user-settings{margin-top:34px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.user-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;list-style:none;cursor:pointer}
.user-settings>summary::-webkit-details-marker{display:none}
.user-settings>summary>span:first-child{display:grid;gap:4px}
.user-settings>summary strong{font-size:14px;color:var(--text)}
.user-settings>summary small{font-size:11px;color:var(--muted)}
.settings-chevron{color:var(--muted);font-size:20px;transition:transform .15s}
.user-settings[open] .settings-chevron{transform:rotate(180deg)}
.user-settings-content{padding:0 18px 20px;border-top:1px solid var(--line)}
.settings-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 8px}
.settings-section-heading h2{margin:0;font-size:17px}
.settings-section-heading p,.api-settings-section>p{margin:5px 0;color:var(--muted);font-size:12px}
.user-settings .api-docs{margin-top:20px}
.user-settings .api-docs h3{font-size:14px}
.user-settings .api-docs pre{overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:#0d1728;font-size:11px}
.twofa-panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.twofa-panel h2{font-size:17px}
.twofa-panel>p{color:var(--muted);font-size:12px}
.twofa-panel code,.key-result code{display:block;overflow-wrap:anywhere;margin:8px 0;padding:10px;border-radius:7px;background:#0d1728;color:var(--text)}
.storage-preview{width:min(900px,calc(100% - 28px));max-width:none;max-height:90vh;padding:14px;border:1px solid var(--line);border-radius:14px;background:#101a2b;color:var(--text)}
.storage-preview::backdrop{background:rgba(4,9,17,.82);backdrop-filter:blur(4px)}
.storage-preview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:12px}
.storage-preview-head strong{min-width:0;overflow-wrap:anywhere}
.storage-preview img{display:block;max-width:100%;max-height:72vh;margin:0 auto;object-fit:contain}
.storage-preview img[hidden],.storage-preview video[hidden]{display:none}.storage-preview video:not([hidden]){display:block;width:100%;max-height:72vh;margin:0 auto;background:#080d0a}
.storage-preview>p{text-align:center;color:var(--muted);font-size:11px}
@media(max-width:680px){.account-shell{width:min(100% - 24px,540px);margin:28px auto 48px}.account-card{padding:22px}.account-panels{grid-template-columns:1fr;gap:14px;margin-top:24px}.account-panels form{padding:20px}.account-card h1{font-size:32px}.storage-heading{flex-direction:column;gap:8px}.account-storage{margin-top:26px;padding-top:22px}.storage-toolbar{flex-wrap:wrap}.storage-search{flex-basis:100%}.storage-sort-label select{max-width:none}.storage-files[data-view=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.storage-files[data-view=list] .storage-file{grid-template-columns:54px minmax(0,1fr);gap:10px}.storage-files[data-view=list] .storage-file-actions{grid-column:2;width:100%}.storage-files[data-view=list] .storage-file-visual{grid-row:span 2}.storage-file-actions{gap:6px}.storage-download,.storage-delete{padding:8px 6px}.settings-section-heading{align-items:flex-start;flex-direction:column;gap:8px}}
.viewer-stage video{width:100%;height:100%;min-height:0;object-fit:contain;background:#080d0a}.video-card .image-open{position:relative;overflow:hidden;min-height:220px}.video-card .image-open img{display:block;width:100%;height:220px;object-fit:cover}.video-card .image-open:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#18261ecc;color:#fff;font-size:21px;padding-left:4px}
.video-card .image-open.poster-unavailable{height:220px;background:linear-gradient(135deg,#18261e,#33483a)}.video-card .image-open.poster-unavailable:before{content:'VIDEO';color:#d8eabc;font-size:12px;letter-spacing:2px}