:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#18243a;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--ink:#18243a;--muted:#718097;--line:#e8ebf1;--blue:#4267e8;--blue-dark:#3155d2;--soft:#f4f6fb}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f8fb}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.app-header,.platform-header{height:74px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;border-bottom:1px solid #eceef3;background:rgba(255,255,255,.92);gap:35px}.app-brand,.platform-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:750;white-space:nowrap}.platform-brand-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#4167e8;color:#fff;font-size:18px;font-weight:800;box-shadow:0 5px 12px #4167e833}.app-nav{display:flex;align-self:stretch;align-items:stretch;gap:28px}.app-nav a{position:relative;display:flex;align-items:center;color:#7b8799;font-size:13px;font-weight:600}.app-nav a.active{color:#25334c}.app-nav a.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#4c6de8;content:""}.header-tools{margin-left:auto;display:flex;align-items:center;gap:13px}.retention-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e8edf5;border-radius:20px;color:#64738a;background:#fafbfe;font-size:11px;font-weight:600;white-space:nowrap}.retention-dot{width:7px;height:7px;border-radius:50%;background:#48b58c;box-shadow:0 0 0 3px #48b58c1e}.language-picker{height:35px;padding:0 10px;border:1px solid #e6eaf0;border-radius:8px;background:#fff;color:#65738a;font-size:12px;cursor:pointer}.auth-button,.logout-button{height:36px;padding:0 15px;border:0;border-radius:8px;background:#4167e8;color:#fff;font-size:12px;font-weight:650;cursor:pointer}.auth-button:hover,.logout-button:hover,.choose-files-button:hover,.dialog-submit:hover{background:#3155d2}.account-menu{display:flex;align-items:center;gap:12px}.account-label{max-width:175px;overflow:hidden;color:#66758b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.logout-button{height:32px;padding:0 12px;background:#fff;color:#68758b;border:1px solid #e5e9f0}.logout-button:hover{background:#f5f6f9;color:#394960}
.dropbox-main{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:51px 0 35px}.dropbox-intro{margin-bottom:25px}.eyebrow{color:#5070dc;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750}.dropbox-intro h1,.platform-hero h1{margin:9px 0 9px;color:#1b2941;font-size:clamp(25px,4vw,34px);letter-spacing:-.045em;line-height:1.25}.dropbox-intro p,.platform-hero p{max-width:710px;margin:0;color:#7a879b;font-size:13px;line-height:1.75}.upload-zone{min-height:256px;padding:27px 20px 23px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px dashed #cbd4e5;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#fcfdff 100%);text-align:center;transition:border-color .16s,background .16s,transform .16s}.upload-zone.dragover{transform:translateY(-1px);border-color:#5676ea;background:#f6f8ff}.upload-cloud{width:54px;height:54px;display:grid;place-items:center;margin-bottom:11px;border-radius:15px;background:#eff3ff;color:#5574e5}.upload-cloud svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.upload-zone h2{margin:0;color:#263550;font-size:16px;font-weight:700}.upload-zone p{margin:7px 0 16px;color:#8490a1;font-size:12px}.choose-files-button{min-height:38px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#4167e8;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.upload-note{display:flex;align-items:center;gap:8px;margin-top:14px;color:#9aa4b3;font-size:10px}.note-divider{color:#c5ccd7}.upload-progress{margin-top:14px;padding:14px 16px;border:1px solid #e7eaf0;border-radius:11px;background:#fff}.progress-heading{display:flex;justify-content:space-between;gap:12px;color:#506078;font-size:11px}.progress-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.progress-heading span{color:#4267e8}.progress-track{height:5px;margin:9px 0 6px;overflow:hidden;border-radius:4px;background:#edf0f6}.progress-track span{height:100%;width:0;display:block;border-radius:4px;background:#4d71ec;transition:width .16s}.progress-status{color:#8b97a7;font-size:10px}
.files-section{margin-top:36px}.files-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.files-heading h2{margin:0;color:#24334d;font-size:16px;font-weight:730}.files-heading p{margin:5px 0 0;color:#97a1b0;font-size:10px}.icon-button{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e7eaf0;border-radius:8px;background:#fff;color:#7c899a;cursor:pointer}.icon-button:hover{border-color:#ccd5e5;color:#4267e8}.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.files-list{display:grid;gap:8px}.file-row{min-height:73px;padding:12px 14px;display:flex;align-items:center;gap:14px;border:1px solid #e9ecf2;border-radius:11px;background:#fff;transition:box-shadow .15s,border-color .15s}.file-row:hover{border-color:#dde3ed;box-shadow:0 4px 14px #25355008}.file-type-icon{width:39px;height:43px;flex:0 0 39px;display:grid;place-items:center;border-radius:9px;background:#f0f4ff;color:#5572df}.file-type-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.file-type-icon.pdf{background:#fff0ef;color:#e66b65}.file-type-icon.sheet{background:#edfaf1;color:#55a878}.file-type-icon.photo{background:#fff7e9;color:#d79e38}.file-type-label{font-size:8px;font-weight:800;letter-spacing:.025em}.file-main{min-width:0;flex:1}.file-name{display:block;overflow:hidden;color:#34435b;font-size:12px;font-weight:670;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:flex;align-items:center;gap:9px;margin-top:6px;color:#929dad;font-size:10px}.file-meta-dot{width:3px;height:3px;border-radius:50%;background:#c3cad4}.file-expiry{color:#8591a1;font-size:10px;white-space:nowrap}.file-actions{display:flex;align-items:center;gap:6px}.file-action{height:31px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e8ebf1;border-radius:7px;background:#fff;color:#6e7c91;font-size:10px;cursor:pointer;white-space:nowrap}.file-action:hover{border-color:#d3dcf1;background:#f9faff;color:#4167e8}.file-action.primary{border-color:#e0e6fb;background:#f4f6ff;color:#4969db;font-weight:650}.file-action.danger{width:31px;padding:0;border-color:transparent;color:#99a3b1}.file-action.danger:hover{border-color:#ffe0df;background:#fff7f6;color:#d76b66}.file-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.files-empty{min-height:148px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;border:1px solid #eceef3;border-radius:11px;background:#fff;color:#8793a4;text-align:center}.empty-file-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:2px;border-radius:12px;background:#f4f6fa;color:#9aa6b6}.empty-file-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.files-empty strong{color:#65748a;font-size:11px;font-weight:650}.files-empty>span:last-child{font-size:10px}.dropbox-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px;color:#a0a9b6;font-size:10px}.dropbox-footer a{color:#67768d}.dropbox-footer a:hover{color:#4167e8}
.dialog-shell{width:min(430px,calc(100% - 30px));max-width:calc(100% - 30px);padding:0;border:0;border-radius:15px;background:transparent;box-shadow:0 22px 80px #14213b33}.dialog-shell::backdrop{background:#1c2943a3;backdrop-filter:blur(3px)}.dialog-card{padding:24px;border:1px solid #e8ebf1;border-radius:15px;background:#fff}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:19px}.dialog-top h2{margin:5px 0 0;color:#263550;font-size:20px;letter-spacing:-.025em}.dialog-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:#f5f6f8;color:#8290a2;font-size:22px;line-height:1;cursor:pointer}.auth-tabs{display:flex;gap:5px;margin-bottom:19px;padding:4px;border-radius:9px;background:#f3f5f9}.auth-tab{height:33px;flex:1;border:0;border-radius:7px;background:transparent;color:#8793a4;font-size:11px;cursor:pointer}.auth-tab.active{background:#fff;color:#3b4c68;box-shadow:0 1px 4px #26375412;font-weight:650}.form-label{display:block;margin:14px 0 6px;color:#5f6e84;font-size:10px;font-weight:650}.form-input{width:100%;height:41px;padding:0 11px;border:1px solid #e0e5ed;border-radius:8px;outline:none;color:#304058;background:#fff;font-size:12px}.form-input:focus{border-color:#8298ee;box-shadow:0 0 0 3px #4267e817}.form-hint,.auth-footnote{margin:8px 0 0;color:#99a3b0;font-size:9px;line-height:1.65}.form-error{margin:12px 0 0;color:#ca625c;font-size:10px;line-height:1.5}.dialog-submit{width:100%;height:41px;margin-top:17px;border:0;border-radius:8px;background:#4167e8;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.dialog-submit:disabled{opacity:.6;cursor:wait}.auth-footnote{margin-top:13px}.qr-card{text-align:center}.qr-card .dialog-top{text-align:left}.qr-code{width:224px;height:224px;margin:14px auto 12px;padding:7px;display:grid;place-items:center;border:1px solid #edf0f4;border-radius:12px;background:#fff}.qr-code svg{width:100%;height:100%;display:block}.qr-file-name{max-width:100%;overflow:hidden;margin:0 0 13px;color:#586880;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.share-url-box{display:flex;gap:6px;padding:5px;border:1px solid #e6eaf1;border-radius:9px;background:#fafbfc}.share-url-box input{width:0;flex:1;border:0;outline:0;background:transparent;color:#738198;font-size:9px}.share-url-box button{height:31px;padding:0 11px;border:0;border-radius:6px;background:#eaf0ff;color:#4165db;font-size:10px;font-weight:650;cursor:pointer;white-space:nowrap}.qr-expiry{margin:12px 0 0;color:#9aa4b1;font-size:9px}
.toast{position:fixed;z-index:10;right:20px;bottom:20px;max-width:min(410px,calc(100% - 40px));padding:11px 15px;border:1px solid #e6eaf0;border-radius:9px;background:#26354e;color:#fff;box-shadow:0 9px 28px #1d2b431a;font-size:11px;line-height:1.5;opacity:0;pointer-events:none;transform:translateY(7px);transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translateY(0)}
.platform-body{background:radial-gradient(ellipse at 50% -14%,#eaf0ff 0,transparent 49%),#f7f8fb}.platform-header{justify-content:space-between}.platform-main{width:min(900px,calc(100% - 40px));margin:0 auto;padding:clamp(64px,12vh,135px) 0 70px}.platform-hero{text-align:center}.platform-hero .eyebrow{font-size:10px}.platform-hero h1{margin:13px 0 12px;font-size:clamp(30px,5vw,43px)}.platform-hero p{margin:0 auto;font-size:13px}.platform-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:45px}.platform-card{min-height:108px;padding:20px;display:flex;align-items:center;gap:14px;border:1px solid #e7eaf1;border-radius:13px;background:#fff;box-shadow:0 7px 22px #283b5b08;transition:transform .16s,border-color .16s,box-shadow .16s}.platform-card:hover{transform:translateY(-2px);border-color:#d6def0;box-shadow:0 12px 29px #283b5b0f}.platform-card-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:24px;font-weight:800}.office-icon{background:#4167e8}.storage-icon{background:#35a884}.storage-icon svg{width:26px;height:26px;fill:#fff}.platform-card-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.platform-card-copy strong{color:#2c3a52;font-size:13px}.platform-card-copy span{color:#8894a5;font-size:10px}.platform-card-arrow{color:#9ba6b4;font-size:18px}.platform-footnote{margin-top:22px;color:#9aa4b1;font-size:10px;text-align:center}
.shared-view{min-height:100vh;padding:27px 20px 55px;background:radial-gradient(ellipse at 50% -14%,#eaf0ff 0,transparent 47%),#f7f8fb}.shared-brand{width:min(600px,100%);margin:0 auto;display:flex;align-items:center;gap:9px;color:#32425c;font-size:14px;font-weight:720}.shared-brand .platform-brand-icon{width:29px;height:29px;font-size:16px}.shared-card{width:min(450px,100%);margin:64px auto 0;padding:32px 29px 27px;border:1px solid #e6eaf1;border-radius:16px;background:#fff;box-shadow:0 14px 40px #2436530c;text-align:center}.shared-file-icon{width:53px;height:53px;display:grid;place-items:center;margin:0 auto 14px;border-radius:15px;background:#eff3ff;color:#5271e1}.shared-file-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.share-state{min-height:18px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8995a6;font-size:10px}.loading-orbit{width:12px;height:12px;border:2px solid #dce3f4;border-top-color:#5172e7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shared-card h1{margin:9px 0 0;overflow-wrap:anywhere;color:#263550;font-size:19px;line-height:1.4}.shared-detail{margin:8px 0 19px;color:#8793a4;font-size:10px}.download-button{min-height:42px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;background:#4167e8;color:#fff;font-size:11px;font-weight:700}.download-button:hover{background:#3155d2}.download-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shared-expiry{margin:15px 0 0;color:#a1aab6;font-size:9px}.shared-office-link{display:inline-block;margin-top:18px;color:#64738b;font-size:10px}.shared-office-link:hover{color:#4167e8}
@media(max-width:760px){.app-header{height:auto;min-height:64px;padding:0 17px;gap:18px}.app-brand{font-size:14px}.app-nav{gap:15px}.app-nav a{font-size:11px}.header-tools{gap:7px}.retention-pill{padding:7px 8px;font-size:9px}.language-picker{height:32px;padding:0 5px;font-size:10px}.auth-button{height:33px;padding:0 10px;font-size:10px}.account-label{display:none}.dropbox-main{padding-top:36px}.file-row{gap:10px;padding:10px}.file-actions{gap:4px}.file-action{height:29px;padding:0 7px;font-size:9px}.file-action.danger{width:28px}.file-expiry{display:none}.platform-cards{gap:10px}.platform-card{padding:16px;gap:11px}}
@media(max-width:520px){.app-header{padding:0 12px;gap:12px}.app-brand{gap:7px;font-size:12px}.app-brand .platform-brand-icon{width:28px;height:28px}.app-nav{gap:11px}.app-nav a{font-size:10px}.header-tools{gap:6px}.retention-pill{max-width:105px;gap:5px;overflow:hidden;font-size:8px;text-overflow:ellipsis}.retention-dot{width:6px;height:6px;flex:0 0 6px}.language-picker{max-width:77px;font-size:9px}.auth-button{padding:0 8px;font-size:9px}.dropbox-main{width:calc(100% - 28px);padding-top:32px}.dropbox-intro h1{font-size:26px}.dropbox-intro p{font-size:11px}.upload-zone{min-height:235px}.upload-note{flex-wrap:wrap;justify-content:center;font-size:9px}.files-section{margin-top:28px}.file-row{flex-wrap:wrap;gap:8px}.file-type-icon{width:34px;height:37px;flex-basis:34px}.file-main{flex-basis:calc(100% - 55px)}.file-actions{width:100%;margin-left:42px}.file-action{height:29px;padding:0 9px}.file-action.danger{margin-left:auto}.dropbox-footer{align-items:flex-start;flex-direction:column;font-size:9px}.platform-main{padding-top:70px}.platform-cards{grid-template-columns:1fr;margin-top:32px}.platform-card{min-height:88px}.platform-footnote{font-size:9px;line-height:1.6}.shared-card{margin-top:38px;padding:28px 19px}.dialog-card{padding:20px}.qr-code{width:206px;height:206px}}
.file-actions{flex:0 1 auto;flex-wrap:wrap}.file-expiry{flex:0 0 112px;text-align:right;color:#62718a}.file-expiry.soon{color:#a97714}.file-expiry.urgent{color:#d27616}.file-expiry.danger{color:#c74949}.file-action{padding:0 8px}.share-code-box{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:10px;padding:10px;border:1px solid #e9edf4;border-radius:9px;background:#fafbfe;color:#465570;font-size:14px;font-weight:750;letter-spacing:.12em}.share-code-box button{border:0;background:transparent;color:#4267e8;font-size:10px;font-weight:650;letter-spacing:normal;cursor:pointer}.shared-actions{display:grid;gap:9px}.download-button{width:100%;border:0;cursor:pointer}.download-button.secondary{border:1px solid #dfe6fb;background:#f4f6ff;color:#4167e8}.download-button.secondary:hover{background:#eaf0ff}.shared-login-button{margin-top:12px;padding:8px 14px;border:1px solid #e5e9f1;border-radius:8px;background:#fff;color:#596983;font-size:11px;font-weight:650;cursor:pointer}.share-code-form{margin-top:18px;text-align:left}.share-code-form .dialog-submit{margin-top:10px}.shared-expiry{line-height:1.6}
@media(max-width:760px){.file-expiry{display:block;flex-basis:100%;order:3;text-align:right;padding-right:2px}.file-actions{order:2}.file-main{order:1}.file-type-icon{order:0}}
@media(max-width:520px){.file-expiry{width:100%;margin-top:0;font-size:10px}.file-actions{width:100%;margin-left:42px}.account-link{font-size:9px}}
.file-expiry{flex-basis:174px;display:flex;flex-direction:column;gap:3px;white-space:normal}.file-expiry small{font-size:9px;opacity:.9}.file-expiry.soon,.file-expiry.urgent,.file-expiry.danger{font-weight:650}
@media(max-width:760px){.file-expiry{flex-basis:100%;order:3;align-items:flex-end;text-align:right;padding-right:2px}.file-actions{order:2}.file-main{order:1}.file-type-icon{order:0}}
.qingban-brand{display:inline-flex;align-items:center;gap:10px;color:#202c42;text-decoration:none;white-space:nowrap}.qingban-brand>img{width:38px;height:38px;flex:none}.qingban-brand>span{display:grid;gap:1px}.qingban-brand strong{font-size:16px;font-weight:820;line-height:1.1;letter-spacing:.02em}.qingban-brand small{color:#93a0b2;font-size:8px;font-weight:800;letter-spacing:.13em}.platform-header .qingban-brand>img{width:42px;height:42px}.platform-card.image-card .image-icon{background:#e9f4ff;color:#397db7}.platform-card.image-card .image-icon svg{width:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.account-avatar-wrap{width:31px;height:31px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#eef1fb}.account-avatar,.account-avatar-fallback{width:31px;height:31px;border-radius:50%;object-fit:cover}.account-avatar-fallback{display:grid;place-items:center;color:#546bd0;font-size:13px;font-weight:800}.profile-open{height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e9f0;border-radius:8px;background:#fff;color:#52627b;font-size:11px;font-weight:650;text-decoration:none;cursor:pointer}.profile-open:hover{border-color:#cdd7fb;color:#4167e8}.auth-register-only:not([hidden]){display:block}.profile-avatar-editor{display:flex;align-items:center;gap:15px;margin:8px 0 18px;padding:13px;border:1px solid #edf0f5;border-radius:12px;background:#fafbfe}.profile-avatar-preview,.profile-avatar-fallback{width:68px;height:68px;flex:none;border-radius:50%;object-fit:cover}.profile-avatar-fallback{display:grid;place-items:center;background:#e9edfa;color:#4e66d0;font-size:24px;font-weight:800}.avatar-pick-button{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:7px;background:#eef2ff;color:#4f68d6;font-size:11px;font-weight:700;cursor:pointer}.avatar-remove{margin-left:7px;padding:5px 8px;border:0;background:transparent;color:#8b96a8;font-size:10px;cursor:pointer}.profile-avatar-editor .form-hint{margin:7px 0 0}.dialog-card #profile-username[readonly]{background:#f6f7fa;color:#7b879a}.shared-brand.qingban-brand{position:absolute;top:28px;left:clamp(20px,5vw,76px)}
.app-header [hidden],.dropbox-main [hidden],#account-menu[hidden]{display:none!important}
.platform-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.platform-account-link{height:37px;max-width:min(440px,55vw);display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #e2e8f2;border-radius:9px;background:#fff;color:#53627a;font-size:11px;font-weight:650;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.platform-account-link:hover{border-color:#cbd6fa;background:#fafbff;color:#3f5fd0}.platform-account-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.platform-account-avatar{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#e9edfa;color:#526bd2;font-size:10px;font-weight:800}.platform-account-avatar img{width:100%;height:100%;object-fit:cover}.platform-account-arrow{color:#98a4b4;font-size:14px;font-weight:500}.platform-account-link:hover .platform-account-arrow{color:#4267e8}
@media(max-width:760px){.platform-header-actions{gap:7px}.platform-account-link{height:33px;max-width:45vw;gap:6px;padding:0 8px;font-size:9px}.platform-account-avatar{width:19px;height:19px;flex-basis:19px;font-size:8px}.platform-account-arrow{font-size:12px}.platform-header-actions .language-picker{max-width:84px}}
.platform-card.image-card .image-icon{border:1px solid #dcecff;background:radial-gradient(circle at 32% 24%,#f7fbff 0,#e9f4ff 65%,#e4f0fc 100%);color:#367eb7;box-shadow:inset 0 1px 0 #ffffffd9,0 5px 13px #4a95d214;transition:transform .18s,box-shadow .18s}.platform-card.image-card .image-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.platform-card.image-card:hover .image-icon{transform:translateY(-1px) rotate(-2deg);box-shadow:inset 0 1px 0 #ffffffd9,0 8px 18px #4a95d21c}
.platform-card.video-card .video-icon{background:linear-gradient(145deg,#7965ed,#4c64dc);box-shadow:inset 0 1px 0 #ffffff45,0 6px 14px #615fe226;transition:transform .18s,box-shadow .18s}.platform-card.video-card .video-icon svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.platform-card.video-card .video-icon svg path:first-of-type{fill:#ffffff20}.platform-card.video-card:hover .video-icon{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff55,0 9px 18px #615fe233}
.platform-card.pdf-card .pdf-icon{width:52px;height:52px;flex-basis:52px;border:1px solid #e3e9fb;border-radius:15px;background:radial-gradient(circle at 35% 28%,#fff 0,#f1f4ff 72%,#eaf0ff 100%);box-shadow:inset 0 1px 0 #ffffffd9,0 6px 16px #5069c914;transition:transform .18s,box-shadow .18s}.platform-card.pdf-card .pdf-icon svg{width:29px;height:29px;fill:none;stroke:#526fd4;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.platform-card.pdf-card .pdf-icon .pdf-icon-badge{fill:#e56d68;stroke:#e56d68}.platform-card.pdf-card .pdf-icon .pdf-icon-badge-line{stroke:#fff;stroke-width:1.1}.platform-card.pdf-card:hover .pdf-icon{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffffd9,0 10px 22px #5069c91f}
.billing-icon{background:linear-gradient(145deg,#8771ec,#625fda)}.billing-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Email verification and password recovery */
.email-code-row{display:flex;gap:10px;margin-top:10px}.email-code-row .form-input{min-width:0;flex:1}.email-code-button,.email-inline-action,.auth-forgot-password{font:inherit;border:1px solid #dfe5f0;background:#fff;color:#526bd0;border-radius:11px;padding:0 16px;min-height:46px;font-weight:650;cursor:pointer}.email-code-button:disabled,.email-inline-action:disabled{opacity:.55;cursor:not-allowed}.auth-forgot-password{display:block;border:0;background:transparent;padding:0;min-height:0;margin:0 0 14px auto;font-size:.9rem}.auth-forgot-password[hidden]{display:none}.email-inline-action{min-height:40px;margin-top:8px;padding:0 14px}.email-verified{color:#32896c!important}.profile-email-status{margin-top:7px}
