:root{color-scheme:dark;--bg: #111418;--text: #f5f7fb;--muted: #a7b0bf;--primary: #2b76ff;--primary-bright: #5bb1ff;--card: rgba(17, 24, 35, .82);--card-border: rgba(90, 132, 255, .35);--shadow: 0 24px 50px rgba(6, 12, 26, .55);--radius-lg: 22px;--radius-md: 16px;--nav-bg: rgba(14, 30, 55, .92);--nav-border: rgba(90, 132, 255, .3)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,Avenir Next,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.app{min-height:100vh}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;opacity:.2}.orb{position:absolute;border-radius:50%;filter:blur(0px);opacity:.8;animation:float 8s ease-in-out infinite}.orb-1{width:280px;height:280px;background:radial-gradient(circle,rgba(60,160,255,.5),transparent 70%);top:-90px;left:-80px}.orb-2{width:220px;height:220px;background:radial-gradient(circle,rgba(30,107,255,.45),transparent 70%);bottom:120px;right:-60px;animation-delay:1.5s}.orb-3{width:160px;height:160px;background:radial-gradient(circle,rgba(80,120,255,.35),transparent 70%);top:45%;left:60%;animation-delay:2.5s}.screen{max-width:520px;margin:0 auto;padding:28px 20px calc(120px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px;position:relative;z-index:1;min-height:100dvh;pointer-events:auto}.screen.screen-wide{max-width:1120px}.page{display:flex;flex-direction:column;gap:18px;display:none;opacity:0;transform:translate3d(0,18px,0);filter:blur(8px);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:1;backface-visibility:hidden;will-change:opacity,transform,filter;transition:transform .45s ease,filter .45s ease}.page.is-active{display:flex;opacity:1;transform:none;filter:none;pointer-events:auto;position:relative;inset:auto;z-index:2}.page.is-active *{pointer-events:auto}.page-stack{display:flex;flex-direction:column;gap:18px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.partner-soon{margin-top:8px;padding:24px;border-radius:22px;border:1px solid rgba(120,160,255,.2);background:linear-gradient(140deg,#101a30eb,#0a1222f0);box-shadow:0 20px 40px #0810228c;text-align:center}.partner-soon-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:#5ea4ff2e;border:1px solid rgba(108,178,255,.35);color:#9ad0ff;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.partner-soon-title{margin:16px 0 8px;font-size:22px;font-weight:700;color:#e6f1ff}.partner-soon-text{margin:0;font-size:14px;color:#c5d7f5d9;line-height:1.5}.form-error,.form-success{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.4}.form-note{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.4;background:#3c78d229;border:1px solid rgba(90,150,255,.35);color:#c9dcff}.form-error{background:#dc464629;border:1px solid rgba(255,120,120,.35);color:#ffb3b3}.form-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2000;padding:12px 18px;border-radius:16px;font-size:13px;line-height:1.4;background:#241018e0;border:1px solid rgba(255,120,120,.6);color:#ffd6d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(360px,86vw);text-align:center;box-shadow:0 12px 30px #0a142873;pointer-events:none}.form-success{background:#3ca07829;border:1px solid rgba(110,210,160,.35);color:#b6f4d6}.form-warning{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.5;background:#ffb4501f;border:1px solid rgba(255,200,120,.3);color:#ffd7a8;display:grid;gap:4px}.page.is-leaving{opacity:0;transform:translate3d(0,-12px,0);filter:blur(8px);pointer-events:none;position:relative;inset:auto;width:100%}.reveal{opacity:0;transform:translateY(16px)}.page.is-active .reveal{animation:rise .7s ease forwards;animation-delay:var(--delay, 0s)}.profile{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;background:linear-gradient(120deg,#141c2aeb,#0c121eeb);border:1px solid rgba(120,160,255,.2);box-shadow:0 18px 36px #070e1c99}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(140deg,#2b76ff,#5bb1ff);color:#fff;font-weight:700;font-size:20px;display:grid;place-items:center;position:relative;box-shadow:0 14px 26px #1952c873;overflow:hidden}.avatar:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(90,132,255,.5);box-shadow:0 0 22px #3ca0ff59}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-text{display:flex;flex-direction:column;gap:6px}.username{font-size:14px;color:var(--muted);letter-spacing:.2px}.fullname{font-size:22px;font-weight:700}.subtitle{font-size:12px;color:#f5f7fb99;text-transform:uppercase;letter-spacing:1.6px}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.balance{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.balance:before{content:"";position:absolute;inset:-40% -10% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(60,160,255,.4),transparent 70%);opacity:.8}.balance>*{position:relative;z-index:1}.balance-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.balance-header{font-size:15px;font-weight:600;color:var(--muted)}.token-pill{padding:4px 6px;border-radius:999px;font-size:11px;letter-spacing:1.2px;font-weight:700;color:#d6e8ff;border:1px solid rgba(90,132,255,.45);background:#2b76ff2e;display:inline-flex;align-items:center;justify-content:center}.balance-value{display:flex;align-items:center;gap:8px;font-size:42px;font-weight:800;letter-spacing:-.6px}.balance-unit{font-size:14px;font-weight:600;color:#f5f7fbb3;margin-left:6px}.coin{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;margin-left:10px;filter:drop-shadow(0 12px 20px rgba(43,118,255,.5))}.coin svg{width:48px;height:48px}.coin-small{width:32px;height:32px;margin-left:0;filter:drop-shadow(0 8px 12px rgba(43,118,255,.4))}.coin-small svg{width:32px;height:32px}.balance-note{font-size:13px;color:#f5f7fbb3;line-height:1.4}.actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.primary-button{border:none;border-radius:18px;padding:18px 16px;font-size:17px;font-weight:700;background:linear-gradient(140deg,var(--primary),var(--primary-bright));color:#fff;box-shadow:0 16px 30px #1e6bff73;position:relative;overflow:hidden;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;animation:glow 3s ease-in-out infinite;user-select:none;-webkit-user-select:none}.primary-button:after{content:"";position:absolute;top:-30%;right:60%;bottom:-30%;left:-40%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:sheen 4s ease-in-out infinite}.primary-button:active{transform:scale(.98);box-shadow:0 8px 18px #1e6bff59;filter:brightness(.98)}.primary-button:focus-visible{outline:2px solid rgba(90,132,255,.7);outline-offset:3px}.btn-primary{border:none;border-radius:18px;padding:16px 14px;font-size:16px;font-weight:700;background:linear-gradient(140deg,var(--primary),var(--primary-bright));color:#fff;box-shadow:0 12px 26px #1e6bff59;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;user-select:none;-webkit-user-select:none}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary:active{transform:scale(.98);box-shadow:0 8px 18px #1e6bff40}.helper-link{font-size:13px;color:var(--muted);text-decoration:none;text-align:center;background:none;border:none;cursor:pointer}.helper-link:active{color:var(--primary-bright)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a101e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s ease;z-index:40}.sheet{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.96);width:min(520px,calc(100% - 32px));max-height:min(78vh,680px);overflow-y:auto;background:#0e1624f5;color:var(--text);border-radius:26px;padding:28px 24px 24px;box-shadow:0 30px 60px #060c1a99;border:1px solid rgba(90,132,255,.25);opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:60;pointer-events:none}.sheet.open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.sheet-backdrop.open{opacity:1}.sheet-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:20px;line-height:1;cursor:pointer}.sheet-content h2{margin:0 0 8px;font-size:22px}.sheet-content p{margin:0 0 20px;font-size:14px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field span{font-size:13px;color:var(--muted)}.field input,.field select,.select-trigger{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);padding:12px 14px;font-size:15px;outline:none}.select{position:relative}.select-trigger{text-align:left;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none}.select-trigger:after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid rgba(245,247,251,.7);border-bottom:2px solid rgba(245,247,251,.7);transform:translateY(-60%) rotate(45deg);transition:transform .2s ease}.select.is-disabled .select-trigger{opacity:.5;cursor:not-allowed}.select.is-open .select-trigger:after{transform:translateY(-40%) rotate(-135deg)}.select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#0c121efa;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:6px;display:grid;gap:4px;box-shadow:0 18px 40px #060c1a80;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:2}.select.is-open .select-menu{opacity:1;transform:translateY(0);pointer-events:auto}.select-option{border:none;background:#ffffff0a;color:var(--text);padding:10px 12px;border-radius:12px;text-align:left;font-size:14px;cursor:pointer;transition:background .2s ease}.select-option:active{background:#5a84ff2e}.pill-group{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pill{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);padding:12px 0;border-radius:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,border .2s ease,background .2s ease;user-select:none;-webkit-user-select:none}.pill:active{transform:scale(.97)}.pill.is-active{border-color:#5a84ff99;background:#5a84ff33;box-shadow:inset 0 0 0 1px #5a84ff66}.amount-line{margin:6px 0 18px;font-size:16px;color:var(--muted)}.error-text{margin:8px 0 14px;font-size:13px;color:#fca5a5}.sheet-cta{width:100%}body.modal-open .bottom-nav{opacity:0;transform:translate(-50%) translateY(12px);pointer-events:none}body.keyboard-open .screen{padding-bottom:28px}.partner-hero{padding:18px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:8px}.partner-hero h2{margin:0;font-size:22px}.partner-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.partner-actions{border-radius:20px;padding:16px;border:1px dashed rgba(90,132,255,.35);background:#0c121e99;display:grid;gap:12px}.ghost-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);padding:14px 16px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .2s ease;user-select:none;-webkit-user-select:none}.ghost-button:active{transform:scale(.98);background:#5a84ff33}.ghost-button.full{width:100%}.partner-card{border-radius:22px;padding:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:grid;gap:14px}.partner-card-header{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.partner-count{color:var(--muted);font-size:13px}.partner-linkbox{border-radius:18px;padding:16px;background:#0a0e1699;border:1px solid rgba(255,255,255,.08);display:grid;gap:12px}.partner-link-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.4px}.partner-url{font-size:15px;line-height:1.4;word-break:break-all;color:#fff}.partner-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.partner-stat{border-radius:14px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:6px}.partner-stat span{font-size:12px;color:var(--muted)}.partner-stat strong{font-size:20px}.partner-hint{font-size:13px;color:var(--muted)}.partner-summary{border-radius:20px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.partner-summary-icon{width:36px;height:36px;border-radius:14px;background:#5a84ff33;display:grid;place-items:center;color:var(--primary-bright);font-size:18px}.partner-summary-title{font-size:13px;color:var(--muted)}.partner-summary-value{font-size:22px;font-weight:700}.ai-hero{padding:18px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:8px}.ai-hero h2{margin:0;font-size:22px}.ai-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.ai-list{display:grid;gap:12px}.ai-subtitle{font-size:13px;color:var(--muted)}.ai-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ai-category-card{border:1px solid rgba(90,132,255,.25);background:linear-gradient(160deg,#142034e6,#0a1220e6);border-radius:20px;padding:16px;min-height:150px;display:flex;flex-direction:column;gap:8px;color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease,border .2s ease,box-shadow .2s ease;box-shadow:0 14px 28px #0a122059;user-select:none;-webkit-user-select:none}.ai-category-card:active{transform:scale(.98);border-color:#5a84ff80;box-shadow:0 10px 20px #0a122073}.ai-category-icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#5a84ff33;color:var(--primary-bright);font-size:18px}.ai-category-title{font-size:18px;font-weight:700}.ai-category-desc{font-size:12px;color:#f5f7fbb3}.ai-category-meta{margin-top:auto;font-size:12px;color:var(--muted)}.ai-step{display:none;flex-direction:column;gap:12px}.ai-step.is-active{display:flex;animation:rise .6s ease forwards}.ai-step-header{display:flex;align-items:center;gap:12px}.ai-step-header h3{margin:0;font-size:20px;font-weight:700}.ai-back{align-self:center;border:none;background:#ffffff0f;color:var(--text);padding:6px 12px;display:inline-flex;align-items:center;line-height:1;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .2s ease;user-select:none;-webkit-user-select:none}.ai-back:active{transform:scale(.96);background:#5a84ff33}.ai-item{border:1px solid rgba(255,255,255,.08);background:#ffffff0d;border-radius:18px;padding:14px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;color:var(--text);font-size:14px;cursor:pointer;transition:transform .12s ease,border .2s ease,background .2s ease;user-select:none;-webkit-user-select:none}.ai-item:active{transform:scale(.98);border-color:#5a84ff59}.ai-dot{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#5bb1ff,#2b76ff);box-shadow:0 4px 10px #2b76ff59}.ai-dot-alt{background:radial-gradient(circle at 30% 30%,#7cc7ff,#2b76ff)}.ai-name{font-weight:600}.ai-cost{color:var(--muted);font-size:13px}.prompt-area{width:100%;min-height:160px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);padding:12px 14px;font-size:15px;line-height:1.5;outline:none;resize:vertical;scroll-margin-bottom:40vh;transition:border-color .2s ease,box-shadow .2s ease}.prompt-area:focus{border-color:#7cc7ff66;box-shadow:0 10px 30px #0f2a5473}.field-meta{font-size:12px;color:var(--muted);text-align:right}.field-meta.subtle{text-align:left;margin-top:-4px}.studio-list{display:grid;gap:12px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0c121e66;margin-bottom:16px}.studio-list-wrap .studio-list{margin-bottom:6px}.studio-mode{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(120,160,255,.18);background:#141e3499;color:#e6f1ff;font-size:13px;font-weight:600;margin-bottom:16px}.studio-header-actions{display:inline-flex;align-items:center;gap:10px}.studio-mode span{color:var(--muted);font-weight:600}.studio-list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:14px;font-weight:600}.studio-list-row{display:grid;gap:10px}.studio-list-empty{font-size:13px;color:var(--muted)}.studio-mini-btn{border:1px solid rgba(90,132,255,.35);background:#2b76ff26;color:#cfe6ff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .12s ease,border .2s ease,background .2s ease}.studio-mini-btn:disabled{opacity:.5;cursor:not-allowed}.studio-mini-btn.ghost{background:transparent;color:#cfe6ffcc;border-color:#ffffff2e;justify-self:flex-start}.studio-mini-btn:active{transform:scale(.97)}.upload-block{display:grid;gap:10px}.upload-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:600}.studio-section{display:grid;gap:12px;margin-bottom:18px}.studio-section.is-disabled{opacity:.6}.studio-layout{display:grid;grid-template-columns:1fr;gap:20px}.studio-main{min-width:0}.studio-side{position:static;align-self:stretch}.studio-card{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0a101cb3;padding:16px;display:grid;gap:16px;color:#d9e7ff;font-size:12px}.studio-title{font-size:13px;font-weight:700;color:#f2f6ff;letter-spacing:.02em;text-transform:uppercase}.studio-block{display:grid;gap:6px}.studio-label{font-weight:600;color:#e6f1ff}.studio-value{font-size:13px;font-weight:600}.studio-sub{color:var(--muted)}.studio-list{display:grid;gap:4px;color:var(--muted)}.studio-section-title{font-size:14px;font-weight:600;color:#e6f1ff}.studio-mode-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.studio-mode-card{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0c121e73;padding:14px;text-align:left;color:var(--text);cursor:pointer;transition:border .2s ease,transform .2s ease,background .2s ease}.studio-mode-card.active{border-color:#5a84ff99;background:#284ea059;transform:translateY(-2px)}.studio-mode-title{font-weight:600;margin-bottom:4px}.studio-mode-desc{font-size:12px;color:var(--muted)}.studio-seg{display:flex;width:100%;gap:8px;padding:6px;border-radius:999px;background:#0c1422a6;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff05}.studio-seg-btn{flex:1;border:0;background:transparent;color:var(--muted);padding:8px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600}.studio-seg-btn.active{background:#5078ff73;color:#e6f1ff;box-shadow:0 6px 18px #284ea059}.upload-card .studio-seg{margin-top:8px;padding:4px;gap:6px}.upload-card .studio-seg-btn{padding:6px 10px;font-size:11px}.prompt-helper{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.prompt-chips{display:flex;flex-wrap:wrap;gap:8px}.prompt-chip{border-radius:999px;padding:6px 10px;border:1px dashed rgba(90,132,255,.4);background:#1e3c7840;color:#d8e7ff;font-size:12px;cursor:pointer}.prompt-chip.muted{opacity:.6;cursor:default}.studio-ratio-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(80px,1fr))}.studio-ratio-card{display:grid;place-items:center;gap:8px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0c121e73;color:var(--text);cursor:pointer}.studio-ratio-card.active{border-color:#5a84ff99;background:#284ea04d}.ratio-shape{display:inline-block;border:1px solid rgba(255,255,255,.4);background:#ffffff0f}.ratio-shape.auto{width:18px;height:18px;border-radius:4px}.ratio-shape.portrait{width:14px;height:22px;border-radius:4px}.ratio-shape.square{width:20px;height:20px;border-radius:4px}.ratio-shape.landscape{width:24px;height:14px;border-radius:4px}.studio-duration-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.studio-duration-btn{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0c121e73;color:var(--text);padding:8px 10px;cursor:pointer;font-size:12px;font-weight:600}.studio-duration-btn.active{border-color:#5a84ff99;background:#284ea04d}.studio-list-meta{font-size:12px;color:var(--muted)}.studio-hint{font-size:12px;color:#8ca0bee6;margin-top:6px}.studio-hint-outside{margin-left:8px;margin-bottom:14px}.studio-card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.upload-card{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#080e188c;padding:12px;display:grid;gap:10px}.upload-thumb{border-radius:14px;overflow:hidden;background:#ffffff0d;display:grid;place-items:center;min-height:96px;max-height:180px;position:relative}.upload-thumb img,.upload-thumb video{max-width:100%;max-height:180px;height:auto;width:auto;object-fit:contain}.upload-empty{font-size:12px;color:var(--muted)}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#050a1273;border-radius:16px}.upload-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-btn{position:relative;border:1px solid rgba(90,132,255,.35);background:#2b76ff26;color:#cfe6ff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}.upload-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(207,230,255,.35);border-top-color:#cfe6fff2;border-radius:50%;animation:upload-spin .9s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-btn.ghost{background:transparent;border-color:#ffffff29;color:var(--muted)}.upload-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.frame-toggle{display:flex;gap:6px;flex-wrap:wrap}.frame-toggle button{border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0c121e66;color:var(--muted);padding:6px 10px;font-size:11px;cursor:pointer}.frame-toggle button.active{border-color:#5a84ff99;background:#284ea04d;color:#e6f1ff}.video-controls{display:grid;gap:10px}.audio-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text);padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0c121e73}.audio-toggle span{white-space:nowrap}.audio-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.28);background:#ffffff0f;display:grid;place-items:center;cursor:pointer;transition:border .2s ease,background .2s ease}.audio-toggle input:after{content:"";width:8px;height:4px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg);transition:border-color .2s ease}.audio-toggle input:checked{border-color:#5a84ff99;background:#2b76ff59}.audio-toggle input:checked:after{border-color:#f0f6ff}.studio-tags{display:flex;flex-wrap:wrap;gap:8px}.studio-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#2b76ff33;border:1px solid rgba(90,132,255,.3);color:#d8e7ff;font-size:12px}.studio-tag button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a12b3;display:block;z-index:50}.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:18px;background:#0e1420f5;padding:20px;width:min(360px,90vw);border:1px solid rgba(255,255,255,.12);display:grid;gap:12px}.modal-title{font-weight:600;color:#e6f1ff}.modal-input{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);padding:10px 12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.form-warning.inline{margin-top:10px}@media (min-width: 1280px){.studio-layout{grid-template-columns:minmax(0,1fr) minmax(220px,320px)}.studio-side{position:sticky;top:18px;align-self:start}}.payload-preview{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0a101c8c;padding:14px;margin-top:16px;color:#cfe6ff;font-size:12px}.payload-preview-title{font-weight:600;margin-bottom:8px;color:#e6f1ff}.payload-preview pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.studio-debug{margin-top:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0a101c99;padding:14px;display:grid;gap:12px}.studio-debug-title{font-size:12px;font-weight:700;color:#e6f1ff;text-transform:uppercase;letter-spacing:.04em}.studio-debug-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));color:var(--muted);font-size:12px}.studio-debug-grid strong{color:#e6f1ff;font-weight:600;display:block;margin-bottom:4px}.upload-note{font-size:12px;color:#f5f7fb99}.upload-box{width:100%;border-radius:18px;min-height:140px;border:2px dashed rgba(90,132,255,.35);background:#0c121e80;color:#d6e8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:600;cursor:pointer;transition:border .2s ease,transform .12s ease;user-select:none;-webkit-user-select:none}.upload-box:active{transform:scale(.98);border-color:#5a84ff99}.upload-plus{font-size:28px;font-weight:600}.upload-error{font-size:12px;color:var(--primary-bright)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted);font-weight:600}.toggle{width:52px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;position:relative;padding:0;cursor:pointer;transition:background .2s ease,border .2s ease;user-select:none;-webkit-user-select:none}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle.is-on{background:#5a84ff59;border-color:#5a84ff99}.toggle.is-on .toggle-knob{transform:translate(24px)}.bottom-nav{position:fixed;left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100% - 32px));height:78px;border-radius:32px;padding:10px;background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:0 18px 40px #081022b3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;overflow:hidden}.bottom-nav-inner{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;position:relative}.bottom-nav.reveal{transform:translate(-50%) translateY(16px);animation:nav-rise .7s ease forwards;animation-delay:var(--delay, 0s)}body.keyboard-open .bottom-nav{display:none}.nav-item{position:relative;z-index:2;border:none;background:transparent;color:#f5f7fbbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:4px 6px;border-radius:22px;font-size:12px;font-weight:600;letter-spacing:.2px;text-align:center;transition:transform .16s ease,color .2s ease;user-select:none;-webkit-user-select:none}.nav-icon{width:32px;height:32px;display:grid;place-items:center;margin:0 auto;transform:translate(var(--nav-icon-shift-x, var(--nav-shift-x, 0px)))}.nav-icon-svg{width:26px;height:26px;display:block;transition:transform .2s ease}.nav-icon-svg:not(.nav-icon-ai){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease,stroke .2s ease}.nav-icon-ai{width:30px;height:30px;stroke:none;filter:drop-shadow(0 0 6px rgba(91,177,255,.55))}.nav-item:active{transform:scale(.95)}.nav-item.is-active{color:#eaf3ff}.nav-item.is-active .nav-icon-svg{transform:translateY(-2px) scale(1.05)}.nav-item.is-active .nav-icon-svg:not(.nav-icon-ai){stroke:#5bb1ff}.nav-item.is-active .nav-label{color:#7cc7ff}.nav-item.is-pressed .nav-icon-svg{transform:translateY(-3px) scale(1.12)}.nav-label{width:100%;line-height:1;text-align:center;transform:translate(var(--nav-shift-x, 0px));transition:color .2s ease}.nav-item[data-tab=ai]{--nav-icon-shift-x: 2px;--nav-pill-boost: 4px}.nav-pill[data-icon=ai]{top:0;bottom:0;border-radius:30px;border:1px solid rgba(157,206,255,.65);background:radial-gradient(circle at top,#68a5ff8c,#204c968c),#182c52d9;box-shadow:inset 0 0 24px #6084ff73}.nav-pill{position:absolute;top:0;left:0;bottom:0;border-radius:26px;background:radial-gradient(circle at top,#64b4ff4d,#1e55aa59);border:1px solid rgba(125,200,255,.4);box-shadow:inset 0 0 18px #5096ff4d;transform:translate(var(--nav-offset, 0));transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-rise{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes glow{0%,to{box-shadow:0 16px 30px #1e6bff73}50%{box-shadow:0 20px 40px #1e6bff99}}@keyframes sheen{0%,70%{transform:translate(-120%)}to{transform:translate(160%)}}@media (prefers-reduced-motion: reduce){.reveal,.primary-button,.primary-button:after,.orb{animation:none}}@media (max-width: 420px){.ai-category-grid{grid-template-columns:1fr}}@media (min-width: 600px){.screen{padding:36px 28px calc(120px + env(safe-area-inset-bottom))}.balance{padding:26px}.balance-value{font-size:46px}.bottom-nav{width:min(420px,calc(100% - 32px))}}