:root{--bg:#040712;--black:#070b18;--black-soft:#0b1124;--panel:#0d1730;--panel-2:#101e3e;--line:#1b3160;--line-bright:#2857b6;--blue:#2f73ff;--blue-2:#1851ca;--blue-soft:#9ec4ff;--text:#d8e8ff;--muted:#7d9bc9;--shadow:0 20px 50px rgba(0,0,0,.42);--radius:22px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% -10%,#0c2866 0,transparent 28%),var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.55;padding-bottom:94px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a{transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}button:active,a:active{transform:scale(.97)}button{cursor:pointer}.app-page{width:min(100% - 32px,840px);margin:0 auto;padding:20px 0 34px}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.wordmark{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;letter-spacing:-.5px}.wordmark img{width:35px;height:35px;border-radius:11px}.wordmark small{display:block;margin-top:-3px;color:var(--muted);font-size:9px;letter-spacing:.6px}.avatar-button,.large-avatar,.mini-avatar{display:grid;place-items:center;border:1px solid #3067d4;border-radius:50%;background:linear-gradient(145deg,#2466e8,#0b2d7c);color:var(--blue-soft);font-weight:700}.avatar-button{width:37px;height:37px;font-size:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(16,31,64,.94),rgba(8,15,32,.94));box-shadow:var(--shadow)}.section-kicker{display:block;color:#6fa1ff;font-size:10px;font-weight:700;letter-spacing:.09em}.welcome-card{position:relative;overflow:hidden;padding:32px}.welcome-card .orbit-glow{position:absolute;inset:auto -90px -130px auto;width:260px;height:260px;border:1px solid #2461d2;border-radius:50%;box-shadow:0 0 0 35px rgba(29,80,198,.12),0 0 0 76px rgba(29,80,198,.06)}.welcome-card>*:not(.orbit-glow){position:relative;z-index:1}.welcome-card h1,.workspace-intro h1,.page-intro h1,.profile-hero h1,.admin-hero h1{margin:7px 0 8px;color:var(--text);font-size:clamp(26px,5vw,38px);line-height:1.25;letter-spacing:-1px}.welcome-card p,.workspace-intro p,.page-intro p,.admin-hero p{max-width:570px;margin:0;color:var(--muted);font-size:13px}.quick-stats{display:flex;align-items:center;gap:11px;margin-top:23px;font-size:12px;color:var(--muted)}.quick-stats b{color:var(--blue-soft);font-size:16px}.quick-stats i{width:3px;height:3px;border-radius:50%;background:#3979f5}.toast{margin:14px 0;padding:12px 14px;border:1px solid #2855a9;border-radius:13px;background:#0b1b3d;color:#b5d0ff;font-size:12px}.toast.error{border-color:#5d7ac0;background:#111a30;color:#b9c9eb}.success-strip{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px}.success-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1a5cd2;color:#ddecff;font-weight:700}.success-strip div{display:grid;gap:1px;flex:1;font-size:12px}.success-strip small{color:var(--muted);font-size:10px}.mini-button,.file-card-actions button,.file-card-actions a{min-height:32px;padding:0 11px;border:1px solid #2d5fb9;border-radius:9px;background:#112b61;color:#cfe1ff;font-size:11px;font-weight:700}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:18px 0 29px}.action-card{position:relative;min-height:137px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0f1e40,#09132a);overflow:hidden}.action-card:hover{border-color:#3678f4;background:#102752}.action-card.primary-action{border-color:#397cf7;background:linear-gradient(145deg,#1749aa,#0d2457)}.action-card.admin-entry{border-color:#244c9b}.action-icon{display:grid;place-items:center;position:absolute;top:15px;right:15px;width:35px;height:35px;border:1px solid #326bcf;border-radius:11px;background:#0e2d68;color:#a7c8ff;font-size:18px}.action-card b{color:var(--text);font-size:14px}.action-card small{margin-top:3px;color:var(--muted);font-size:10px}.action-card em{position:absolute;left:15px;bottom:15px;color:#70a2ff;font-size:17px;font-style:normal}.section-header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 2px 12px}.section-header h2{margin:3px 0 0;font-size:19px}.section-header>a{color:#6fa1ff;font-size:11px}.compact-list{overflow:hidden}.compact-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid #19315e}.compact-file:last-child{border-bottom:0}.file-symbol{display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border:1px solid #2c5fb7;border-radius:10px;background:#0b2354;color:#90bbff;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;direction:ltr}.compact-file b,.compact-file small{display:block}.compact-file b{font-size:12px}.compact-file small{margin-top:1px;color:var(--muted);font-size:9px}.compact-file>a{display:grid;place-items:center;width:28px;height:28px;color:#72a6ff;font-size:18px}.empty-card{display:grid;justify-items:center;gap:8px;padding:40px 24px;text-align:center}.empty-card>span{display:grid;place-items:center;width:47px;height:47px;border:1px solid #2c5fb7;border-radius:14px;background:#0b2354;color:#9dc3ff;font-family:ui-monospace,monospace}.empty-card h3{margin:4px 0 0;font-size:16px}.empty-card p{max-width:320px;margin:0;color:var(--muted);font-size:12px}.blue-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid #548eff;border-radius:12px;background:linear-gradient(135deg,#2f73ff,#1646ad);box-shadow:0 8px 20px rgba(26,82,195,.35);color:#e0edff;font-size:12px;font-weight:700}.blue-button:hover{background:linear-gradient(135deg,#3f80ff,#1c55c7)}.empty-card .blue-button{margin-top:7px}.bottom-nav{position:fixed;right:50%;bottom:max(13px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;justify-content:space-evenly;width:min(calc(100% - 22px),560px);height:65px;padding:6px;border:1px solid #264d99;border-radius:21px;background:rgba(6,12,28,.94);box-shadow:0 18px 45px rgba(0,0,0,.65);backdrop-filter:blur(16px);transform:translateX(50%)}.bottom-nav>a{position:relative;display:grid;justify-items:center;gap:2px;min-width:51px;padding:6px 5px;color:#7493c6;font-size:9px}.bottom-nav span{height:20px;color:#8fb7ff;font-size:19px;line-height:18px}.bottom-nav b{font-weight:500}.bottom-nav>a.active{color:#b6d1ff}.bottom-nav>a.active:after{content:"";position:absolute;top:-6px;width:23px;height:2px;border-radius:4px;background:#3a7cff}.bottom-nav .nav-preview{margin-top:-24px;padding:10px 14px;border:1px solid #5790ff;border-radius:16px;background:linear-gradient(145deg,#2f73ff,#17439b);box-shadow:0 8px 19px rgba(31,91,213,.4);color:#dceaff}.bottom-nav .nav-preview span{color:#dceaff}.bottom-nav .nav-preview.active:after{display:none}.back-title{display:flex;align-items:center;gap:8px;color:#a9c8ff;font-size:13px;font-weight:700}.live-status{display:flex;align-items:center;gap:6px;color:#7ca7ed;font-size:10px}.live-status i{width:7px;height:7px;border-radius:50%;background:#3479ff;box-shadow:0 0 0 4px rgba(52,121,255,.12)}.workspace-intro{margin-bottom:20px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.editor-panel,.preview-frame-wrap{min-width:0;overflow:hidden}.panel-label{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 14px;border-bottom:1px solid #1c376a;background:#0b1732;color:#a8c7ff;font-size:11px;font-weight:700}.panel-label small{color:#6385ba;font-size:9px;font-weight:400}.editor-panel textarea{display:block;width:100%;height:362px;padding:15px;border:0;outline:0;resize:vertical;background:#060d1d;color:#b6d1ff;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left}.editor-actions{display:flex;align-items:center;gap:10px;padding:11px;border-top:1px solid #1c376a;background:#0b1732}.editor-actions .blue-button{min-height:34px;padding:0 11px;font-size:10px}.editor-actions span{color:#7191c2;font-size:9px}.frame-controls{display:flex;gap:5px}.frame-controls button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #2452a7;border-radius:8px;background:#0c2351;color:#a9c9ff;font-size:14px}.preview-frame-wrap iframe{display:block;width:100%;height:362px;border:0;background:#06112a}.frame-hint{margin:0;padding:8px 12px;border-top:1px solid #1c376a;color:#7493c1;font-size:9px}.preview-frame-wrap.is-expanded{position:fixed;inset:18px;z-index:50;display:flex;flex-direction:column;border-color:#4b84f2;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.8)}.preview-frame-wrap.is-expanded iframe{height:auto;flex:1}.preview-frame-wrap.is-expanded .frame-hint{display:none}.save-project{display:grid;grid-template-columns:1.1fr .9fr .7fr auto;gap:10px;align-items:end;margin-top:13px;padding:14px}.save-project label{display:grid;gap:6px;color:#87a7d7;font-size:10px;font-weight:700}.save-project label small{color:#5574a5;font-size:8px;font-weight:400}.save-project input,.save-project select{width:100%;height:39px;border:1px solid #284e94;border-radius:9px;outline:0;background:#07142d;color:#c9ddff;padding:0 10px;font-size:11px}.save-project input:focus,.save-project select:focus{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(54,119,255,.16)}.input-prefix{display:flex;direction:ltr;align-items:center;height:39px;border:1px solid #284e94;border-radius:9px;overflow:hidden;background:#07142d}.input-prefix span{padding:0 9px;border-left:1px solid #284e94;color:#6e95d1}.input-prefix input{height:100%;border:0!important;border-radius:0;box-shadow:none!important}.save-project .blue-button{min-height:39px;padding:0 13px;white-space:nowrap}.round-add,.settings-mark,.admin-badge-top{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid #2e63c5;border-radius:10px;background:#0d285b;color:#aad0ff;font-size:19px}.page-intro{margin-bottom:21px}.files-stack{display:grid;gap:11px}.file-card{padding:15px}.file-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.file-card h2{margin:0;color:var(--text);font-size:14px}.file-card p{margin:2px 0 0;color:var(--muted);font-size:9px}.privacy{padding:4px 7px;border:1px solid #2a5ab2;border-radius:99px;background:#0d285b;color:#9dc5ff;font-size:9px}.privacy.public{border-color:#3574dc;background:#102d66;color:#b4d2ff}.file-url{display:flex;gap:8px;align-items:center;margin-top:12px;padding:9px;border:1px solid #1a396f;border-radius:10px;background:#07132b;overflow:hidden;direction:ltr}.file-url code{padding:3px 5px;border-radius:5px;background:#0e2d65;color:#99c1ff;font-size:10px}.file-url a{overflow:hidden;color:#769feb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{display:flex;gap:12px;margin:9px 0;color:#6e8abb;font-size:9px}.file-card-actions{display:flex;gap:7px}.file-card-actions form{margin:0}.file-card-actions .danger-text{border-color:#31466e;background:#101a33;color:#8ba6d7}.profile-hero{display:flex;align-items:center;gap:15px;padding:23px}.large-avatar{flex:0 0 auto;width:62px;height:62px;font-size:24px}.profile-hero h1{margin:2px 0;color:var(--text);font-size:23px}.profile-hero p{margin:0;color:#7897c8;font-size:11px}.settings-section{margin-top:25px}.settings-list{overflow:hidden}.setting-row,.service-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #19315e}.setting-row:last-child,.service-row:last-child{border-bottom:0}.setting-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2c5fb7;border-radius:10px;background:#0b2354;color:#9dc3ff;font-weight:700}.setting-row b,.setting-row small{display:block}.setting-row b,.service-row b{font-size:12px}.setting-row small,.service-row small{margin-top:2px;color:var(--muted);font-size:9px}.setting-row em{color:#70a2ff;font-style:normal}.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding:17px}.account-summary .section-kicker{grid-column:1/-1}.account-summary div{display:grid;gap:1px;padding:10px;border:1px solid #1c3e7d;border-radius:11px;background:#091a3a}.account-summary b{color:#a9ccff;font-size:22px}.account-summary small{color:var(--muted);font-size:9px}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:45px;margin-top:16px;border:1px solid #28436f;border-radius:12px;background:#0b1429;color:#8eaddd;font-size:12px}.admin-hero{padding:28px}.admin-hero p{color:#8fb0e6}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.metric-card{padding:14px}.metric-card span{display:block;color:#7898c9;font-size:9px}.metric-card b{display:block;margin-top:4px;color:#b1d0ff;font-size:22px}.admin-menu{display:grid;gap:10px}.admin-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px}.admin-tile>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #2c5fb7;border-radius:11px;background:#0b2354;color:#a8caff;font-size:17px}.admin-tile b,.admin-tile small{display:block}.admin-tile b{font-size:13px}.admin-tile small{margin-top:2px;color:var(--muted);font-size:9px}.admin-tile em{color:#70a2ff;font-size:18px;font-style:normal}.admin-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:14px;background:#081735}.admin-note>span{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border:1px solid #2c5fb7;border-radius:9px;color:#93beff}.admin-note p{margin:0;color:#88a6d5;font-size:10px;line-height:1.8}.admin-note code{color:#b9d4ff}.admin-list{overflow:hidden}.user-line,.admin-file-line{display:grid;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #19315e}.user-line{grid-template-columns:auto 1fr auto}.admin-file-line{grid-template-columns:auto 1fr auto auto}.user-line:last-child,.admin-file-line:last-child{border-bottom:0}.mini-avatar{width:32px;height:32px;font-size:12px}.user-line b,.user-line small,.admin-file-line b,.admin-file-line small{display:block}.user-line b,.admin-file-line b{font-size:11px}.user-line small,.admin-file-line small{margin-top:2px;color:var(--muted);font-size:9px}.user-line time{max-width:90px;color:#7595c5;font-size:9px;text-align:left}.admin-file-line>a{color:#87b0ff;font-size:17px}.blank-line{padding:15px;color:var(--muted);font-size:11px}.service-row{grid-template-columns:auto 1fr auto}.service-state{padding:4px 7px;border:1px solid #2f62bd;border-radius:99px;background:#0d285b;color:#a4c7ff;font-size:9px}.service-state.pending{border-color:#365087;background:#121d34;color:#91a8cf}.auth-page{display:grid;place-items:center;min-height:100vh;padding:18px;background:radial-gradient(circle at 50% 0,#0d2866 0,transparent 33%),#050816}.auth-card{width:min(430px,100%);padding:29px 24px;border:1px solid #1d407f;border-radius:23px;background:linear-gradient(145deg,#0e1c3b,#070d1f);box-shadow:0 25px 75px rgba(0,0,0,.65)}.auth-brand{display:flex;align-items:center;gap:9px;color:#dbeaff;font-size:19px;font-weight:700}.auth-brand img{width:42px;height:42px;border-radius:13px}.auth-brand small{display:block;margin-top:-3px;color:var(--muted);font-size:9px;font-weight:400}.auth-card h1{margin:7px 0;color:var(--text);font-size:28px;line-height:1.28}.auth-card>p{margin:0;color:var(--muted);font-size:12px}.auth-choice,.email-auth-form{display:grid;gap:11px;margin-top:22px}.email-auth-form label{display:grid;gap:6px;color:#8daade;font-size:10px}.email-auth-form input{height:44px;border:1px solid #284e94;border-radius:10px;outline:0;background:#07142d;color:#cae0ff;padding:0 12px}.email-auth-form input:focus{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(54,119,255,.16)}.auth-choice .blue-button,.email-auth-form .blue-button{width:100%}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border:1px solid #294f98;border-radius:12px;background:#0b1c3d;color:#a8c7ff;font-size:12px;font-weight:700}.divider{display:flex;align-items:center;gap:9px;margin:17px 0;color:#6687bb;font-size:10px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#1e3b70}.google-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #325ca9;border-radius:12px;background:#0c2452;color:#b8d3ff;font-size:12px;font-weight:700}.google-icon{width:19px;height:19px;filter:grayscale(1) sepia(1) hue-rotate(165deg) saturate(3)}.back-link{display:block;margin-top:17px;color:#77a5ff;font-size:11px;text-align:center}.auth-footnote{display:block;margin-top:20px;color:#5f7eae;font-size:9px;text-align:center}.email-highlight{margin:13px 0 3px;padding:10px;border:1px solid #23477f;border-radius:9px;background:#081937;color:#a9caff;font-size:11px;text-align:center}.email-auth-form input[name="code"]{font-family:ui-monospace,monospace;font-size:22px;letter-spacing:7px;text-align:center}.alert{margin:15px 0;padding:11px;border:1px solid #2f5eaf;border-radius:10px;background:#0b1b3c;color:#b4d0ff;font-size:11px}.alert.error{border-color:#465e91;background:#111a30;color:#bac8e4}@media(max-width:700px){.workspace-grid{grid-template-columns:1fr}.editor-panel textarea,.preview-frame-wrap iframe{height:300px}.save-project{grid-template-columns:1fr 1fr}.save-project .visibility-select{grid-column:1/2}.save-project .blue-button{grid-column:1/-1}.admin-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){body{padding-bottom:90px}.app-page{width:min(100% - 22px,840px);padding-top:14px}.welcome-card,.admin-hero{padding:25px 20px}.welcome-card h1,.workspace-intro h1,.page-intro h1,.admin-hero h1{font-size:26px}.action-grid{gap:8px}.action-card{min-height:123px;padding:13px}.action-icon{top:12px;right:12px}.compact-file{padding:12px}.bottom-nav{width:calc(100% - 14px);height:62px}.bottom-nav>a{min-width:43px;font-size:8px}.bottom-nav span{font-size:17px}.bottom-nav .nav-preview{padding:9px 11px}.save-project{grid-template-columns:1fr}.save-project .visibility-select,.save-project .blue-button{grid-column:auto}.preview-frame-wrap.is-expanded{inset:7px}.profile-hero{padding:18px}.user-line time{display:none}.admin-file-line{grid-template-columns:auto 1fr auto}.admin-file-line>a{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid #548eff;border-radius:12px;background:linear-gradient(135deg,#2f73ff,#1646ad);box-shadow:0 8px 20px rgba(26,82,195,.35);color:#e0edff;font-size:12px;font-weight:700}.primary-button:hover{background:linear-gradient(135deg,#3f80ff,#1c55c7)}.button.primary-button{width:100%}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #2c5fb7;border-radius:11px;background:#0b2354;color:#a9caff;font-size:12px}.setup-notice{margin:14px 0;padding:11px;border:1px solid #244b90;border-radius:10px;background:#091a3a;color:#9ebfff;font-size:11px}.setup-notice span{display:block;margin-top:3px;color:#7898c9;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Mobile login: spacious, touch-first and tuned for high-refresh displays. CSS cannot force a device refresh rate, but avoids costly effects and keeps transitions at 144Hz-friendly durations. */
.auth-page{min-height:100svh;min-height:100dvh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.auth-page *{backface-visibility:hidden}.auth-card{will-change:transform;contain:layout paint}.auth-choice a,.email-auth-form button,.google-button{min-height:52px;touch-action:manipulation}.email-auth-form{gap:14px}.email-auth-form input{min-height:50px;font-size:16px}@media(max-width:600px){.auth-page{display:flex;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(circle at 50% -8%,#123b91 0,transparent 42%),#050816}.auth-card{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100svh;min-height:100dvh;padding:clamp(28px,8vw,54px) clamp(20px,7vw,34px);border:0;border-radius:0;background:linear-gradient(160deg,rgba(14,28,59,.98),rgba(5,10,24,.99));box-shadow:none}.auth-brand{font-size:21px;margin-bottom:30px}.auth-brand img{width:48px;height:48px}.auth-card h1{font-size:clamp(30px,8vw,38px);margin:10px 0 12px}.auth-card>p{font-size:14px;line-height:1.8}.auth-choice,.email-auth-form{margin-top:28px;gap:14px}.auth-choice .button,.email-auth-form .button,.google-button{min-height:56px;border-radius:15px;font-size:14px}.divider{margin:22px 0}.auth-footnote{margin-top:28px}.auth-orbit{opacity:.55}.orbit-one{width:520px;height:520px;right:-300px;top:-270px}.orbit-two{width:360px;height:360px;left:-260px;bottom:-250px}}@media(min-width:601px){.auth-page{animation:auth-enter .24s cubic-bezier(.22,1,.36,1)}}@keyframes auth-enter{from{opacity:.7;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@media(prefers-reduced-motion:reduce){.auth-page{animation:none}.auth-page *{transition:none!important}}

@media(max-width:600px){.auth-page{width:100vw;min-width:100vw;max-width:100vw;margin:0;padding-left:0;padding-right:0}.auth-card{flex:0 0 100vw;width:100vw;max-width:100vw;min-width:100vw}}

/* Upload-first home and app-like glass controls */
.upload-page{max-width:720px}.upload-only{padding:clamp(24px,5vw,42px);margin-top:20px}.upload-heading{text-align:center}.upload-heading h1{margin:7px 0;color:var(--text);font-size:clamp(29px,6vw,42px)}.upload-heading p{margin:0;color:var(--muted);font-size:12px}.upload-form{display:grid;gap:13px;margin-top:24px}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:25px;border:1px dashed #3a70ce;border-radius:19px;background:rgba(8,25,59,.58);cursor:pointer;text-align:center;transition:background .14s ease,border-color .14s ease,transform .14s ease}.drop-zone:hover,.drop-zone.is-dragging{border-color:#62a0ff;background:rgba(18,55,122,.75);transform:translateY(-2px)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:11px;border:1px solid #3b7cf2;border-radius:15px;background:#103476;color:#a9ccff;font-size:26px}.drop-zone strong{font-size:15px}.drop-zone small{margin-top:4px;color:#7e9fd2;font-size:10px}.drop-zone b{margin-top:13px;color:#a3c4f5;font-size:10px;font-weight:500}.field-label{display:grid;gap:6px;color:#91b0df;font-size:10px;font-weight:700}.field-label small{color:#5f81b5;font-size:8px;font-weight:400}.field-label input,.field-label select{width:100%;height:45px;border:1px solid #2a559f;border-radius:11px;outline:0;background:#07142d;color:#cce0ff;padding:0 12px;font-size:12px}.field-label input:focus,.field-label select:focus{border-color:#5790ff;box-shadow:0 0 0 3px rgba(55,124,255,.16)}.upload-options{display:grid;grid-template-columns:1fr .7fr;gap:11px}.input-prefix{display:flex;direction:ltr;align-items:center;height:45px;border:1px solid #2a559f;border-radius:11px;overflow:hidden;background:#07142d}.input-prefix:focus-within{border-color:#5790ff;box-shadow:0 0 0 3px rgba(55,124,255,.16)}.input-prefix span{padding:0 11px;border-left:1px solid #2a559f;color:#6f98d5}.input-prefix input{height:100%;border:0!important;box-shadow:none!important;border-radius:0}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:0 14px;border:1px solid rgba(77,139,244,.62);border-radius:12px;background:rgba(21,54,112,.46);box-shadow:inset 0 1px 0 rgba(171,210,255,.08),0 8px 22px rgba(0,0,0,.16);color:#b9d6ff;font-size:11px;font-weight:700;cursor:pointer;touch-action:manipulation}.app-button:hover{border-color:#70a8ff;background:rgba(34,85,173,.66);transform:translateY(-2px)}.app-button-primary{border-color:#5792ff;background:linear-gradient(135deg,#2f73ff,#1646ad);color:#e5f0ff}.upload-submit{width:100%;min-height:50px;margin-top:3px;font-size:13px}.upload-result{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:20px;padding:17px}.upload-result-copy{min-width:0;display:grid;gap:2px}.upload-result-copy b{font-size:14px}.upload-result-copy a{overflow:hidden;color:#73a9ff;font-family:ui-monospace,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.upload-result-actions{display:flex;grid-column:1/-1;gap:8px}.upload-result-actions .app-button{flex:1}.success-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1e61d6;color:#ddecff;font-weight:700}.bottom-nav>a{border:1px solid rgba(53,101,190,.34);border-radius:13px;background:rgba(13,31,70,.38);box-shadow:inset 0 1px 0 rgba(166,204,255,.04)}.bottom-nav>a:hover{border-color:#4c88f4;background:rgba(25,63,132,.68);transform:translateY(-2px)}.bottom-nav .nav-preview{border-color:#5790ff;background:linear-gradient(145deg,#2f73ff,#17439b)}.admin-file-actions{display:flex;align-items:center;gap:5px}.admin-file-actions form{margin:0}.admin-file-actions a,.admin-file-actions button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2b5cae;border-radius:8px;background:#0b2354;color:#93bfff;font-size:15px}.admin-file-actions button{color:#9fbbe3;cursor:pointer}.admin-file-actions button:hover{border-color:#5b8fe5;background:#182f5c}@media(max-width:440px){.upload-only{padding:22px 16px}.upload-options{grid-template-columns:1fr}.upload-result{padding:14px}.upload-result-actions{gap:6px}.app-button{padding:0 10px;font-size:10px}.drop-zone{min-height:190px}}