/* Local, mobile-first upload workbench. No continuous animation or media preloading. */
.upload-page,.upload-view-page{--brand:#07583f;--brand-dark:#064632;--brand-soft:#edf6ef}
.upload-access-confirmed{display:flex;align-items:center;gap:8px;color:#07583f;font-size:12px}.upload-access-confirmed>.icon{width:20px;height:20px}.upload-access [data-upload-quota]{font-size:16px;font-weight:700;margin-block:12px}.upload-access [data-upload-account-status]:empty{display:none}.upload-access [data-upload-account-status]{color:#813415;font-size:12px}.upload-access [data-upload-logout]{font-size:12px;min-height:44px}.upload-access [data-upload-account]{border-top:0;margin-top:0;padding-top:0}
.upload-remaining-after{border:1px solid #bed2ba;background:#edf5e7;color:#07583f;border-radius:12px;padding:14px;font-size:13px;line-height:2;margin-block:14px;overflow-wrap:anywhere}
.upload-legacy-archive{border-top:1px solid #d1ddcf;margin-top:24px;padding-top:16px}.upload-legacy-archive>summary{min-height:44px;cursor:pointer;line-height:1.9;font-size:14px;color:#07583f}.upload-legacy-archive>p{font-size:12px;line-height:2;margin-top:12px;color:#53665b}
.upload-page,.upload-view-page{--upload-green:#07583f;--upload-line:#d1ddcf;--upload-muted:#53665b;max-width:1160px;padding-block:20px 48px;color:#23392c}
.upload-heading{display:flex;align-items:center;gap:18px;margin-block:22px}.upload-heading h1{font-size:30px;line-height:1.6}.upload-heading p{color:var(--upload-muted);font-size:15px;margin-top:6px}.upload-medallion{width:64px;height:64px;border:1px solid #c6d8c6;border-radius:21px;background:#e9f2e3;display:grid;place-items:center;flex-shrink:0;color:var(--upload-green)}.upload-medallion>.icon{width:34px;height:34px}
.upload-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:7px;border:1px solid var(--upload-line);border-radius:16px;background:#fff;margin-bottom:24px}.upload-tabs a{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 18px;font-size:14px;border-radius:10px;color:var(--upload-green)}.upload-tabs a[aria-current]{background:#07583f;color:#fff}.upload-tabs>a:last-child{margin-inline-start:auto}
.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px}.upload-desk,.upload-archive,.upload-api,.upload-view-card,.upload-plans{background:#fff;border:1px solid var(--upload-line);border-radius:22px;padding:26px;min-width:0}.upload-desk>h2{font-size:19px;margin-bottom:20px}.upload-drop{border:1px dashed #99b49d;border-radius:17px;background:#f5f9f1;padding:25px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.upload-drop>span{color:#07583f;background:#e5efdf;border-radius:15px;padding:13px;display:grid}.upload-drop>span>.icon{width:27px;height:27px}.upload-drop>strong{font-size:19px}.upload-drop>p{font-size:13px;color:var(--upload-muted)}.upload-drop .button{cursor:pointer;min-height:46px}.upload-drop.is-dragging{outline:3px solid #a87914;outline-offset:3px;background:#fff7dc}.upload-drop>small{font-size:12px;color:var(--upload-muted)}.upload-file-input{position:absolute;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden;padding:0!important;border:0!important}.upload-drop:focus-within{outline:3px solid #a87914;outline-offset:3px}
.upload-queue{list-style:none;padding:0;display:grid;gap:12px;margin-block:20px}.upload-queue-empty{margin-block:16px;color:var(--upload-muted);font-size:13px}.upload-queue-item{border:1px solid var(--upload-line);border-radius:15px;padding:17px;background:#fcfdf9;min-width:0}.upload-file-top{display:flex;align-items:center;gap:12px}.upload-file-top>.icon{color:#07583f;flex-shrink:0}.upload-file-top>div{flex:1;min-width:0}.upload-file-top strong{display:block;font-size:14px;overflow-wrap:anywhere;line-height:1.8}.upload-file-top small{font-size:11px;color:var(--upload-muted)}.upload-file-top>.button{font-size:11px;flex-shrink:0;min-height:44px}.upload-queue-item progress{width:100%;height:8px;display:block;margin-block:15px 8px;accent-color:#07583f;border:0;border-radius:8px;overflow:hidden}.upload-queue-item progress::-webkit-progress-bar{background:#e2ebdc}.upload-queue-item progress::-webkit-progress-value{background:#08714e}.upload-queue-item progress::-moz-progress-bar{background:#08714e}.upload-file-state{font-size:12px;color:var(--upload-muted)}.upload-file-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.upload-file-links .button{font-size:12px;min-height:44px}
.upload-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-block:20px;border-block:1px solid #e0e7da;margin-top:20px}.upload-options>div{min-width:0}.upload-options label:not(.sr-only){display:flex;align-items:center;gap:8px;font-size:13px;min-height:28px;margin-bottom:9px}.upload-options label>span{font-size:10px;background:#f7efd6;border-radius:6px;padding:2px 7px;color:#705619}.upload-options input:not([type=checkbox]){width:100%;min-height:48px;font-size:16px;background:#fff;border:1px solid #b8cab9;border-radius:11px}.upload-options small{display:block;font-size:11px;line-height:1.9;color:var(--upload-muted);margin-top:8px}.upload-options input:disabled{background:#f3f5ef}.upload-submit{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.upload-submit>.button{min-height:49px}.upload-submit>p{font-size:12px;color:var(--upload-muted)}.upload-privacy{font-size:11px;color:var(--upload-muted);display:flex;align-items:start;gap:8px;margin-top:16px;line-height:1.9}.upload-privacy>.icon{flex-shrink:0;width:17px;height:17px;margin-top:3px}.upload-error{background:#fff1e9;border:1px solid #e6bba5;color:#813415;padding:12px;border-radius:10px;font-size:13px;line-height:1.9;margin-top:12px}
.upload-guide-card,.upload-pro-card{padding:24px;border-radius:20px;border:1px solid #d1ddcf;background:#edf4e7}.upload-guide-card>span,.upload-pro-card>span{display:grid;place-items:center;border-radius:13px;width:46px;height:46px;background:#fff;color:#07583f;margin-bottom:18px}.upload-guide-card h2,.upload-pro-card h2{font-size:19px;line-height:1.7;margin-bottom:14px}.upload-guide-card p,.upload-pro-card p{font-size:13px;line-height:2;color:#455e4c;margin-block:12px}.upload-pro-card{background:#07583f;border-color:#07583f;color:#fff;margin-top:20px}.upload-pro-card>span{background:#ffffff18;color:#eed18a}.upload-pro-card p{color:#e1ece0}.upload-pro-card>.button{font-size:12px;background:#f8f2dc;color:#385227;border-color:#e9dba7;width:100%;margin-top:14px}
.upload-archive,.upload-api,.upload-plans{margin-top:24px}.upload-section-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.upload-section-top h2{font-size:21px}.upload-section-top p{font-size:12px;color:var(--upload-muted);margin-top:6px}.upload-archive-list{list-style:none;display:grid;gap:10px;padding:0;margin-block:18px}.upload-archive-list>li{display:flex;align-items:center;gap:13px;border:1px solid var(--upload-line);border-radius:14px;padding:15px;min-width:0}.upload-archive-list>li>div:first-of-type{flex:1;min-width:0}.upload-archive-list strong{display:block;overflow-wrap:anywhere;font-size:14px}.upload-archive-list small{font-size:11px;color:var(--upload-muted)}.upload-archive-list .upload-file-links{margin:0}.upload-archive-list>.icon{flex-shrink:0}.upload-archive-list .button{font-size:11px;min-height:44px}.upload-paging{display:flex;align-items:center;justify-content:center;gap:14px}.upload-access{background:#f5f9f1;border:1px solid #d1ddcf;border-radius:15px;padding:17px;margin-bottom:20px}.upload-access label,.upload-unlock label{font-size:13px;display:block;margin-bottom:9px}.upload-access small{font-size:11px;color:#53665b;display:block;margin-top:9px}.upload-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-inline input{flex:1;min-width:100px;min-height:48px}.upload-inline .button{min-height:48px}.upload-access [data-upload-account]{border-top:1px solid #d1ddcf;margin-top:14px;padding-top:14px;font-size:13px;line-height:2}.upload-api>summary{min-height:44px;cursor:pointer;color:#07583f;font-size:16px}.upload-api p{font-size:13px;line-height:2;margin-block:16px}.upload-api ul{list-style:none;padding:0}.upload-api li{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;border-bottom:1px solid #d1ddcf;font-size:12px}.upload-key-output{display:block;padding:15px;background:#f7f0d8;border:1px solid #d5bb73;border-radius:10px;overflow-wrap:anywhere;margin-block:15px;font-family:monospace;font-size:14px}.upload-key-output[hidden]{display:none}.upload-plans>h2{font-size:24px}.upload-plans>p{font-size:14px;line-height:2;margin-block:14px}.upload-plans>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.upload-plans form{display:grid;gap:16px;border:1px solid #d1ddcf;border-radius:16px;padding:22px;background:#f7faf3}.upload-plans h3{font-size:20px}.upload-plans strong{color:#07583f;font-size:20px}.upload-page>.service-guide{margin-top:28px}
.upload-view-page{max-width:920px}.upload-view-card{margin-top:20px}.upload-view-card>header{display:flex;align-items:center;gap:18px;margin-bottom:24px}.upload-view-card h1{font-size:24px;overflow-wrap:anywhere;line-height:1.6}.upload-view-card header p{font-size:13px;color:#53665b;line-height:2}.upload-preview{border:1px solid #d1ddcf;background:#f3f7ee;border-radius:17px;min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:20px}.upload-preview>img,.upload-preview>video{max-width:100%;max-height:65vh;display:block;border-radius:10px}.upload-preview>video{width:100%;background:#101e17}.upload-preview>audio{width:100%;max-width:560px}.upload-preview>span>.icon{width:62px;height:62px;color:#07583f}.upload-preview>p{font-size:14px;max-width:520px;text-align:center;line-height:2;color:#53665b}.upload-view-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:22px}.upload-view-actions .button{min-height:50px}.upload-view-actions small{font-size:11px}.upload-view-card>label{font-size:12px;display:block;margin-bottom:8px}.upload-view-warning{display:flex;align-items:start;gap:10px;font-size:12px;line-height:2;margin-block:18px;color:#53665b}.upload-view-warning .icon{flex-shrink:0;margin-top:4px}.upload-file-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-block:20px;border-block:1px solid #d1ddcf}.upload-file-details dt{font-size:11px;color:#53665b}.upload-file-details dd{font-size:13px;margin-top:7px;overflow-wrap:anywhere}.upload-report{margin-top:20px}.upload-report>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:14px;color:#07583f}.upload-report p,.upload-unlock p{font-size:12px;line-height:2;color:#53665b;margin-block:14px}.upload-report form{display:grid;gap:10px;max-width:600px}.upload-report form label{font-size:13px}.upload-unlock{padding:22px;border:1px solid #d1ddcf;border-radius:15px;background:#f5f9f1}.upload-unlock h2{font-size:20px;margin-bottom:20px}
.upload-page :is(a,button,input,summary):focus-visible,.upload-view-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #a87914;outline-offset:3px}.upload-page dialog{max-width:min(470px,calc(100vw - 32px));padding:25px;border:1px solid #d1ddcf;border-radius:18px}.upload-page dialog h2{font-size:21px}.upload-page dialog p{font-size:14px;line-height:2;margin-block:15px}.upload-page dialog::backdrop{background:#10291c70}
.upload-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-block:16px 24px}.upload-admin-tabs a{min-height:44px;padding:10px 16px;background:#fff;border:1px solid #d1ddcf;border-radius:11px;font-size:13px}.upload-admin-tabs a[aria-current]{background:#07583f;color:#fff}.upload-admin-list{display:grid;gap:12px;list-style:none;padding:0}.upload-admin-list>li{background:#fff;border:1px solid #d1ddcf;border-radius:16px;padding:20px;min-width:0}.upload-admin-list h2{font-size:17px;overflow-wrap:anywhere}.upload-admin-list p,.upload-admin-list small{font-size:12px;line-height:2;color:#53665b}.upload-admin-list .form-actions{margin-top:14px}.upload-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.upload-admin-grid .admin-panel{margin:0}.upload-admin-grid .field{margin-bottom:15px}.upload-admin-list form{margin-top:14px}.upload-admin-secret{padding:20px;border:1px solid #d1ba70;border-radius:12px;background:#fff5d8;overflow-wrap:anywhere}.upload-admin-summary{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin-block:14px 24px}.upload-admin-summary span{padding:13px 18px;border-radius:12px;background:#e9f2e3}.upload-admin-state{font-size:11px;display:inline-flex;padding:5px 9px;border-radius:7px;background:#eef3e9;margin-block:8px}.upload-admin-list input[type=number]{max-width:320px}
@media(max-width:900px){.upload-layout{grid-template-columns:minmax(0,1fr)}.upload-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-pro-card{margin:0}.upload-admin-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:639px){.upload-page,.upload-view-page{padding-top:8px}.upload-heading{gap:12px;margin-block:16px}.upload-medallion{width:48px;height:48px;border-radius:15px}.upload-medallion>.icon{width:27px;height:27px}.upload-heading h1{font-size:23px}.upload-heading p{font-size:12px}.upload-heading .eyebrow{font-size:10px}.upload-tabs{gap:3px;margin-bottom:18px;padding:5px}.upload-tabs a{font-size:12px;padding:9px 11px}.upload-tabs a .icon{width:16px;height:16px}.upload-tabs>a:last-child{margin-inline-start:0}.upload-desk,.upload-archive,.upload-api,.upload-plans,.upload-view-card{padding:18px;border-radius:18px}.upload-desk>h2{font-size:18px;margin-bottom:15px}.upload-drop{padding:22px 12px;gap:10px}.upload-drop>strong{font-size:18px}.upload-options{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:18px}.upload-submit{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.upload-submit>.button{width:100%;font-size:15px}.upload-submit>p{font-size:12px}.upload-queue-item{padding:13px}.upload-file-top{gap:8px;flex-wrap:wrap}.upload-file-top strong{font-size:13px}.upload-file-top>.button{padding:8px;font-size:10px}.upload-file-top>.button>.icon{width:14px;height:14px}.upload-side{grid-template-columns:minmax(0,1fr)}.upload-guide-card,.upload-pro-card{padding:21px}.upload-guide-card h2,.upload-pro-card h2{font-size:18px}.upload-section-top{gap:10px}.upload-section-top h2{font-size:18px}.upload-section-top>.button{font-size:11px;min-height:44px}.upload-section-top>.button>.icon{width:15px;height:15px}.upload-archive-list>li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;padding:13px}.upload-archive-list>li>.upload-file-links{grid-column:1/-1}.upload-archive-list>li>.button{grid-column:1/-1;justify-self:start}.upload-archive-list strong{font-size:13px}.upload-archive-list small{font-size:10px}.upload-plans>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upload-plans form{padding:15px;gap:12px}.upload-plans h3{font-size:17px}.upload-plans strong{font-size:15px}.upload-plans form .button{font-size:12px;padding:10px}.upload-view-card>header{gap:12px}.upload-view-card h1{font-size:19px}.upload-preview{min-height:170px;padding:12px}.upload-view-actions{display:grid;grid-template-columns:minmax(0,1fr)}.upload-file-details{grid-template-columns:minmax(0,1fr);gap:16px}.upload-file-details>div{display:flex;justify-content:space-between;gap:15px}.upload-file-details dd{margin:0}.upload-inline{align-items:stretch}.upload-inline .button{font-size:12px}.upload-admin-tabs a{font-size:12px}.upload-admin-list>li{padding:16px}}