: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}html,body,#root{height:100%;overscroll-behavior:none}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;min-height:100vh;font-family:Sora,Avenir Next,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app{min-height:100%;height:100%;overflow:hidden}.web-entry{position:relative;z-index:1;min-height:100dvh;display:grid;grid-template-columns:76px minmax(0,1fr);background:#08090b;color:#f4f6f8;-webkit-user-select:none;user-select:none}.web-rail{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:30px;padding:18px 12px;background:#111317;border-right:1px solid #202329}.web-brand{width:44px;height:44px;border:0;border-radius:14px;background:#2b76ff;color:#fff;font:800 18px/1 inherit;cursor:pointer}.web-rail-group{display:flex;flex-direction:column;gap:10px}.web-rail-group--bottom{margin-top:auto}.web-rail-button{width:44px;height:44px;border:0;border-radius:12px;display:grid;place-items:center;color:#727780;background:transparent;cursor:pointer;transition:color .16s ease,background-color .16s ease}.web-rail-button:hover{color:#d9dde3;background:#1a1d22}.web-rail-button.is-active{color:#75a7ff;background:#2b76ff21}.web-rail-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.web-entry-main{min-width:0;min-height:100dvh;position:relative}.web-entry-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px}.web-entry-wordmark{font-size:15px;font-weight:700;letter-spacing:-.02em;color:#dfe3e8}.web-login-button{height:42px;padding:0 18px;border:1px solid #2e333a;border-radius:13px;display:inline-flex;align-items:center;gap:9px;background:#f3f5f7;color:#101216;font:700 14px/1 inherit;cursor:pointer}.web-login-button svg{width:18px;height:18px;fill:#229ed9}.web-hero{min-height:calc(100dvh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px 100px}.web-hero-copy{width:min(760px,100%);margin-bottom:32px;text-align:center}.web-eyebrow{display:block;margin-bottom:13px;color:#4e87ee;font-size:11px;font-weight:800;letter-spacing:.16em}.web-hero h1{margin:0;color:#eceff3;font-size:clamp(38px,4.5vw,58px);font-weight:650;line-height:1;letter-spacing:-.045em}.web-composer{width:min(820px,100%);padding:18px;border:1px solid #2a2e34;border-radius:23px;background:#181a1e;box-shadow:0 18px 60px #00000047}.web-composer textarea{width:100%;min-height:104px;padding:2px 4px 18px;resize:none;border:0;outline:0;background:transparent;color:#f1f3f5;font:500 17px/1.5 inherit}.web-composer textarea::placeholder{color:#747981}.web-composer-toolbar,.web-composer-actions{display:flex;align-items:center;gap:9px}.web-composer-toolbar{justify-content:space-between}.web-tool-button{height:40px;padding:0 14px;border:1px solid #30343a;border-radius:12px;background:#1b1d21;color:#c3c7cd;font:650 13px/1 inherit;cursor:pointer}.web-tool-button:hover{border-color:#414750;color:#f3f5f7}.web-tool-button--icon{width:40px;padding:0;display:grid;place-items:center}.web-tool-button--icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.web-chevron{margin-left:8px;color:#747981}.web-model-select{position:relative}.web-model-menu{position:absolute;left:0;bottom:calc(100% + 10px);width:240px;padding:8px;border:1px solid #30343a;border-radius:15px;background:#202226;box-shadow:0 20px 50px #0006}.web-model-menu-title{display:block;padding:8px 10px 7px;color:#767b83;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.web-model-menu button{width:100%;height:40px;padding:0 10px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#c7cbd1;font:600 13px/1 inherit;cursor:pointer}.web-model-menu button:hover,.web-model-menu button.is-selected{background:#2a2d32;color:#fff}.web-model-menu button.is-selected span:last-child{color:#5f96f6}.web-submit-button{width:44px;height:44px;border:0;border-radius:13px;display:grid;place-items:center;background:#2b76ff;color:#fff;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.web-submit-button:hover{background:#3b82ff;transform:translateY(-1px)}.web-submit-button svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.web-entry-note{margin:14px 0 0;color:#5f646c;font-size:12px}.web-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.web-login-dialog{position:relative;width:min(390px,100%);padding:34px;border:1px solid #2a2e34;border-radius:20px;background:#17191d;text-align:center;box-shadow:0 30px 90px #0000008c}.web-login-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#777d86;font:400 25px/1 inherit;cursor:pointer}.web-login-close:hover{background:#22252a;color:#fff}.web-login-mark{width:42px;height:42px;margin:0 auto 20px;border-radius:13px;display:grid;place-items:center;background:#2b76ff;color:#fff;font-size:17px;font-weight:800}.web-login-dialog h2{margin:0 0 10px;color:#f2f4f7;font-size:23px;letter-spacing:-.03em}.web-login-dialog p{margin:0 auto 24px;max-width:300px;color:#858b94;font-size:13px;line-height:1.55}.web-login-status,.web-login-error{display:block;margin:0 0 16px;font-size:12px}.web-login-status{color:#8b919a}.web-login-error{padding:10px 12px;border-radius:10px;background:#ff525214;color:#faa}.web-telegram-app-button{width:100%;height:46px;border:0;border-radius:12px;background:#2b76ff;color:#fff;font:750 14px/1 inherit;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.web-telegram-app-button:hover{background:#3b82ff;transform:translateY(-1px)}.web-telegram-app-button:disabled{opacity:.55;cursor:wait;transform:none}.web-login-check-button{margin-top:10px;border:0;background:transparent;color:#8faee6;font:650 12px/1 inherit;cursor:pointer}.web-login-check-button:hover{color:#b8d0ff}.web-login-dialog .web-login-help{margin:15px auto 0;color:#666d76;font-size:11px;line-height:1.5}.web-login-divider{margin:20px 0 14px;display:flex;align-items:center;gap:10px;color:#626872;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.web-login-divider:before,.web-login-divider:after{content:"";height:1px;flex:1;background:#2b2f35}.web-dev-login-button{width:100%;height:42px;border:1px solid #343941;border-radius:11px;background:#202329;color:#d9dde3;font:700 13px/1 inherit;cursor:pointer}.web-dev-login-button:hover{border-color:#4b74bd;color:#fff}.web-dev-login-button:disabled{opacity:.5;cursor:wait}@media (max-width: 720px){.web-entry{display:block}.web-rail{display:none}.web-entry-header{height:68px;padding:0 16px}.web-login-button{padding:0 13px;font-size:12px}.web-hero{min-height:calc(100dvh - 68px);justify-content:flex-end;padding:24px 14px 54px}.web-hero-copy{margin-bottom:24px}.web-hero h1{font-size:38px}.web-composer{padding:14px;border-radius:20px}.web-composer textarea{min-height:122px;font-size:16px}.web-settings-button{display:none}}.web-app-root{min-height:100dvh;background:#08090b;color:#f4f6f8;animation:web-fade-in .32s ease both}.web-app-main{min-height:100dvh;margin-left:58px;padding:0 28px 60px;overflow:auto}.web-app-main>:not(.web-auth-topbar):not(.web-workspace-home){width:min(1180px,100%);margin-right:auto;margin-left:auto}.web-auth-loading{min-height:100dvh;display:grid;place-items:center;background:#08090b;color:#747a83;font-size:13px}.web-auth-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:58px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;background:#111317;border-right:1px solid #202329}.web-auth-sidebar .web-brand{width:36px;height:36px;border-radius:10px;font-size:14px}.web-auth-sidebar nav{margin-top:22px;display:flex;flex-direction:column;gap:7px}.web-auth-sidebar nav button,.web-auth-profile-button{width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;background:transparent;color:#737983;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.web-auth-sidebar nav button:hover,.web-auth-profile-button:hover{color:#dce0e6;background:#1a1d22}.web-auth-sidebar nav button:hover,.web-auth-profile-button:hover{transform:translateY(-1px)}.web-auth-sidebar nav button:active,.web-auth-profile-button:active{transform:scale(.94)}.web-auth-sidebar nav button.is-active,.web-auth-profile-button.is-active{color:#74a6ff;background:#2b76ff21}.web-auth-sidebar svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.web-auth-profile-button img{width:30px;height:30px;border-radius:9px;object-fit:cover}.web-auth-profile-button{margin-top:auto}.screen.web-auth-screen,.screen.web-auth-screen.screen-wide,.screen.web-auth-screen.screen-feed{max-width:none;width:calc(100% - 76px);margin:0 0 0 76px;padding:0 30px 60px;background:#08090b}.web-auth-screen .page{width:min(1180px,100%);margin:0 auto}.web-auth-screen .page:has(.web-workspace-home){width:100%;max-width:none}.web-auth-topbar{width:100%;height:72px;padding-top:14px;display:flex;align-items:flex-start;justify-content:space-between}.web-auth-wordmark{height:36px;display:flex;align-items:center;color:#dfe3e8;font-size:15px;font-weight:750;line-height:1;letter-spacing:-.02em}.web-auth-topbar button{height:36px;padding:0 4px 0 12px;border:1px solid #292d33;border-radius:10px;display:flex;align-items:center;gap:10px;background:#14161a;color:#aeb3bb;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.web-auth-topbar button:hover{border-color:#3a4048;background:#191b20;transform:translateY(-1px)}.web-auth-topbar button:active{transform:scale(.98)}.web-auth-topbar button span{font-size:13px;font-weight:700}.web-auth-topbar button strong{height:28px;padding:0 10px;border-radius:7px;display:flex;align-items:center;background:#2b76ff;color:#fff;font-size:10px}.web-workspace-home{min-height:calc(100dvh - 120px);padding:0 24px 82px;display:flex;flex-direction:column;align-items:center;justify-content:center}.web-workspace-copy{margin-bottom:26px;text-align:center;animation:web-rise-in .42s 60ms cubic-bezier(.2,.8,.2,1) both}.web-workspace-copy span{display:block;margin-bottom:13px;color:#4d85eb;font-size:11px;font-weight:800;letter-spacing:.16em}.web-workspace-copy h1{margin:0;color:#edf0f4;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.1;letter-spacing:-.035em}.web-workspace-composer{width:min(720px,100%);padding:12px;border:1px solid #292d33;border-radius:20px;background:#202123;box-shadow:none;animation:web-rise-in .44s .12s cubic-bezier(.2,.8,.2,1) both;transition:border-color .2s ease,background-color .2s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.web-workspace-composer:focus-within{border-color:#3b4149;background:#222427;box-shadow:0 12px 34px #00000038,0 0 0 1px #2b76ff0f;transform:translateY(-1px)}.web-workspace-composer textarea{width:100%;min-height:58px;padding:3px 8px 10px;resize:none;border:0;outline:0;background:transparent;color:#f1f3f5;font:450 15px/1.5 inherit}.web-workspace-composer textarea::placeholder{color:#747981}.web-workspace-toolbar,.web-workspace-tools{display:flex;align-items:center;gap:9px}.web-workspace-toolbar{justify-content:space-between}.web-attach-button{width:40px;height:40px;border:1px solid #30343a;border-radius:12px;background:#1b1d21;color:#c3c7cd;font-size:22px;cursor:pointer;transition:border-color .17s ease,color .17s ease,transform .17s ease}.web-attach-button:hover{border-color:#474d56;color:#fff;transform:translateY(-1px)}.web-attach-button:active{transform:scale(.95)}.web-real-model-select{position:relative}.web-real-model-select>button,.web-parameters-button{height:40px;padding:0 14px;border:1px solid #30343a;border-radius:12px;background:#1b1d21;color:#c9cdd3;font:650 13px/1 inherit;cursor:pointer}.web-real-model-select>button{display:flex;align-items:center}.web-model-dot{width:7px;height:7px;margin-right:9px;border-radius:50%;background:#2b76ff}.web-model-dot[data-category=video]{background:#14b8a6}.web-model-dot[data-category=audio]{background:#8b5cf6}.web-parameters-button:disabled{color:#696e76;cursor:default}.web-create-button{width:44px;height:44px;border:0;border-radius:13px;display:grid;place-items:center;background:#2b76ff;color:#fff;cursor:pointer;transition:background-color .18s ease,box-shadow .2s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.web-create-button:hover:not(:disabled){background:#3b82ff;box-shadow:0 8px 22px #2b76ff3d;transform:translateY(-1px)}.web-create-button:active:not(:disabled){transform:scale(.94)}.web-create-button:disabled{opacity:.35;cursor:default}.web-create-button svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.web-real-model-menu{position:absolute;left:0;bottom:calc(100% + 11px);z-index:20;width:390px;padding:10px;border:1px solid #30343a;border-radius:17px;background:#202226;box-shadow:0 24px 70px #00000080;transform-origin:left bottom;animation:web-menu-in .18s cubic-bezier(.2,.8,.2,1) both}.web-model-search{height:42px;padding:0 10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #30343a}.web-model-search svg{width:18px;height:18px;stroke:#737983;stroke-width:1.8;stroke-linecap:round}.web-model-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:500 13px/1 inherit}.web-model-categories{padding:9px 0;display:flex;gap:6px;border-bottom:1px solid #30343a}.web-model-categories button{height:30px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#858b94;font:650 11px/1 inherit;cursor:pointer}.web-model-categories button.is-active{background:#2b76ff24;color:#75a7ff}.web-model-results{max-height:260px;padding-top:7px;overflow-y:auto}.web-model-results>button{width:100%;min-height:52px;padding:7px 9px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#d7dbe1;text-align:left;cursor:pointer}.web-model-results>button:hover,.web-model-results>button.is-selected{background:#2a2d32}.web-model-results strong,.web-model-results small{display:block}.web-model-results strong{font-size:13px}.web-model-results small{margin-top:4px;color:#747a83;font-size:10px}.web-model-price{color:#7f858e;font-size:10px}.web-model-results p{margin:18px 10px;color:#777d86;font-size:12px}.web-workspace-hint{margin:14px 0 0;color:#5f646c;font-size:12px}.web-payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:web-overlay-in .18s ease both}.web-payment-dialog{position:relative;width:min(440px,100%);padding:26px;border:1px solid #2d3137;border-radius:18px;background:#17191d;box-shadow:0 28px 80px #0000008c;animation:web-dialog-in .22s cubic-bezier(.2,.8,.2,1) both}.web-payment-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#7d838c;font-size:22px;cursor:pointer}.web-payment-close:hover{background:#22252a;color:#fff}.web-payment-dialog header h2{margin:0;color:#f0f2f5;font-size:21px;letter-spacing:-.03em}.web-payment-dialog header p{margin:7px 0 22px;color:#777d86;font-size:12px}.web-payment-field{display:block;margin-top:17px}.web-payment-field>span{display:block;margin-bottom:8px;color:#9298a1;font-size:11px;font-weight:650}.web-payment-field input{width:100%;height:42px;padding:0 12px;border:1px solid #30343a;border-radius:10px;outline:0;background:#202329;color:#fff;font:500 13px/1 inherit}.web-payment-field input:focus{border-color:#397ce9}.web-payment-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.web-payment-packages button{min-height:58px;border:1px solid #30343a;border-radius:11px;background:#202329;color:#d7dbe1;cursor:pointer}.web-payment-packages button.is-selected{border-color:#397ce9;background:#2b76ff1c}.web-payment-packages strong,.web-payment-packages small{display:block}.web-payment-packages strong{font-size:13px}.web-payment-packages small{margin-top:3px;color:#747a83;font-size:9px}.web-payment-empty{grid-column:1 / -1;padding:18px;border:1px dashed #30343a;border-radius:10px;color:#737983;text-align:center;font-size:12px}.web-payment-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.web-payment-row>strong{color:#eef1f5;font-size:16px}.web-payment-currency{display:flex;padding:3px;border-radius:9px;background:#202329}.web-payment-currency button{height:29px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#777d86;font:700 10px/1 inherit;cursor:pointer}.web-payment-currency button.is-selected{background:#30343a;color:#fff}.web-payment-error{margin-top:14px;color:#faa;font-size:11px}.web-payment-submit{width:100%;height:44px;margin-top:20px;border:0;border-radius:11px;background:#2b76ff;color:#fff;font:750 13px/1 inherit;cursor:pointer}.web-payment-submit:disabled{opacity:.4;cursor:default}.web-payment-note{display:block;margin-top:11px;color:#60656d;text-align:center;font-size:10px}@keyframes web-fade-in{0%{opacity:0}to{opacity:1}}@keyframes web-rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes web-menu-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes web-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes web-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes web-page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.web-app-root,.web-workspace-copy,.web-workspace-composer,.web-real-model-menu,.web-payment-overlay,.web-payment-dialog,.web-studio-shell,.web-projects-shell,.web-space-shell,.web-templates-shell,.web-profile-page{animation:none!important}.web-app-root *,.web-app-root *:before,.web-app-root *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.web-studio-shell{width:min(920px,100%)!important;padding:8px 0 50px;animation:web-page-in .26s cubic-bezier(.2,.8,.2,1) both}.web-studio-shell .reveal{opacity:1;transform:none;animation:web-page-in .26s cubic-bezier(.2,.8,.2,1) both}.web-studio-shell .page-stack{padding:0;gap:16px}.web-studio-shell .studio-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px}.web-studio-shell .studio-title{display:flex;align-items:center;gap:14px;text-transform:none}.web-studio-shell .studio-title h2{margin:0;color:#eef1f5;font-size:20px;letter-spacing:-.025em}.web-studio-shell .ai-back{height:36px;padding:0 12px;border:1px solid #2d3137;border-radius:10px;background:#15171b;color:#9298a1}.web-studio-shell .studio-pill{border:1px solid rgba(43,118,255,.28);border-radius:10px;padding:9px 12px;background:#2b76ff1a;color:#80adff}.web-studio-shell .studio-pill{display:none}.web-studio-shell .studio-card{padding:0;border:0;border-radius:0;background:transparent;color:#d9dde3;box-shadow:none;overflow:visible}.web-studio-shell .studio-layout{display:block}.web-studio-shell .studio-main{display:block;padding:20px;border:1px solid #282c32;border-radius:20px;background:#121418}.web-studio-shell .studio-results{min-height:0;margin:28px -20px -20px;padding:22px 20px 20px;border:0;border-top:1px solid #282c32;border-radius:0 0 20px 20px;background:#0b0d10}.web-studio-shell .studio-results-list{grid-template-columns:1fr}.web-studio-shell .studio-result-card{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.web-studio-shell .studio-result-card:before{display:none}.web-studio-shell .studio-dialog-title{margin-bottom:18px;color:#737983;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web-studio-shell .studio-dialog-user{width:min(76%,620px);margin-left:auto;padding:13px 15px;border-radius:17px 17px 5px;background:#24272c;color:#e9ecf0}.web-studio-shell .studio-dialog-user span{display:block;margin-bottom:6px;color:#848a93;font-size:10px;font-weight:750}.web-studio-shell .studio-dialog-user p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.55}.generation-input-files{margin:0 0 8px;display:flex;flex-wrap:wrap;gap:5px}.generation-input-files>span{max-width:170px;padding:5px 7px;border-radius:7px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#1b1e23;color:#9aa2ad;font-size:9px}.web-studio-shell .studio-result-head{margin-top:18px}.web-studio-shell .studio-result-agent{display:flex;align-items:center;gap:9px}.web-studio-shell .studio-result-agent>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#2b76ff;color:#fff;font-size:11px;font-weight:850}.web-studio-shell .studio-result-image,.web-studio-shell .studio-result-video{max-height:620px;border-radius:14px;background:#08090b}.web-studio-shell .studio-result-placeholder{min-height:220px;border-color:#2b3037;background:#111318}.web-studio-shell .studio-result-actions .studio-mini-btn{border-color:#30343a;background:#181b20;box-shadow:none}.web-studio-shell .studio-section{margin-bottom:16px}.web-studio-shell .studio-section-title{color:#aeb3bb;font-size:12px}.web-studio-shell .prompt-area,.web-studio-shell .modal-input{border:1px solid #30343a;border-radius:12px;background:#191b20;color:#f0f2f5;box-shadow:none}.web-studio-shell .prompt-area:focus,.web-studio-shell .modal-input:focus{border-color:#3f7fe9;box-shadow:0 0 0 3px #2b76ff1a}.web-studio-shell .studio-list,.web-studio-shell .studio-target-section,.web-studio-shell .upload-card{border-color:#2c3036;background:#181a1e;box-shadow:none}.web-studio-shell .studio-mode-card,.web-studio-shell .studio-ratio-card,.web-studio-shell .studio-duration-btn,.web-studio-shell .studio-seg-btn{border-color:#30343a;background:#191b20;box-shadow:none}.web-studio-shell .studio-mode-card.active,.web-studio-shell .studio-ratio-card.active,.web-studio-shell .studio-duration-btn.active,.web-studio-shell .studio-seg-btn.active{border-color:#397ce9;background:#2b76ff21}.web-studio-shell .btn-primary--wide{min-height:48px;border-radius:12px;background:#2b76ff;box-shadow:none}.web-app-main.is-studio{overflow:hidden;padding-right:16px;padding-bottom:14px}.web-app-main.is-studio>.web-studio-shell{width:100%!important;max-width:none;height:calc(100dvh - 86px);margin:0;padding:0}.web-studio-shell .page-stack{height:100%;min-height:0}.web-studio-shell .studio-header{min-height:46px;padding:0 6px}.web-studio-shell .studio-title h2{font-size:15px}.web-studio-shell .generation-workspace{min-height:0;flex:1;display:grid;grid-template-columns:188px minmax(0,1fr);gap:12px}.generation-sessions{min-height:0;padding:10px;border:1px solid #252930;border-radius:15px;background:#101216}.generation-new-session{width:100%;min-height:40px;padding:0 11px;border:1px solid #30353d;border-radius:10px;display:flex;align-items:center;gap:7px;background:#191c21;color:#e6e9ed;font:700 11px/1 inherit;cursor:pointer}.generation-new-session:hover{border-color:#3d4653;background:#1d2127}.generation-session-heading{margin:20px 8px 8px;color:#737a85;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.generation-session-item{width:100%;margin-bottom:3px;padding:10px;border:0;border-radius:10px;background:transparent;color:#b4bbc5;text-align:left;cursor:pointer}.generation-session-item:hover{background:#191c21;color:#e2e6eb}.generation-session-item.is-active{background:#2b76ff1c;color:#dce2ec}.generation-session-item span,.generation-session-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-session-item span{font-size:11px;font-weight:700}.generation-session-item small{margin-top:5px;color:#75839a;font-size:9px}.web-studio-shell .studio-card,.web-studio-shell .studio-layout,.web-studio-shell .studio-main{min-height:0;height:100%}.web-studio-shell .studio-main{padding:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden;border-radius:15px}.generation-conversation{grid-column:1;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#0b0d10}.generation-feed{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px clamp(18px,4vw,58px) 170px;scroll-padding-bottom:170px}.generation-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 110px;text-align:center}.generation-empty>span{color:#4d85eb;font-size:10px;font-weight:850;letter-spacing:.16em}.generation-empty h1{margin:14px 0 8px;color:#edf0f4;font-size:clamp(27px,3vw,38px);font-weight:500;letter-spacing:-.04em}.generation-empty p{margin:0;color:#828993;font-size:12px}.generation-empty-model{margin-top:20px;padding:8px 11px;border:1px solid #2b3037;border-radius:9px;color:#aeb5bf;font-size:10px}.generation-empty-model i,.generation-model-chip i{width:6px;height:6px;display:inline-block;margin-right:7px;border-radius:50%;background:#2b76ff}.web-studio-shell .studio-results{min-height:0;margin:0;padding:0;border:0;background:transparent}.web-studio-shell .studio-results-list{display:flex;flex-direction:column;gap:34px}.web-studio-shell .studio-result-card{scroll-margin-top:20px}.web-studio-shell .studio-result-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:#7f8792}.web-studio-shell .studio-result-meta span{font-size:10px}.generation-card-parameters{margin:9px 0 12px;color:#7f8792;font-size:9px}.generation-card-parameters summary{width:max-content;cursor:pointer}.generation-card-parameters pre{max-height:150px;padding:9px;overflow:auto;border-radius:8px;background:#111318;color:#9ca4af;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.web-studio-shell .studio-result-image{width:auto;max-width:100%;height:auto;object-fit:contain}.generation-composer-wrap{position:relative;z-index:5;padding:0 clamp(14px,3vw,34px) 18px;background:linear-gradient(0deg,#0b0d10 72%,transparent)}.generation-composer{padding:11px;border:1px solid #30343a;border-radius:18px;background:#202226;box-shadow:0 18px 45px #0000005c}.generation-composer:focus-within{border-color:#414852;box-shadow:0 18px 45px #0000005c,0 0 0 3px #2b76ff12}.generation-composer textarea{width:100%;min-height:52px;max-height:150px;padding:3px 5px 9px;resize:none;border:0;outline:0;background:transparent;color:#f0f2f5;font:450 14px/1.5 inherit}.generation-composer textarea::placeholder{color:#777e88}.generation-composer-toolbar,.generation-composer-tools{min-width:0;display:flex;align-items:center;gap:7px}.generation-composer-toolbar{justify-content:space-between}.generation-composer-tools{overflow:hidden}.generation-attach,.generation-model-chip,.generation-summary-chip{height:34px;border:1px solid #343940;border-radius:10px;background:#1a1c20;color:#cbd0d7;cursor:pointer}.generation-attach{width:34px;flex:0 0 auto;font-size:19px}.generation-model-chip,.generation-summary-chip{min-width:0;max-width:180px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 10px/1 inherit}.generation-summary-chip{color:#8e959f}.generation-cost{flex:0 0 auto;color:#77a8ff;font-size:10px;font-weight:750}.generation-send{width:38px;height:38px;flex:0 0 auto;border:0;border-radius:11px;background:#2b76ff;color:#fff;font-size:22px;cursor:pointer}.generation-send:disabled{opacity:.35;cursor:default}.generation-composer-note{min-height:16px;padding:6px 8px 0;color:#9b7070;font-size:9px}.generation-parameters{grid-column:2;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid #282c32;background:#121418}.generation-parameters-head{min-height:62px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #272b31}.generation-parameters-head span,.generation-parameters-head strong{display:block}.generation-parameters-head span{color:#777e88;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.generation-parameters-head strong{margin-top:5px;color:#e7eaee;font-size:12px}.generation-model-select{width:min(220px,100%);margin-top:5px;padding:0 22px 0 0;border:0;outline:0;background:transparent;color:#e7eaee;font:700 12px/1.2 inherit;cursor:pointer}.generation-model-select:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #2b76ff80}.generation-parameters-head button{display:none;width:32px;height:32px;border:0;border-radius:8px;background:#202329;color:#959ca5;font-size:20px}.generation-parameters-body{min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain}.generation-parameters-cost{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #282c32;background:#15171b}.generation-parameters-cost span{color:#858c96;font-size:9px}.generation-parameters-cost strong{color:#75a7ff;font-size:12px}.generation-card-error{margin-top:12px;padding:12px;border:1px solid rgba(255,107,107,.24);border-radius:11px;background:#ff5b5b12}.generation-card-error>strong{display:block;color:#ffb1b1;font-size:11px;line-height:1.5}.generation-card-error>div{margin-top:10px;display:flex;gap:7px}.generation-card-error button{min-height:31px;padding:0 10px;border:1px solid #493b3e;border-radius:8px;background:#221d20;color:#e9c4c4;font:650 9px/1 inherit;cursor:pointer}.generation-card-error details{margin-top:10px;color:#9c8588;font-size:9px}.generation-card-error pre{max-height:100px;overflow:auto;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.generation-global-error{max-width:640px;margin:0 auto}@media (max-width: 1180px){.web-studio-shell .generation-workspace{grid-template-columns:1fr}.generation-sessions{display:none}.web-studio-shell .studio-main{grid-template-columns:minmax(0,1fr) 290px}}@media (max-width: 900px){.web-studio-shell .studio-main{display:block;position:relative}.generation-conversation{height:100%}.generation-parameters{position:absolute;inset:0 0 0 auto;z-index:30;width:min(360px,92%);display:none;box-shadow:-24px 0 60px #0000008c}.generation-parameters.is-open{display:grid;animation:web-dialog-in .18s ease both}.generation-parameters-head button{display:grid;place-items:center}}@media (max-width: 720px){.web-app-main.is-studio{padding:0 8px 88px}.web-app-main.is-studio>.web-studio-shell{height:calc(100dvh - 166px)}.web-studio-shell .studio-header{min-height:40px}.web-studio-shell .studio-header-actions,.web-studio-shell .studio-title h2{display:none}.generation-feed{padding:18px 10px 150px}.generation-composer-wrap{padding:0 8px 8px}.generation-summary-chip,.generation-cost{display:none}.generation-model-chip{max-width:150px}.web-studio-shell .studio-dialog-user{width:88%}.web-studio-shell .studio-result-actions{gap:6px}.web-studio-shell .studio-result-actions .studio-mini-btn{min-height:34px}}.web-projects-shell,.web-space-shell,.web-templates-shell,.web-profile-page{padding:22px 0 60px;animation:web-page-in .26s cubic-bezier(.2,.8,.2,1) both}.web-projects-shell .projects-page,.web-space-shell>*,.web-templates-shell .feed-page{max-width:none;margin-right:0;margin-left:0}.web-projects-shell .projects-header,.web-templates-shell .feed-chip-shell{position:relative}.web-projects-shell .projects-folder,.web-projects-shell .project-card,.web-space-shell .sp-card,.web-templates-shell .feed-card{border-color:#292d33;background-color:#131519;box-shadow:none}.web-projects-shell .projects-files-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.web-templates-shell .feed-chip-row{position:static;transform:none}.web-profile-page{width:min(980px,100%)!important}.web-profile-page>header span{color:#4f86ea;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.web-profile-page>header h1{margin:8px 0 28px;color:#eff2f6;font-size:34px;letter-spacing:-.04em}.web-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.web-profile-card{min-height:150px;padding:22px;border:1px solid #292d33;border-radius:16px;background:#131519}.web-profile-user{display:flex;align-items:center;gap:16px}.web-profile-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#2b76ff;color:#fff;font-size:20px;font-weight:800}.web-profile-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.web-profile-user strong,.web-profile-user span,.web-profile-security strong,.web-profile-security span{display:block}.web-profile-user strong{color:#eef1f5;font-size:16px}.web-profile-user span,.web-profile-security span{margin-top:6px;color:#747a83;font-size:12px}.web-profile-balance>span,.web-profile-promo>span{display:block;color:#7f858e;font-size:12px}.web-profile-balance>strong{display:block;margin:12px 0 18px;color:#f2f4f7;font-size:30px}.web-profile-balance>strong small{color:#6f7680;font-size:13px}.web-profile-card button{min-height:38px;padding:0 14px;border:1px solid #343941;border-radius:10px;background:#202329;color:#dce0e6;font:700 12px/1 inherit;cursor:pointer}.web-profile-balance button{border-color:#2b76ff;background:#2b76ff;color:#fff}.web-profile-balance-actions{display:flex;gap:8px}.web-profile-balance-actions button+button{border-color:#343941;background:#202329}.web-profile-promo form{margin-top:16px;display:flex;gap:8px}.web-profile-promo input{min-width:0;height:40px;flex:1;padding:0 12px;border:1px solid #30343a;border-radius:10px;outline:0;background:#191b20;color:#fff}.web-profile-promo input:focus{border-color:#397ce9}.web-profile-promo small{display:block;margin-top:10px;color:#82aefb}.web-profile-security{display:flex;align-items:center;justify-content:space-between;gap:20px}.web-profile-security button{color:#faa}.web-profile-referral{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px}.web-profile-referral strong,.web-profile-referral span{display:block}.web-profile-referral span{margin-top:6px;color:#747a83;font-size:12px}.web-profile-referral button:disabled{opacity:.4;cursor:default}@media (max-width: 1040px){.web-studio-shell .studio-main{display:block}.web-studio-shell .studio-results{min-height:0;margin-top:24px}}@media (max-width: 720px){.web-auth-sidebar{top:auto;right:12px;bottom:12px;left:12px;width:auto;height:64px;padding:8px;flex-direction:row;justify-content:space-around;border:1px solid #292d33;border-radius:18px}.web-auth-sidebar .web-brand{display:none}.web-auth-sidebar nav{margin:0;flex-direction:row;gap:6px}.web-auth-profile-button{margin:0}.web-app-main{margin-left:0;padding:0 14px 94px}.screen.web-auth-screen,.screen.web-auth-screen.screen-wide,.screen.web-auth-screen.screen-feed{width:100%;margin:0;padding:0 14px 94px}.web-auth-topbar{flex-basis:68px}.web-workspace-home{min-height:calc(100dvh - 150px);justify-content:flex-end;padding:24px 0 30px}.web-workspace-copy h1{font-size:30px}.web-workspace-composer{padding:11px;border-radius:18px}.web-workspace-composer textarea{min-height:72px;font-size:15px}.web-parameters-button{display:none}.web-real-model-menu{position:fixed;right:14px;bottom:88px;left:14px;width:auto}.web-studio-shell .studio-card{padding:14px}.web-studio-shell .studio-header{align-items:flex-start;flex-direction:column}.web-profile-grid{grid-template-columns:1fr}.web-profile-card{min-height:130px}}.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(150px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px;position:relative;z-index:1;min-height:100dvh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;transition:filter .16s cubic-bezier(.22,.61,.36,1)}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.screen.screen-wide{max-width:1120px}.screen.screen-feed{padding-top:8px;padding-bottom:calc(220px + env(safe-area-inset-bottom))}.page{display:none;width:100%;min-height:0;pointer-events:none}.page.is-active{display:flex;flex-direction:column;gap:18px;pointer-events:auto;position:relative;z-index:2}.page.is-active *{pointer-events:auto}.page-stack{display:flex;flex-direction:column;gap:18px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.feed-page{display:flex;flex-direction:column;gap:8px;min-height:100%;margin-top:0;margin-left:-14px;margin-right:-14px;padding-left:6px;padding-right:6px;padding-bottom:calc(138px + env(safe-area-inset-bottom))}.feed-chip-shell{display:flex;justify-content:center;padding:0 6px;background:transparent;min-height:42px;position:relative;z-index:12}.feed-chip-row{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;max-width:calc(100vw - 12px);gap:clamp(10px,2.8vw,18px);justify-content:center;overflow-x:auto;padding:8px 12px 9px;margin-left:0;margin-right:0;scrollbar-width:none;background:transparent;border-radius:14px;isolation:isolate;position:fixed;top:8px;left:50%;z-index:20;transform:translate(-50%);transition:box-shadow .24s ease,border-color .24s ease;border:1px solid transparent}.feed-chip-row>*{position:relative;z-index:1}.feed-chip-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#112039e6,#0a1222c7),radial-gradient(circle at 18% 28%,rgba(86,152,255,.14),transparent 34%),radial-gradient(circle at 82% 78%,rgba(55,108,234,.16),transparent 38%);border:1px solid rgba(117,163,230,.24);box-shadow:0 10px 24px #040b1647,inset 0 1px #bedbff14;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);opacity:0;transform:translateY(-4px) scale(.985);transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:0}.feed-chip-shell.is-glass .feed-chip-row:before{opacity:1;transform:translateY(0) scale(1)}.feed-chip-row::-webkit-scrollbar{display:none}.feed-chip{border:none;background:transparent;padding:1px 0 5px;color:#e2ecfc99;font-size:clamp(12px,3.6vw,14px);line-height:1.2;font-weight:600;white-space:nowrap;position:relative;cursor:pointer}.feed-chip.is-active{color:#eaf2ff}.feed-chip.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#9cc9ff,#5f9eff)}.feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:start;will-change:transform,opacity,filter}.feed-grid-shell{transform:translate3d(var(--feed-drag-x, 0px),0,0);transition:transform .26s cubic-bezier(.22,1,.36,1);will-change:transform;padding-top:12px}.feed-grid-shell.is-dragging{transition:none}.feed-grid--motion-fade{animation:feed-swap-fade .28s ease}.feed-grid--motion-left{animation:feed-swap-left .42s cubic-bezier(.22,1,.36,1)}.feed-grid--motion-right{animation:feed-swap-right .42s cubic-bezier(.22,1,.36,1)}.template-card{position:relative;margin-bottom:0;border-radius:20px;overflow:hidden;border:none;background:transparent;box-shadow:none;cursor:default;isolation:isolate}.template-card:active{transform:scale(.99)}.template-preview-wrap{position:relative;width:100%;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 16% 18%,rgba(80,136,235,.18),transparent 34%),linear-gradient(180deg,#0b1830f5,#070f1ffa)}.template-preview-wrap--tall{aspect-ratio:9/16}.template-preview-wrap--medium{aspect-ratio:3/5}.template-preview-wrap--short{aspect-ratio:1/1}.template-preview-wrap--wide{aspect-ratio:4/5}.template-preview{width:100%;height:100%;object-fit:cover;display:block}.template-preview-trigger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent;cursor:zoom-in}.template-card-footer{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;display:flex;align-items:center;gap:6px}.template-type-badge{flex:0 0 auto;max-width:calc(100% - 92px);min-height:24px;padding:0 9px;border-radius:999px;border:1px solid rgba(171,202,255,.26);background:#09152ab8;color:#edf4ff;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #030a1842;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-type-badge.is-video{border-color:#ffb77659;background:#42250ab8;color:#ffe1bd}.template-type-badge.is-audio{border-color:#96d6ff52;background:#0a2a42b8;color:#d9f2ff}.template-preview-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(120deg,#081225f5 20%,#1d3967e0 38%,#081225f5 58%),linear-gradient(180deg,#070f1dfa,#070f1dfa);background-size:220% 100%,100% 100%;animation:template-skeleton-shift 1.35s linear infinite;pointer-events:none}.template-preview-wrap:after{content:"";position:absolute;inset:auto 0 0;height:26%;background:linear-gradient(180deg,#080c1400,#080c1473);pointer-events:none}.template-action{position:relative;flex:0 0 auto;margin-left:auto;border-radius:999px;border:1px solid rgba(132,186,255,.36);background:#143a7ea3;color:#eef5ff;height:30px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #050e1e47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.template-action:active{transform:scale(.97)}.template-action:disabled{opacity:.55;cursor:not-allowed}.template-delete{border-radius:999px;border:1px solid rgba(255,133,133,.42);background:#841717a8;color:#ffecec;height:30px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #30080852;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.template-delete:active{transform:scale(.97)}.template-copy{border-radius:999px;border:1px solid rgba(132,186,255,.42);background:#143a7ea8;color:#eef5ff;min-width:122px;height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 10px #050e1e47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:100%}.template-copy svg{flex-shrink:0}.template-copy:active{transform:scale(.97)}.template-top-actions{position:absolute;inset:8px 8px auto 8px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px}.template-top-actions.is-single{justify-content:flex-end}@media (max-width: 480px){.template-top-actions{inset:6px 6px auto 6px;gap:4px}.template-card-footer{left:6px;right:6px;bottom:6px;gap:5px}.template-type-badge{max-width:calc(100% - 78px);min-height:22px;padding:0 6px;font-size:9px}.template-action{height:26px;padding:0 7px;font-size:10px}.template-delete,.template-copy{height:26px;padding:0 8px;font-size:10px}.template-copy{min-width:0;max-width:calc(100% - 4px);gap:4px}.template-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.feed-load-region{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0 calc(160px + env(safe-area-inset-bottom))}.feed-page:after{content:"";display:block;width:100%;height:calc(140px + env(safe-area-inset-bottom));flex-shrink:0}.feed-load-sentinel{width:100%;height:2px}.feed-load-spinner{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(132,186,255,.2);background:#08132680;color:#e2ecffe6;font-size:12px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feed-load-spinner-dot{width:8px;height:8px;border-radius:999px;background:#7ab4ff;box-shadow:0 0 14px #7ab4ff99;animation:feed-spinner-pulse 1s ease-in-out infinite}.feed-template-viewer{height:min(86vh,760px);max-height:min(86vh,760px)}@keyframes template-skeleton-shift{0%{background-position:100% 0,0 0}to{background-position:-100% 0,0 0}}@keyframes feed-spinner-pulse{0%,to{transform:scale(.8);opacity:.66}50%{transform:scale(1);opacity:1}}.feed-template-viewer .projects-viewer-media{aspect-ratio:auto;flex:1 1 auto;min-height:0;max-height:none;background:#030a16f0}.feed-template-viewer-media .project-file-media{object-fit:contain;background:#00000073}.feed-template-viewer .projects-viewer-download{flex-shrink:0}.feed-notice-modal{width:min(360px,calc(100vw - 28px));gap:14px}.feed-notice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.feed-notice-close.projects-icon-btn{width:30px;min-width:30px;height:30px;font-size:22px;line-height:1}.feed-notice-text{margin:0;color:#daeaffeb;font-size:17px;line-height:1.42;white-space:pre-wrap}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 20px;text-align:center}.feed-loading-state{display:grid;justify-items:center;gap:18px;padding:14px 0 28px}.projects-loading-state{display:grid;justify-items:center;gap:18px;padding:18px 0 12px}.feed-loading-orb{transform:scale(1.45)}.projects-loading-orb{transform:scale(1.3)}.feed-loading-copy,.projects-loading-copy{width:min(320px,100%);display:grid;gap:8px;text-align:center}.projects-loading-copy h3{margin:0;font-size:17px;font-weight:700;color:#d9e7ff}.projects-loading-copy p{margin:0;font-size:13px;color:#aac0e2bf}.feed-loading-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px}.projects-loading-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:6px}.feed-loading-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(112,164,255,.16);background:radial-gradient(circle at 22% 18%,rgba(86,151,255,.18),transparent 28%),radial-gradient(circle at 78% 84%,rgba(71,115,228,.16),transparent 32%),linear-gradient(180deg,#081225f5,#060e1cfa);box-shadow:inset 0 1px #7eafff14}.projects-loading-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(112,164,255,.16);background:radial-gradient(circle at 22% 18%,rgba(86,151,255,.18),transparent 28%),radial-gradient(circle at 78% 84%,rgba(71,115,228,.16),transparent 32%),linear-gradient(180deg,#081225f5,#060e1cfa);box-shadow:inset 0 1px #7eafff14}.feed-loading-card--tall{aspect-ratio:9/16}.feed-loading-card--medium{aspect-ratio:3/5}.feed-loading-card--wide{aspect-ratio:4/5}.projects-loading-card--tall{aspect-ratio:9/16}.projects-loading-card--medium{aspect-ratio:3/5}.projects-loading-card--wide{aspect-ratio:4/5}.feed-loading-card-glow,.projects-loading-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 8%,rgba(139,188,255,.06) 24%,rgba(139,188,255,.22) 38%,rgba(139,188,255,.06) 52%,transparent 70%);background-size:240% 100%;animation:feed-loading-sweep 1.9s linear infinite}.feed-loading-card-line,.feed-loading-card-chip,.projects-loading-card-line,.projects-loading-card-chip{position:absolute;left:14px;border-radius:999px;background:#a4caff29;box-shadow:inset 0 1px #cae2ff14}.feed-loading-card-line{bottom:44px;width:48%;height:10px}.feed-loading-card-line--short{bottom:62px;width:34%;height:8px}.projects-loading-card-line{bottom:40px;width:48%;height:10px}.projects-loading-card-line--short{bottom:58px;width:34%;height:8px}.feed-loading-card-chip,.projects-loading-card-chip{bottom:14px;width:72px;height:24px}.feed-empty-title{margin:0;font-size:17px;font-weight:700;color:#d9e7ff}.feed-empty-text{margin:0;font-size:13px;color:#aac0e2bf}@keyframes feed-swap-fade{0%{opacity:.68;filter:blur(2px)}to{opacity:1;filter:none}}@keyframes feed-swap-left{0%{opacity:.62;transform:translate3d(34px,0,0);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes feed-swap-right{0%{opacity:.62;transform:translate3d(-34px,0,0);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes feed-loading-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.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)}.pf{display:flex;flex-direction:column;align-items:center;padding:16px 16px 24px;gap:0}.pf-loading{padding:40px 0;color:var(--muted);font-size:14px}.pf-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(140deg,#2b76ff,#5bb1ff);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 3px var(--bg),0 0 0 4.5px #60a5fa4d}.pf-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pf-initials{font-size:24px;font-weight:700;color:#fff}.pf-name{font-size:20px;font-weight:800;margin-top:10px;text-align:center}.pf-handle{font-size:13px;color:var(--muted);text-align:center;margin-top:2px}.pf-balance{font-size:32px;font-weight:800;margin-top:20px;text-align:center;line-height:1}.pf-balance span{font-size:13px;font-weight:600;color:var(--muted);margin-left:4px}.pf-btns{display:flex;gap:8px;width:100%;margin-top:16px}.pf-btn{flex:1;border:none;border-radius:12px;padding:12px 0;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s;user-select:none;-webkit-user-select:none}.pf-btn:active{transform:scale(.97)}.pf-btn--primary{background:linear-gradient(145deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 4px 14px #2563eb4d}.pf-btn--ghost{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.08);position:relative}.pf-btn--ghost.has-dot:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:#3b82f6}.pf-divider{width:100%;height:1px;background:#ffffff0f;margin:18px 0 14px}.pf-promo{display:grid;grid-template-columns:1fr auto;gap:6px;width:100%}.pf-promo-input{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:#fff;padding:10px 12px;font-size:13px;font-weight:600;letter-spacing:.6px;outline:none;transition:border .2s}.pf-promo-input::placeholder{color:#ffffff2e;font-weight:500;letter-spacing:.2px}.pf-promo-input:focus-visible{border-color:#60a5fa59}.pf-promo-btn{border:none;border-radius:10px;padding:0 14px;font-size:12px;font-weight:700;background:#ffffff0f;color:var(--text);cursor:pointer;transition:transform .1s}.pf-promo-btn:active:not(:disabled){transform:scale(.97)}.pf-promo-btn:disabled{opacity:.3;cursor:not-allowed}.pf-msg{width:100%;font-size:11px;margin-top:6px;padding:5px 8px;border-radius:6px}.pf-msg--ok{color:#82e6aad9;background:#32c8780f}.pf-msg--err{color:#ffa0a0d9;background:#ff50500f}.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:18px}.pf-stat{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.pf-stat-value{font-size:20px;font-weight:800;line-height:1}.pf-stat-label{font-size:11px;color:var(--muted);margin-top:4px;font-weight:500}.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:visible}.balance:before{content:"";position:absolute;top:-26px;right:-14px;width:180px;height:180px;background:radial-gradient(circle,rgba(60,160,255,.4),transparent 70%);opacity:.8;pointer-events:none;z-index:0}.balance>*{position:relative;z-index:1}.balance-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.balance-actions{display:inline-flex;align-items:center}.gift-button{border:1px solid rgba(146,192,255,.45);background:linear-gradient(135deg,#437cff47,#4ca2ff33);color:#e9f3ff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 8px 18px #2971eb47;transition:transform .12s ease,border .2s ease,background .2s ease,box-shadow .2s ease;position:relative}.gift-button.has-notification{box-shadow:0 10px 22px #2971eb5c,0 0 #55a6ff5c;animation:giftButtonGlow 1.8s ease-out infinite}.gift-button svg{width:18px;height:18px}.gift-button-pointer{position:absolute;right:18px;top:-28px;display:inline-flex;align-items:center;gap:4px;color:#dff2ff;font-size:10px;line-height:1;font-weight:700;white-space:nowrap;text-shadow:0 0 12px rgba(85,166,255,.55);animation:giftPointerBounce .95s ease-in-out infinite;pointer-events:none}.gift-button-pointer-label{opacity:.9}.gift-button-pointer-arrow{font-size:14px;line-height:1;color:#a8dbff;text-shadow:0 0 14px rgba(108,183,255,.7)}.gift-button:disabled{opacity:.55;cursor:not-allowed}.gift-button:hover:not(:disabled){border-color:#a9d2ffb3;box-shadow:0 10px 20px #4894ff57}.gift-button:active:not(:disabled){transform:scale(.97);background:linear-gradient(135deg,#4d8cff57,#53adff4d)}.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}.promo-card{border-radius:var(--radius-lg);padding:18px;background:linear-gradient(145deg,#121d30eb,#0a121eeb);border:1px solid rgba(100,156,255,.28);box-shadow:0 22px 40px #060e1c73;display:grid;gap:12px;position:relative;overflow:hidden}.promo-card:after{content:"";position:absolute;width:170px;height:170px;right:-58px;top:-70px;background:radial-gradient(circle,rgba(70,170,255,.34),transparent 72%);pointer-events:none}.promo-card>*{position:relative;z-index:1}.promo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.promo-title{font-size:16px;font-weight:700;color:#edf4ff}.promo-subtitle{margin-top:4px;font-size:12px;color:#e1eeffb8}.promo-bonus-pill{flex-shrink:0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.45px;color:#d6ebff;border:1px solid rgba(146,203,255,.5);background:linear-gradient(135deg,#4391ff38,#58baff33)}.promo-form{display:grid;grid-template-columns:1fr auto;gap:10px}.promo-input{width:100%;border-radius:14px;border:1px solid rgba(133,183,255,.35);background:#0d1726e6;color:#f2f7ff;padding:12px 14px;font-size:14px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;outline:none;transition:border .2s ease,box-shadow .2s ease}.promo-input::placeholder{color:#cadcf480;letter-spacing:.2px;text-transform:none;font-weight:500}.promo-input:focus-visible{border-color:#8bc4ffcc;box-shadow:0 0 0 3px #5fa8ff33}.promo-submit{border:none;border-radius:14px;padding:0 14px;min-height:44px;font-size:13px;font-weight:700;color:#f8fbff;background:linear-gradient(130deg,#2e7bfff2,#4eabfff2);box-shadow:0 12px 20px #1d5ed259;cursor:pointer;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease}.promo-submit:disabled{opacity:.66;cursor:not-allowed;box-shadow:none}.promo-submit:active:not(:disabled){transform:scale(.98);filter:brightness(.96)}.expiry-card{background:transparent;border:none;border-radius:var(--radius-lg);padding:18px;box-shadow:none;display:grid;gap:12px;position:relative;overflow:hidden}.expiry-card:before{content:none}.expiry-card>*{position:relative;z-index:1}.expiry-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.expiry-title{font-size:14px;font-weight:600;color:var(--muted)}.expiry-subtitle{font-size:11px;color:#f5f7fb8c}.expiry-list{display:grid;gap:10px}.expiry-item{padding:10px 12px;border-radius:14px;background:transparent;border:1px solid rgba(90,132,255,.2);display:grid;gap:6px}.expiry-item.is-soon{border-color:#ffc45c66;background:transparent}.expiry-item.is-urgent{border-color:#ff6a6a80;background:transparent}.expiry-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.expiry-item-title{font-size:13px;font-weight:600}.expiry-days{font-size:11px;font-weight:600;color:#f5f7fbb3}.expiry-meta{font-size:11px;color:#f5f7fb99;line-height:1.4}.expiry-bar{height:6px;border-radius:999px;background:#5a84ff33;overflow:hidden}.expiry-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#5da9ff,#3a7cff);transition:width .4s ease}.expiry-item.is-soon .expiry-bar span{background:linear-gradient(90deg,#ffd36e,#ff9b3f)}.expiry-item.is-urgent .expiry-bar span{background:linear-gradient(90deg,#ff8a8a,#ff4d4d)}.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:14px;padding:12px 18px;font-size:14px;font-weight:700;letter-spacing:.2px;position:relative;overflow:hidden;background:linear-gradient(145deg,#2563eb,#3b82f6,#2563eb);color:#fff;box-shadow:0 0 0 1px #60a5fa4d,0 4px 16px #2563eb66,0 0 40px #3b82f633;transition:transform .1s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none}.btn-primary:before{content:"";position:absolute;top:0;left:-120%;width:50%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.05) 70%,transparent 100%);animation:btn-shimmer 4s ease-in-out infinite;pointer-events:none}@keyframes btn-shimmer{0%{left:-120%}35%{left:160%}to{left:160%}}.btn-primary:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:17px;border:1.5px solid rgba(96,165,250,.4);animation:btn-ring-pulse 2.5s ease-in-out infinite;pointer-events:none}@keyframes btn-ring-pulse{0%,to{opacity:.3;border-color:#60a5fa40}50%{opacity:1;border-color:#60a5fa99}}.btn-primary--wide{width:100%}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 2px 8px #0a1e5040;filter:saturate(.5)}.btn-primary:disabled:before,.btn-primary:disabled:after{animation:none;opacity:0}.btn-primary:active{transform:scale(.96);box-shadow:0 0 0 1px #60a5fa66,0 2px 8px #2563eb59,0 0 48px #3b82f64d}.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:#0a101e73;backdrop-filter:blur(5.9px) saturate(120%);-webkit-backdrop-filter:blur(5.9px) saturate(120%);opacity:0;transition:none;z-index:40;pointer-events:none}.sheet{position:fixed;inset:50% auto auto 50%;transform:perspective(1100px) translate(-50%,-50%) translateZ(-56px) scale(.8);width:min(520px,calc(100% - 32px));max-height:min(78vh,680px);overflow:hidden;touch-action:pan-y;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:none;z-index:60;pointer-events:none;will-change:transform,opacity}.sheet-content{max-height:calc(min(78vh,680px) - 52px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:14px}.sheet.open{opacity:1;box-shadow:0 38px 74px #060c1ab8;pointer-events:auto;animation:modal-card-in .34s cubic-bezier(.215,.61,.355,1) both}.sheet.is-closing{pointer-events:none;animation:modal-card-out .18s cubic-bezier(.4,0,.2,1) both}.sheet.sheet-obscured{filter:none;opacity:.72;pointer-events:none;-webkit-user-select:none;user-select:none}.sheet-backdrop.open{opacity:.45;animation:modal-backdrop-in .32s cubic-bezier(.215,.61,.355,1) both;pointer-events:auto}.sheet-backdrop.is-closing{animation:modal-backdrop-out .24s cubic-bezier(.4,0,.2,1) both;pointer-events:none}.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;display:flex;align-items:center;justify-content:center;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;max-height:min(60vh,280px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.select-menu.is-up{top:auto;bottom:calc(100% + 8px);transform:translateY(6px)}.select.is-open .select-menu,.select-menu.is-open{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%;border-radius:999px;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;animation:none;box-shadow:none}.sheet-cta:after{display:none}.sheet-cta:active{box-shadow:none}body.modal-open{overflow:hidden}body.modal-blur-open .screen{filter:blur(3.9px)}body.keyboard-open .bottom-nav{display: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,.primary-button.full{width:100%}.gift-result{margin-top:16px;padding:14px;border-radius:18px;border:1px solid rgba(120,170,255,.3);background:#141e32a6;display:grid;gap:12px}.gift-result-title{font-size:15px;font-weight:700;color:#e6f1ff}.gift-expiry{font-size:12px;color:#f5f7fbb3}.gift-link{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0e1699;color:#fff;font-size:14px;word-break:break-all}.gift-actions{display:grid;gap:10px;justify-items:stretch}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gift-alert-actions{display:flex;justify-content:flex-end;margin-top:8px}.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-tabs{--ai-tab-count: 3;--ai-tab-index: 0;position:relative;display:grid;grid-template-columns:repeat(var(--ai-tab-count),1fr);gap:0;padding:5px;border-radius:22px;border:1px solid rgba(91,177,255,.2);background:linear-gradient(180deg,#2b76ff1a,#1432780f 50%,#0c1e461f),linear-gradient(130deg,#5bb1ff0a,#2b76ff05);box-shadow:0 6px 20px #040a1c40,inset 0 1px #5bb1ff14;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);overflow:hidden;isolation:isolate}.ai-tabs:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(91,177,255,.06),transparent 50%);opacity:.5}.ai-tabs:after{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / var(--ai-tab-count));border-radius:18px;pointer-events:none;z-index:0;background:linear-gradient(160deg,#2b76ff66,#1e46b452);box-shadow:0 4px 12px #0000002e,inset 0 1px #5bb1ff3d;transform:translate(calc(var(--ai-tab-index) * 100%));transition:transform .32s cubic-bezier(.22,.7,.2,1)}.ai-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:18px;background:transparent;color:#c8d7f08c;font-size:14px;font-weight:600;cursor:pointer;user-select:none;-webkit-user-select:none;transition:color .22s ease,background .22s ease,box-shadow .22s ease}.ai-tab-icon{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.ai-tab-icon svg{width:100%;height:100%;display:block}.ai-tab-label{white-space:nowrap}.ai-tab.is-active{color:#f0f8fffa}.ai-tab:not(.is-active):active{background:transparent}.ai-category-empty{padding:16px;text-align:center;color:var(--muted);font-size:14px;grid-column:1 / -1}.ai-list{display:grid;gap:10px}.ai-list--switch{animation:ai-list-switch .32s cubic-bezier(.22,.7,.2,1) both}.ai-subtitle{font-size:13px;color:var(--muted)}.ai-step{display:none;flex-direction:column;gap:12px}.ai-step.is-active{display:flex}.ai-item{position:relative;border:1px solid rgba(91,177,255,.18);background:linear-gradient(180deg,#2b76ff1f,#14327812 50%,#0c1e4624),linear-gradient(130deg,#5bb1ff0d,#2b76ff08);border-radius:18px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:var(--text);font-size:14px;cursor:pointer;overflow:hidden;box-shadow:0 4px 14px #040a1c33,inset 0 1px #5bb1ff14;transition:transform .14s ease,border .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none;animation:ai-item-switch-in .36s cubic-bezier(.22,.7,.2,1) both;animation-delay:calc(var(--ai-stagger, 0) * 22ms)}.ai-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(91,177,255,.06),transparent 50%);opacity:.5}.ai-item:active{transform:scale(.98);border-color:#5bb1ff59;box-shadow:0 2px 10px #040a1c4d,inset 0 1px #5bb1ff24}@keyframes ai-list-switch{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ai-item-switch-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 30%,#c4b5fd,#8b5cf6 45%,#5b21b6 75%,#2e1065);box-shadow:0 2px 8px #8b5cf64d}.ai-dot--kling{background:radial-gradient(circle at 30% 30%,#99f6e4,#14b8a6 45%,#0d6e6e 75%,#042f2e);box-shadow:0 2px 8px #14b8a64d}.ai-dot--veo{background:radial-gradient(circle at 30% 30%,#c4b5fd,#8b5cf6 45%,#5b21b6 75%,#2e1065);box-shadow:0 2px 8px #8b5cf64d}.ai-dot--suno{background:radial-gradient(circle at 30% 30%,#fde68a,#f59e0b 48%,#b45309 78%,#451a03);box-shadow:0 2px 8px #f59e0b4d}.ai-dot-alt{background:radial-gradient(circle at 30% 30%,#c4b5fd,#8b5cf6 45%,#5b21b6 75%,#2e1065);box-shadow:0 2px 8px #8b5cf64d}.ai-name{font-weight:600;font-size:14px;position:relative}.ai-cost{color:#ffffffd9;font-size:12px;font-weight:500;position:relative;white-space:nowrap}.prompt-area{width:100%;min-height:160px;border-radius:18px;border:1px solid rgba(91,177,255,.18);background:linear-gradient(180deg,#2b76ff14,#1432780a 50%,#0c1e461a);color:var(--text);padding:14px 16px;font-size:15px;line-height:1.5;outline:none;resize:vertical;scroll-margin-bottom:40vh;box-shadow:0 4px 14px #040a1c2e,inset 0 1px #5bb1ff0f;transition:border-color .2s ease,box-shadow .2s ease}.prompt-area:focus{border-color:#5bb1ff59;box-shadow:0 8px 24px #040a1c4d,inset 0 1px #5bb1ff1a}.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:14px;border-radius:20px;border:1px solid rgba(91,177,255,.16);background:linear-gradient(180deg,#2b76ff14,#1432780a 50%,#0c1e461a);box-shadow:0 4px 14px #040a1c2e,inset 0 1px #5bb1ff0f;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(91,177,255,.18);background:linear-gradient(160deg,#2b76ff1f,#14327814);box-shadow:0 4px 12px #040a1c29,inset 0 1px #5bb1ff14;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-target-section{padding:14px;border-radius:16px;border:1px solid rgba(91,177,255,.14);background:linear-gradient(160deg,#2b76ff14,#1432780d 50%,#0c1e461a);box-shadow:inset 0 1px #5bb1ff0f}.studio-section.is-disabled{opacity:.6}.studio-inline-upload-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.studio-inline-upload-group{gap:10px}.studio-inline-upload-group .studio-section-title,.studio-inline-upload-cell .studio-section{margin-bottom:0}.studio-inline-upload-cell .studio-section-title{display:none}.studio-inline-upload-group .upload-thumb-compact-image,.studio-inline-upload-group .upload-thumb-video-card{aspect-ratio:1 / 1}.studio-layout{display:grid;grid-template-columns:1fr;gap:20px}.studio-main{min-width:0}.studio-side{position:static;align-self:stretch}.studio-card{position:relative;border-radius:20px;border:1px solid rgba(91,177,255,.16);background:linear-gradient(180deg,#2b76ff1a,#1432780f 50%,#0c1e461f);padding:16px;display:grid;gap:16px;color:#d9e7ff;font-size:12px;box-shadow:0 6px 18px #040a1c38,inset 0 1px #5bb1ff14;overflow:hidden}.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(91,177,255,.14);background:linear-gradient(160deg,#2b76ff1a,#1432780f);padding:14px;text-align:left;color:var(--text);cursor:pointer;box-shadow:0 4px 12px #040a1c29,inset 0 1px #5bb1ff0f;transition:border .2s ease,transform .2s ease,background .2s ease}.studio-mode-card.active{border-color:#5bb1ff59;background:linear-gradient(160deg,#2b76ff38,#1e50c829);box-shadow:0 6px 18px #040a1c38,inset 0 1px #5bb1ff1f;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:linear-gradient(180deg,#2b76ff14,#1028641f);border:1px solid rgba(91,177,255,.14);box-shadow:inset 0 1px #5bb1ff0f}.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:linear-gradient(160deg,#2b76ff66,#1e46b452);color:#e6f1ff;box-shadow:0 4px 12px #040a1c2e,inset 0 1px #5bb1ff33}.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(91,177,255,.14);background:linear-gradient(160deg,#2b76ff1a,#1432780f);color:var(--text);cursor:pointer;box-shadow:inset 0 1px #5bb1ff0f;transition:border .2s ease,background .2s ease}.studio-ratio-card.active{border-color:#5bb1ff59;background:linear-gradient(160deg,#2b76ff38,#1e50c829);box-shadow:0 4px 12px #040a1c29,inset 0 1px #5bb1ff1f}.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(91,177,255,.14);background:linear-gradient(160deg,#2b76ff1a,#1432780f);color:var(--text);padding:8px 10px;cursor:pointer;font-size:12px;font-weight:600;box-shadow:inset 0 1px #5bb1ff0f;transition:border .2s ease,background .2s ease}.studio-duration-btn.active{border-color:#5bb1ff59;background:linear-gradient(160deg,#2b76ff38,#1e50c829);box-shadow:0 4px 12px #040a1c29,inset 0 1px #5bb1ff1f}.studio-duration-slider-wrap{display:grid;gap:10px}.studio-duration-slider-value{font-size:18px;font-weight:700;color:#e6f1ff}.studio-duration-slider{width:100%;accent-color:rgba(90,132,255,.95);-moz-appearance:none;appearance:none;-webkit-appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,#3574fff2,#3574ffb8 45%,#121c2cf2);outline:none}.studio-duration-slider-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.studio-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(226,237,255,.95);background:radial-gradient(circle at 30% 30%,#f7fbff,#8cb4ff 45%,#2758d8);box-shadow:0 8px 22px #2758d873;cursor:pointer}.studio-duration-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:2px solid rgba(226,237,255,.95);background:radial-gradient(circle at 30% 30%,#f7fbff,#8cb4ff 45%,#2758d8);box-shadow:0 8px 22px #2758d873;cursor:pointer}.studio-duration-slider::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#3574fff2,#3574ffb8 45%,#121c2cf2)}.studio-list-meta{font-size:12px;color:var(--muted)}.studio-list-budget{font-size:12px;color:#b6d1ffe0}.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))}.studio-results{display:grid;gap:12px;margin-top:10px}.studio-results-list{display:grid;gap:12px}.studio-result-card{position:relative;border-radius:22px;border:1px solid rgba(91,177,255,.2);background:linear-gradient(180deg,#2b76ff1f,#1432780f 45%,#0c1e4624);padding:16px;display:grid;gap:14px;box-shadow:0 8px 28px #040a1c47,inset 0 1px #5bb1ff1a;overflow:hidden}.studio-result-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(91,177,255,.06),transparent 40%)}.studio-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#f0f6ff;letter-spacing:.01em}.studio-result-status{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.studio-result-status--submitting,.studio-result-status--queued,.studio-result-status--processing{color:#cfe6ff;background:#2b76ff38;border:1px solid rgba(91,177,255,.3);box-shadow:0 0 12px #2b76ff26}.studio-result-status--success{color:#a8f0cc;background:#32b4782e;border:1px solid rgba(80,210,150,.3);box-shadow:0 0 12px #32b4781f}.studio-result-status--error,.studio-result-status--cancelled{color:#ffb3b3;background:#dc46462e;border:1px solid rgba(255,110,110,.3);box-shadow:0 0 12px #dc46461f}.studio-result-meta{font-size:12px;color:#b4d2ffcc;font-weight:500}.studio-result-image{width:100%;max-height:420px;object-fit:contain;border-radius:16px;border:1px solid rgba(91,177,255,.12);background:linear-gradient(160deg,#1e3c7826,#0c183233);box-shadow:0 6px 20px #040a1c4d}.studio-result-video{width:100%;max-height:420px;border-radius:16px;border:1px solid rgba(91,177,255,.12);background:linear-gradient(160deg,#1e3c7826,#0c183233);box-shadow:0 6px 20px #040a1c4d}.studio-result-audio{width:100%}.studio-result-audio-list{display:grid;gap:10px}.studio-result-audio-item{display:grid;gap:6px}.studio-result-audio-item .studio-result-link{justify-self:start}.studio-result-placeholder{min-height:120px;border-radius:16px;border:1px dashed rgba(91,177,255,.28);display:grid;place-items:center;color:#a0bee6b3;font-size:12px;text-align:center;padding:16px;background:linear-gradient(160deg,#2b76ff0a,#0c1e460f)}.studio-result-placeholder.is-waiting{border-style:solid;border-color:#5bb1ff4d;background:radial-gradient(circle at 70% 20%,rgba(43,118,255,.16),transparent 50%),radial-gradient(circle at 18% 82%,rgba(60,100,220,.12),transparent 45%),linear-gradient(180deg,#2b76ff0f,#0c1e4614);box-shadow:inset 0 1px #5bb1ff14}.studio-ai-wait{width:min(260px,100%);display:grid;justify-items:center;gap:10px}.studio-ai-orb{position:relative;width:48px;height:48px;display:grid;place-items:center}.studio-ai-orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(112,178,255,.46);animation:studioAiRingSpin 2.8s linear infinite}.studio-ai-orb-ring-2{top:6px;right:6px;bottom:6px;left:6px;border-color:#91ceff85;animation-duration:2.1s;animation-direction:reverse}.studio-ai-orb-core{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#dff0ff,#66b2ff 58%,#3a7eff);box-shadow:0 0 0 4px #5896ff33,0 0 16px #569eff80;animation:studioAiCorePulse 1.25s ease-in-out infinite}.studio-ai-orb-ping{position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid rgba(133,191,255,.46);opacity:0;animation:studioAiPing 1.8s ease-out infinite}.studio-ai-wait-text{font-size:12px;line-height:1.35;color:#d8e8ffeb}.studio-ai-wait-line{width:min(200px,92%);height:4px;border-radius:999px;overflow:hidden;background:#78aaf533}.studio-ai-wait-line span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#68a0ff00,#74c2fff2,#68a0ff00);transform:translate(-130%);animation:studioAiLine 1.25s ease-in-out infinite}@keyframes studioAiCorePulse{0%,to{transform:scale(.92);filter:saturate(.94)}50%{transform:scale(1.08);filter:saturate(1.12)}}@keyframes studioAiRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes studioAiPing{0%{transform:scale(.7);opacity:.55}80%{opacity:0}to{transform:scale(2.2);opacity:0}}@keyframes studioAiLine{0%{transform:translate(-130%)}to{transform:translate(240%)}}.studio-result-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.studio-result-actions .studio-mini-btn{border:1px solid rgba(91,177,255,.24);background:linear-gradient(160deg,#2b76ff24,#1432781a);box-shadow:0 3px 10px #040a1c29,inset 0 1px #5bb1ff14;color:#dbe8ff;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:600}.studio-result-actions .studio-mini-btn:active{background:linear-gradient(160deg,#2b76ff38,#1e46a029)}.studio-result-link{display:inline-flex;align-items:center;text-decoration:none}.studio-result-download-icon{width:38px;min-width:38px;height:38px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(91,177,255,.24);background:linear-gradient(160deg,#2b76ff24,#1432781a);box-shadow:0 3px 10px #040a1c29,inset 0 1px #5bb1ff14;border-radius:999px}.studio-result-download-icon svg{width:20px;height:20px;display:block;flex-shrink:0}.upload-card{border-radius:16px;border:1px solid rgba(91,177,255,.14);background:linear-gradient(160deg,#2b76ff14,#1432780d 50%,#0c1e461a);padding:12px;display:grid;gap:10px;box-shadow:inset 0 1px #5bb1ff0f}.upload-card-compact-image{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:10px;padding:0;width:100%;border:none;background:transparent}.upload-card-video-compact{gap:12px;padding:0;border:none;background:transparent}.upload-card-video-inline-section{display:grid;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.upload-card-video-inline-section .studio-section-title{margin:0}.upload-thumb{border-radius:14px;overflow:hidden;background:#ffffff0d;display:grid;place-items:center;min-height:96px;max-height:180px;position:relative}.upload-thumb-compact-image{width:100%;aspect-ratio:1 / 1;height:auto;min-height:0;max-height:none;border-radius:18px;border:1px solid rgba(123,170,255,.18);box-shadow:inset 0 1px #ffffff0a}.upload-thumb-video-card{width:100%;aspect-ratio:16 / 9;min-height:0;max-height:none;border-radius:18px;border:1px solid rgba(123,170,255,.18);box-shadow:inset 0 1px #ffffff0a;background:radial-gradient(circle at 50% 28%,rgba(95,145,255,.18),transparent 34%),linear-gradient(180deg,#182843d1,#0e1a2ed1)}.upload-compact-remove{position:absolute;top:8px;right:8px;z-index:3;width:24px;height:24px;border:0;border-radius:999px;background:#961c1ceb;color:#fff4f4;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 6px 16px #30060652}.upload-compact-remove:active{transform:scale(.96)}.upload-thumb-action{cursor:pointer;border-color:#6699ff6b;background:linear-gradient(180deg,#182843d1,#0e1a2ed1)}.upload-thumb-action input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:2}.upload-thumb img,.upload-thumb video{max-width:100%;max-height:180px;height:auto;width:auto;object-fit:contain}.upload-thumb-compact-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.upload-thumb-video-card video{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;background:#040a14e6}.upload-empty{font-size:12px;color:var(--muted)}.upload-empty-compact-image{display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;font-size:13px;padding:16px}.upload-empty-video-card{display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;padding:18px 22px}.upload-empty-video-card .upload-empty-icon{width:56px;height:56px;border-radius:18px;background:#243d6c80}.upload-video-title{display:block;color:#eef5ff;font-size:14px;font-weight:700;line-height:1.2}.upload-video-subtitle{display:block;max-width:200px;color:#d0e2ffb3;font-size:11px;font-weight:600;line-height:1.35}.upload-empty-icon{width:52px;height:52px;border-radius:16px;border:1px solid rgba(122,176,255,.22);background:#1c31566b;color:#cfe6ff;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff0d}.upload-empty-icon svg{width:30px;height:30px;display:block}.upload-compact-title{display:block;color:#eef5ff;font-size:13px;font-weight:700;line-height:1.25}.upload-compact-subtitle{display:block;color:#d0e2ffb8;font-size:11px;font-weight:600;line-height:1.2}.upload-compact-caption{position:absolute;left:10px;right:10px;bottom:10px;display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#07101e94,#07101ed1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:1}.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-actions-compact-image{display:none}@media (max-width: 390px){.studio-inline-upload-row{gap:12px}.upload-empty-icon{width:46px;height:46px}.upload-empty-icon svg{width:26px;height:26px}.upload-compact-title{font-size:12px}}@media (max-width: 350px){.studio-inline-upload-row{grid-template-columns:1fr}}.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}.studio-list-compact-images{gap:10px}.studio-compact-add{position:relative;min-width:128px;height:44px;padding:0 12px;border-radius:14px;border:1px solid rgba(102,153,255,.48);background:linear-gradient(180deg,#2655aa57,#142a5457);color:#cfe6ff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;line-height:1;transition:transform .12s ease,border-color .2s ease,background .2s ease}.studio-compact-add:active{transform:scale(.98)}.studio-compact-add svg{width:18px;height:18px;flex:0 0 18px}.studio-compact-add-icon{color:#e6f2ff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.studio-compact-add-text{white-space:nowrap}.studio-compact-add input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.studio-compact-add.disabled{opacity:.45;cursor:not-allowed}.studio-compact-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.studio-compact-item{position:relative}.studio-compact-item.has-extra-fields{width:min(220px,100%);display:grid;gap:8px}.studio-compact-thumb{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;cursor:pointer}.studio-compact-thumb input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:2}.studio-compact-thumb img{width:100%;height:100%;object-fit:cover}.studio-compact-empty{font-size:11px;color:var(--muted)}.studio-compact-remove{position:absolute;top:-6px;right:-6px;z-index:3;width:18px;height:18px;border:0;border-radius:999px;background:#822020f2;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.studio-compact-item-fields{display:grid;gap:8px}.studio-compact-item-fields .studio-section{margin-bottom:0;gap:8px}.studio-compact-item-fields .studio-seg{width:100%}.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:#050a1273;backdrop-filter:none;-webkit-backdrop-filter:none;display:block;z-index:210;animation:modal-backdrop-in .32s cubic-bezier(.215,.61,.355,1) both}.modal-backdrop.is-closing{animation:modal-backdrop-out .24s cubic-bezier(.4,0,.2,1) both}.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;z-index:220;box-shadow:0 12px 26px #060c1a4d;animation:modal-card-in .34s cubic-bezier(.215,.61,.355,1) both;will-change:transform,opacity}.modal-card.is-closing{animation:modal-card-out .18s cubic-bezier(.4,0,.2,1) both}.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)}.projects-page{gap:12px}.projects-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.projects-header-detail{align-items:center}.projects-title{margin:0;font-size:18px;letter-spacing:-.01em}.projects-title-btn{border:none;background:transparent;color:inherit;padding:0;border-radius:10px;max-width:55vw}.projects-title-inline{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-title-btn:active .projects-title-inline{opacity:.82}.projects-header-actions{display:flex;align-items:center;gap:6px}.projects-header-spacer{width:32px;height:32px;flex-shrink:0}.projects-icon-btn{min-width:40px;height:40px;border-radius:14px;border:1px solid rgba(91,177,255,.22);background:linear-gradient(160deg,#2b76ff24,#1432781a);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #5bb1ff1a,0 6px 18px #040a1c47;color:#e5f0ffeb;font-size:20px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:transform .18s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.projects-icon-btn-primary{border-color:#5bb1ff5c;background:linear-gradient(160deg,#2b76ff73,#1e50c861);box-shadow:0 8px 22px #12409659,inset 0 1px #5bb1ff38;animation:projects-plus-breathe 2.6s ease-in-out infinite}.projects-fab{position:fixed;right:20px;bottom:calc(160px + env(safe-area-inset-bottom,10px));z-index:45;width:52px;height:52px;border-radius:18px;border:1px solid rgba(91,177,255,.28);background:linear-gradient(160deg,#2b76ff59,#1e50c847);box-shadow:inset 0 1px #5bb1ff26;color:#e5f0fff2;font-size:28px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:transform .18s ease;opacity:0;transform:translateY(16px);animation:rise .7s ease forwards;animation-delay:.12s}.projects-fab:active{transform:scale(.92)}.projects-icon-btn:active{transform:scale(.94);border-color:#5bb1ff66;background:linear-gradient(160deg,#2b76ff33,#1e50c824);box-shadow:inset 0 1px #5bb1ff24,0 4px 14px #040a1c52}.projects-back{border:none;background:transparent;color:#d9e8ff;font-size:13px;font-weight:600;padding:4px 0}.projects-grid{display:grid;grid-template-columns:1fr;gap:8px}.projects-header+.projects-grid{margin-top:8px}.project-card{position:relative;border-radius:18px;border:1px solid rgba(91,177,255,.18);background:linear-gradient(180deg,#2b76ff1a,#1432780f 50%,#0c1e461f);padding:12px 44px 10px 12px;min-height:84px;display:block;box-shadow:0 6px 20px #040a1c3d,inset 0 1px #5bb1ff14;transition:transform .24s cubic-bezier(.2,.85,.3,1),box-shadow .24s ease,border-color .24s ease;animation:project-card-in .52s cubic-bezier(.22,1,.36,1) both}.project-card-main{border:none;background:transparent;color:#ebf3ff;text-align:left;display:grid;gap:6px;padding:0;width:100%}.projects-grid .project-card:nth-child(2){animation-delay:.05s}.projects-grid .project-card:nth-child(3){animation-delay:.1s}.projects-grid .project-card:nth-child(4){animation-delay:.15s}.project-card:active{transform:translateY(1px) scale(.995);border-color:#5bb1ff52;box-shadow:0 4px 14px #040a1c33,inset 0 1px #5bb1ff1a}.project-card-title-row{display:flex;align-items:center;gap:8px;min-width:0}.project-card-name{font-size:16px;line-height:1.2;letter-spacing:-.01em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-count{color:#d8e8ffb8;font-size:14px;line-height:1.25;font-weight:600;margin-left:2px}.project-card-icon{width:36px;height:36px;border-radius:12px;border:1px solid rgba(100,169,255,.34);background:linear-gradient(145deg,#2b76ff33,#2b76ff14);display:inline-flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}.project-card-icon svg{width:18px;height:18px;fill:none;stroke:#69b4ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.project-card-menu{position:absolute;right:10px;top:10px;border:none;background:transparent;color:#d6e7ffc7;width:28px;height:28px;border-radius:8px;font-size:22px;line-height:.9;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .16s ease,color .2s ease,background .2s ease}.project-card-menu:active{background:#ffffff12;color:#eaf4fff5;transform:scale(.92)}.project-card:active .project-card-icon{transform:scale(.96)}.projects-folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:8px 0 0}.projects-folder{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 4px 10px;border-radius:12px;transition:background .15s;animation:project-card-in .42s cubic-bezier(.22,1,.36,1) both}.projects-folder:nth-child(2){animation-delay:.04s}.projects-folder:nth-child(3){animation-delay:.08s}.projects-folder:nth-child(4){animation-delay:.12s}.projects-folder:nth-child(5){animation-delay:.16s}.projects-folder:nth-child(6){animation-delay:.2s}.projects-folder:active{background:#5a84ff14}.projects-folder-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:none;background:transparent;color:inherit;width:100%;cursor:pointer}.projects-folder-icon{width:72px;height:58px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;filter:drop-shadow(0 3px 6px rgba(30,80,180,.3))}.projects-folder-icon svg{width:100%;height:100%}.projects-folder-name{font-size:11px;font-weight:600;color:#e8f2ff;text-align:center;line-height:1.3;max-width:90%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.projects-folder-count{font-size:10px;color:#c8deff66;font-weight:500;margin-top:-2px}.projects-folder-btn:active .projects-folder-icon{transform:scale(.9);filter:drop-shadow(0 3px 6px rgba(30,80,180,.3)) brightness(.92)}@media (min-width: 420px){.projects-folder-grid{grid-template-columns:repeat(4,1fr)}}.projects-empty{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card);padding:18px;display:grid;gap:10px;box-shadow:0 12px 24px #070e1c42}.projects-empty h3{margin:0;font-size:18px}.projects-empty p{margin:0;color:#e2eeffad;line-height:1.4;font-size:13px}.projects-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:12px;padding:4px;border:1px solid var(--card-border);background:var(--card)}.projects-subtab{border:none;border-radius:8px;padding:8px 6px;background:transparent;color:#dae9ffb3;font-size:13px;font-weight:600}.projects-subtab.is-active{background:#477ee175;color:#ecf5ff}.projects-file-filters{display:flex;gap:6px;position:relative;z-index:30}.projects-file-filters .select{z-index:1;flex:0 0 auto}.projects-file-filters .select.is-open{z-index:40}.projects-file-filters .select-trigger{padding:6px 28px 6px 10px;font-size:12px;font-weight:600;border-radius:10px;min-height:0;background:#ffffff0f;border-color:#ffffff1a}.projects-file-filters .select-trigger:after{right:10px;width:6px;height:6px;border-width:1.5px}.projects-file-filters .select-menu{z-index:60;border-radius:10px;padding:4px;min-width:120px}.projects-file-filters .select-option{padding:7px 10px;font-size:12px;border-radius:8px}.projects-files-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;position:relative;z-index:1}.projects-files-sentinel{width:100%;height:2px}.project-file{border-radius:14px;border:none;overflow:hidden;background:#0e162480;position:relative;--project-file-meta-height: 0px;box-shadow:0 2px 8px #0003;transition:transform .15s ease,box-shadow .15s ease}.project-file:active{transform:scale(.97)}.project-file-open{width:100%;border:none;background:transparent;color:inherit;text-align:left;padding:0;display:block}.project-file.is-selected{box-shadow:inset 0 0 0 2px #5aa0ffb3}.project-file-preview{position:relative;aspect-ratio:3/4;overflow:hidden}.project-file-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.project-file-audio-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1}.project-file-audio-icon{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#09122380;color:#f5f8ff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.project-file-blue .project-file-preview{background:linear-gradient(160deg,#225dbee6,#6cb2ffa6)}.project-file-orange .project-file-preview{background:linear-gradient(160deg,#b35f28e0,#ffbe7099)}.project-file-violet .project-file-preview{background:linear-gradient(160deg,#6f48c6d6,#c281f694)}.project-file-teal .project-file-preview{background:linear-gradient(160deg,#1d767de0,#5ad2d699)}.project-file-pink .project-file-preview{background:linear-gradient(160deg,#973c79e6,#f18ac699)}.project-file-play{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#09122373;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#f5f8ff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.project-file-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 8px;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.25) 60%,transparent 100%);display:flex;flex-direction:column;gap:1px;z-index:2}.project-file-overlay-name{font-size:12px;font-weight:600;color:#fff;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.4)}.project-file-overlay-date{font-size:10px;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.4)}.project-file-overlay-badge{position:absolute;top:-20px;right:10px;padding:2px 7px;border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ffffffd9}.project-file-top-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:3}.project-file-top-btn{width:28px;height:28px;border-radius:8px;border:none;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fffc;padding:0;transition:background .15s}.project-file-top-btn:active{background:#0009}.project-file-check{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(192,220,255,.55);background:#102440b8;color:#d9ecff;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.projects-selection-bar{position:sticky;bottom:calc(88px + env(safe-area-inset-bottom));z-index:15;border-radius:14px;border:1px solid var(--card-border);background:#0e1624e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px;display:grid;gap:8px;box-shadow:0 14px 26px #060c184d}.projects-selection-count{font-size:13px;color:#d6e6ffd1}.projects-selection-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}.projects-selection-actions .ghost-button{padding:10px 8px;border-radius:10px;font-size:13px}.projects-selection-actions .helper-link{font-size:13px;color:#c7ddffd9}.projects-space-placeholder{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card);padding:14px;display:grid;gap:8px;box-shadow:0 12px 24px #070e1c42}.projects-space-placeholder h3{margin:0}.projects-space-placeholder p{margin:0;color:#e2eeffad;line-height:1.45;font-size:13px}.projects-space-editor{display:grid;gap:10px;padding-bottom:76px}.projects-space-timeline{position:relative;padding-left:12px}.projects-space-timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:84px;width:1px;background:linear-gradient(to bottom,#78acff6b,#78acff14)}.projects-space-switcher{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.projects-space-chip{border:1px solid rgba(124,177,255,.28);background:#0c182ab8;color:#dbebffd6;border-radius:999px;padding:6px 10px;font-size:12px;white-space:nowrap}.projects-space-chip.is-active{border-color:#89c2ff9e;background:linear-gradient(140deg,#2f6dd78a,#5fa7ff52);color:#f2f8ff}.space-run-stack{display:grid;gap:8px}.space-block{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card);overflow:hidden;position:relative;box-shadow:0 12px 24px #060c1842}.space-block:before{content:"";position:absolute;left:-12px;top:14px;width:8px;height:8px;border-radius:50%;background:#71a8ffe6;box-shadow:0 0 0 3px #25519459}.space-block.is-active{border-color:#8acbff80;box-shadow:0 0 0 1px #82c6ff33,0 14px 28px #0814284d}.space-block.is-active:before{background:#88d4ff;box-shadow:0 0 0 3px #4285cc5c,0 0 12px #58a8ff8c}.space-block-head{width:100%;border:none;background:transparent;color:#ecf5ff;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;font-size:13px;font-weight:700}.space-block-body{display:grid;gap:8px;padding:0 12px 12px}.space-block-note{margin:0;font-size:12px;color:#d8e8ffb3}.space-input-picked,.space-input-empty{border-radius:12px;border:1px solid rgba(135,189,255,.22);background:#0f1d32a6;font-size:13px;color:#e7f2ff;padding:9px 10px}.space-input-empty{color:#d6e7ff9e}.space-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.space-block .field{margin-bottom:0}.space-block textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);padding:10px 12px;font-size:14px;outline:none;resize:vertical;min-height:84px}.space-status{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 10px;border:1px solid rgba(134,186,255,.28);font-size:12px;color:#dff0ff}.space-status.is-done{border-color:#6fe8ac73;color:#a9f6cb}.space-status.is-error{border-color:#ff919173;color:#ffc0c0}.space-error-text{margin:0;font-size:12px;color:#ffb1b1}.space-block-actions{display:flex;flex-wrap:wrap;gap:8px}.space-result-preview{border-radius:10px;overflow:hidden;border:1px solid rgba(127,183,255,.24);background:#0e1628b3;aspect-ratio:16 / 9}.space-result-preview img{width:100%;height:100%;object-fit:cover;display:block}.space-result-title{font-size:13px}.space-next-link{font-size:12px;color:#aad6ffcc}.projects-space-add-step{position:sticky;bottom:calc(88px + env(safe-area-inset-bottom));z-index:15}.projects-space-picker-modal{width:min(420px,calc(100vw - 24px))}.projects-space-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:52vh;overflow-y:auto;margin-bottom:10px}.projects-space-picker-item{border:1px solid var(--card-border);border-radius:12px;background:var(--card);color:#ecf5ff;padding:0;overflow:hidden;text-align:left;box-shadow:0 10px 20px #060c183d}.projects-space-picker-item img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.projects-space-picker-item span{display:block;font-size:12px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 420px){.space-inline-fields,.projects-space-picker-grid{grid-template-columns:1fr}}.sp-root{display:grid;gap:12px;padding:0 0 calc(140px + env(safe-area-inset-bottom))}.sp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 24px 32px}.sp-empty-icon{opacity:.7;margin-bottom:4px}.sp-empty-title{margin:0;font-size:16px;font-weight:700;color:#ecf5ff}.sp-empty-text{margin:0;font-size:13px;color:#d2e6ff99;line-height:1.45;max-width:260px}.sp-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sp-card-wrap{position:relative}.sp-card{display:block;width:100%;border:1px solid rgba(91,177,255,.18);border-radius:18px;background:linear-gradient(180deg,#2b76ff1a,#1432780f 50%,#0c1e461f);overflow:hidden;text-align:left;padding:0;color:inherit;transition:transform .12s ease,border-color .2s ease;box-shadow:0 6px 20px #040a1c3d,inset 0 1px #5bb1ff14}.sp-card:active{transform:scale(.97)}.sp-card-cover{width:100%;aspect-ratio:4 / 3;background:linear-gradient(160deg,#1e3c7833,#0c183240);display:flex;align-items:center;justify-content:center;overflow:hidden}.sp-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.sp-card-cover--empty{opacity:.7}.sp-card-body{padding:10px 12px 12px;display:grid;gap:3px}.sp-card-title{font-size:13px;font-weight:700;color:#ecf5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-card-meta{font-size:11px;color:#c8deff99;display:flex;align-items:center;gap:4px}.sp-card-dot{width:3px;height:3px;border-radius:50%;background:#c8deff59;flex-shrink:0}.sp-card-date{font-size:11px;color:#c8deff66}.sp-card-menu-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0e1624b3;color:#d2e6ffa6;display:flex;align-items:center;justify-content:center;z-index:2}.sp-card-menu{position:absolute;top:46px;right:10px;min-width:178px;display:grid;gap:2px;padding:6px;border-radius:14px;border:1px solid rgba(91,177,255,.2);background:linear-gradient(180deg,#142850f2,#0c1832fa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 32px #040a1c80,inset 0 1px #5bb1ff14;z-index:3}.sp-card-menu-confirm{display:grid;gap:8px;padding:8px;font-size:12px;color:#e6f2ffe6}.sp-card-menu-confirm-actions{display:grid;gap:4px}.sp-fab{position:fixed;right:20px;bottom:calc(160px + env(safe-area-inset-bottom,10px));width:52px;height:52px;border-radius:18px;border:1px solid rgba(91,177,255,.36);background:linear-gradient(160deg,#2b76ff73,#1e50c861);color:#fff;font-size:26px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #12409659,inset 0 1px #5bb1ff38;transition:transform .18s ease;z-index:45}.sp-fab:active{transform:scale(.92)}.sp-detail-header{display:flex;align-items:center;gap:8px;min-height:36px}.sp-back{width:32px;height:32px;border-radius:10px;border:1px solid rgba(91,177,255,.22);background:linear-gradient(160deg,#2b76ff24,#1432781a);color:#d9e8ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #5bb1ff14;transition:transform .12s ease}.sp-back:active{transform:scale(.92)}.sp-detail-title{flex:1;font-size:15px;font-weight:700;color:#f0f6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-detail-actions{display:flex;gap:6px;flex-shrink:0}.sp-icon-btn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(91,177,255,.22);background:linear-gradient(160deg,#2b76ff24,#1432781a);color:#c8deff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #5bb1ff14;transition:transform .12s ease,background .2s ease}.sp-icon-btn:active{transform:scale(.92);background:linear-gradient(160deg,#2b76ff38,#1e46a029)}.sp-description{margin:0;font-size:13px;line-height:1.45;color:#c8deffa6}.sp-status-row{display:flex;align-items:center;gap:10px}.sp-meta-text{font-size:12px;color:#c8deff80}.sp-badge{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid rgba(134,186,255,.25);color:#dceeffcc;background:#5a84ff1a;white-space:nowrap}.sp-badge--success{border-color:#6fe8ac59;color:#a9f6cb;background:#50c88c1a}.sp-empty-steps{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:32px 24px;border-radius:14px;border:1px dashed rgba(91,177,255,.25);background:linear-gradient(160deg,#2b76ff14,#1432780f);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sp-empty-steps-icon{opacity:.6}.sp-empty-steps-text{margin:0;font-size:13px;color:#d2e6ff8c;line-height:1.45}.sp-empty-steps-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sp-timeline{display:grid;gap:0;padding-left:18px;position:relative}.sp-timeline:before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,#2b76ff59,#5bb1ff1f);border-radius:1px}.sp-step{display:grid;grid-template-columns:auto 1fr;gap:12px;position:relative;padding-bottom:16px}.sp-step:last-child{padding-bottom:0}.sp-step-index{width:24px;height:24px;border-radius:50%;background:linear-gradient(160deg,#2b76ff4d,#1e50c833);border:2px solid rgba(91,177,255,.4);color:#c8deff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-left:-18px;box-shadow:0 0 8px #2b76ff33}.sp-step--final .sp-step-index{background:#50c88c33;border-color:#6fe8ac80;color:#a9f6cb}.sp-step-content{border-radius:14px;border:1px solid rgba(91,177,255,.18);background:linear-gradient(160deg,#2b76ff1a,#14327814);padding:12px;display:grid;gap:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 20px #060c184d,inset 0 1px #5bb1ff14}.sp-step--final .sp-step-content{border-color:#6fe8ac40}.sp-step-head{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.sp-step-head-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.sp-step-name{font-size:13px;font-weight:700;color:#ecf5ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-step-desc{margin:0;font-size:12px;color:#d2e6ffa6;line-height:1.4}.sp-step-preview{border-radius:10px;overflow:hidden;border:1px solid rgba(91,177,255,.2);background:linear-gradient(160deg,#2b76ff0f,#0e162866);aspect-ratio:16 / 9;box-shadow:inset 0 1px #5bb1ff0f}.sp-step-preview img{width:100%;height:100%;object-fit:cover;display:block}.sp-step-meta{display:flex;flex-wrap:wrap;gap:6px}.sp-tag{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#c8deffcc;background:linear-gradient(160deg,#2b76ff26,#1432781a);border:1px solid rgba(91,177,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sp-step-prompt{margin:0;font-size:12px;color:#d2e6ff8c;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sp-step-settings{display:flex;flex-wrap:wrap;gap:4px 10px}.sp-setting{font-size:11px;color:#c8deff80}.sp-setting-key{color:#c8deff99}.sp-setting-value{font-weight:600;color:#c8deffb3}.sp-setting.is-long{flex-basis:100%}.sp-setting.is-long .sp-setting-value{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;vertical-align:top;max-width:100%}.sp-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;border-top:1px solid rgba(91,177,255,.1);position:relative}.sp-more-btn{width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0e1624b3;color:#d2e6ffa6;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,background .2s ease}.sp-more-btn:active{transform:scale(.95);background:#5a84ff33}.sp-step-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:188px;display:grid;gap:2px;padding:6px;border-radius:12px;border:1px solid rgba(91,177,255,.24);background:linear-gradient(160deg,#142850eb,#0c1830f2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 32px #060c1880,inset 0 1px #5bb1ff1a;z-index:10}.sp-step-menu.is-up{top:auto;bottom:calc(100% + 8px)}.sp-step-menu--fixed{position:fixed;z-index:55}.sp-step-menu-item{border:0;text-align:left;padding:9px 10px;border-radius:8px;background:transparent;color:#d7e8ffe6;font-size:12px;font-weight:600}.sp-step-menu-item:active:not(:disabled){background:#5a84ff29}.sp-step-menu-item:disabled{opacity:.35}.sp-step-menu-item.is-danger{color:#ffaaaaf2}.sp-btn{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:transform .1s ease,background .2s ease;white-space:nowrap}.sp-btn:active{transform:scale(.96)}.sp-btn--accent{background:linear-gradient(160deg,#2b76ff47,#1e50c833);border:1px solid rgba(91,177,255,.35);color:#cfe6ff;box-shadow:inset 0 1px #5bb1ff1a}.sp-btn--ghost{background:linear-gradient(160deg,#2b76ff0f,#1432780a);border:1px solid rgba(91,177,255,.15);color:#d2e6ffbf;box-shadow:inset 0 1px #5bb1ff0d}.sp-btn--status-active{border:1px solid rgba(140,190,255,.42);background:#5082ff33;color:#e7f3ff;box-shadow:inset 0 0 0 1px #b4d7ff14}.sp-btn--status-active.sp-label--best{border-color:#ffd25073;background:#ffc42e2e;color:#ffe5a1}.sp-btn--status-active.sp-label--final{border-color:#6fe8ac73;background:#50c88c2e;color:#b6f9d5}.sp-btn--status-active.sp-label--test{border-color:#a0b4ff6b;background:#879eff2e;color:#d6e0ff}.sp-btn--status-active.sp-label--draft{border-color:#becce64d;background:#8292aa29;color:#e1ebf8e6}.sp-btn--danger{background:#ff505026;border:1px solid rgba(255,120,120,.35);color:#ffb1b1}.sp-btn--danger-text{color:#ffa0a0b3;border-color:#ff787826}.sp-step-edit{display:grid;gap:8px}.sp-step-edit-actions{display:flex;gap:6px}.sp-step-confirm-delete{display:flex;align-items:center;gap:8px;padding:8px 0 0;font-size:12px;color:#ffb4b4d9}.sp-input{width:100%;border-radius:12px;border:1px solid rgba(91,177,255,.18);background:linear-gradient(160deg,#2b76ff0f,#1432780a);color:var(--text);padding:10px 12px;font-size:14px;outline:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease}.sp-input:focus{border-color:#5bb1ff66;box-shadow:0 0 8px #2b76ff26}.sp-textarea{width:100%;border-radius:12px;border:1px solid rgba(91,177,255,.18);background:linear-gradient(160deg,#2b76ff0f,#1432780a);color:var(--text);padding:10px 12px;font-size:14px;outline:none;resize:vertical;min-height:64px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease}.sp-textarea:focus{border-color:#5bb1ff66;box-shadow:0 0 8px #2b76ff26}.sp-field{display:grid;gap:6px}.sp-field-label{font-size:12px;font-weight:600;color:#dceeffb3}.sp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#080e1c99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16px}.sp-modal{width:min(400px,100%);background:linear-gradient(160deg,#142850e6,#0c1830eb);border:1px solid rgba(91,177,255,.25);border-radius:20px;padding:24px 20px 20px;display:grid;gap:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 48px #060c1a99,inset 0 1px #5bb1ff1f}.sp-modal-title{font-size:17px;font-weight:700;color:#f0f6ff}.sp-modal-actions{display:flex;gap:10px;justify-content:flex-end}.sp-modal-actions .ghost-button{padding:10px 16px;font-size:14px}.sp-modal-actions .btn-primary{padding:10px 20px;font-size:14px}.sp-pick-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin:4px 0 8px}.sp-pick-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:linear-gradient(160deg,#2b76ff1a,#1432780f);border:1px solid rgba(91,177,255,.16);border-radius:12px;color:#e0eaff;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.sp-pick-item:active{background:#8cbeff24;border-color:#8cbeff40}.sp-pick-item-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-pick-item-meta{font-size:12px;color:#a0bee699;white-space:nowrap;flex-shrink:0}.sp-pick-divider{text-align:center;font-size:12px;color:#a0bee673;padding:6px 0}.sp-pick-new{display:flex;gap:8px;align-items:center}.sp-pick-new .sp-input{flex:1;min-width:0}.sp-pick-new .btn-primary{white-space:nowrap;padding:8px 14px;font-size:13px;flex-shrink:0}.sp-share-footer{position:relative;display:grid;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(90,132,255,.28);background:#0e1624eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.sp-share-title{margin:0;font-size:12px;font-weight:600;color:#d2e6ffc7}.sp-share-url{font-size:12px;line-height:1.35;color:#bedcffbd;border:1px solid rgba(90,132,255,.2);border-radius:10px;background:#ffffff08;padding:8px 10px;word-break:break-all}.sp-share-actions{display:flex;flex-wrap:wrap;gap:8px}.sp-share-hint{font-size:12px;color:#aadaffd9}.sp-public-hero{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(98,146,255,.25);background:linear-gradient(180deg,#406ed21f,#0f192ab8)}.sp-public-hero-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-public-title{margin:0;font-size:20px;font-weight:800;color:#edf6ff;line-height:1.1}.sp-public-author{margin:0;font-size:13px;color:#c6ddffc7}.sp-public-desc{margin:0;font-size:13px;line-height:1.5;color:#d8e8ffbf}.sp-public-cover{border-radius:12px;overflow:hidden;border:1px solid rgba(127,183,255,.2);background:#0e162899;aspect-ratio:16 / 9}.sp-public-cover img{width:100%;height:100%;object-fit:cover;display:block}.sp-public-actions{display:flex;flex-wrap:wrap;gap:8px}.sp-note-preview{margin:0;font-size:12px;line-height:1.45;color:#e9d8a7e0;border:1px solid rgba(209,182,100,.32);border-radius:10px;background:#40381d59;padding:8px 10px}.sp-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-expand-btn{justify-self:start;border:0;background:transparent;color:#a3c6ffdb;font-size:12px;font-weight:700;padding:0}.sp-public-final{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(111,232,172,.25);background:linear-gradient(180deg,#50c88c14,#0e1624b8)}.sp-public-final-title{margin:0;font-size:16px;font-weight:800;color:#eaf7ff}.sp-public-final-media{border-radius:12px;overflow:hidden;border:1px solid rgba(111,232,172,.3);background:#0c1828b3;aspect-ratio:16 / 9}.sp-public-final-media img{width:100%;height:100%;object-fit:cover;display:block}.sp-public-final-text{margin:0;font-size:13px;line-height:1.5;color:#daedffcc}.sp-toast{position:fixed;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;width:fit-content;max-width:min(92%,360px);padding:8px 12px;border-radius:12px;border:1px solid rgba(98,146,255,.42);background:#0c182cf5;color:#d9ecff;font-size:12px;font-weight:600;line-height:1.2;text-align:center;box-shadow:0 14px 36px #050c1a7a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.sp-progress-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sp-progress-badges{display:flex;gap:6px;align-items:center}.sp-badge--final{border-color:#6fe8ac59;color:#a9f6cb;background:#50c88c1a}.sp-progress-bar{display:flex;gap:3px;align-items:center;margin-left:auto}.sp-progress-dot{width:8px;height:8px;border-radius:50%;background:#5a84ff40;border:1.5px solid rgba(90,132,255,.4);transition:background .2s,border-color .2s}.sp-progress-dot.sp-label--final{background:#50c88c4d;border-color:#6fe8ac99}.sp-progress-dot.sp-label--best{background:#ffc83c4d;border-color:#ffd25099}.sp-progress-dot.sp-label--test{background:#8ca0ff40;border-color:#a0b4ff80}.sp-progress-dot.sp-label--draft{background:#ffffff14;border-color:#fff3}.sp-progress-more{margin-left:2px;padding:0 6px;height:16px;border-radius:999px;border:1px solid rgba(140,186,255,.28);background:#5a84ff1a;color:#cee2ffd1;font-size:10px;font-weight:700;line-height:14px}.sp-step-labeled.sp-label--final .sp-step-content{border-color:#6fe8ac40;background:linear-gradient(180deg,#50c88c1a,#14327814)}.sp-step-labeled.sp-label--final .sp-step-index{background:#50c88c33;border-color:#6fe8ac8c;color:#a9f6cb;box-shadow:0 0 8px #6fe8ac40}.sp-step-labeled.sp-label--best .sp-step-content{border-color:#ffd25038;background:linear-gradient(180deg,#ffc83c14,#14327814)}.sp-step-labeled.sp-label--best .sp-step-index{background:#ffc83c2e;border-color:#ffd25080;color:#ffe9a0;box-shadow:0 0 8px #ffd25033}.sp-step-labeled.sp-label--test .sp-step-content{border-color:#a0b4ff33;background:linear-gradient(180deg,#8ca0ff14,#14327814)}.sp-step-labeled.sp-label--test .sp-step-index{background:#8ca0ff26;border-color:#a0b4ff73;color:#b8c6ff}.sp-step-labeled.sp-label--draft .sp-step-content{border-color:#ffffff1a;opacity:.7}.sp-step-labeled.sp-label--draft .sp-step-index{background:#ffffff0f;border-color:#ffffff2e;color:#dce6ff80}.sp-label-menu{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.sp-label-option{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#d2e6ffb3;transition:transform .1s,background .15s}.sp-label-option:active{transform:scale(.95)}.sp-label-option--active{border-color:#5a84ff73;background:#5a84ff1f;color:#d0e4ff}.sp-label-option.sp-label--final{border-left:3px solid rgba(111,232,172,.6)}.sp-label-option.sp-label--best{border-left:3px solid rgba(255,210,80,.6)}.sp-label-option.sp-label--test{border-left:3px solid rgba(160,180,255,.5)}.sp-label-option.sp-label--draft{border-left:3px solid rgba(255,255,255,.2)}.sp-note{display:flex;gap:6px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:#ffdc640a;border:1px solid rgba(255,220,100,.12);cursor:pointer;transition:background .15s}.sp-note:active{background:#ffdc6414}.sp-note-icon{flex-shrink:0;color:#ffdc8280;margin-top:1px}.sp-note-text{font-size:12px;line-height:1.4;color:#fff0c8b3;white-space:pre-wrap;word-break:break-word}.sp-note-edit{display:grid;gap:6px}.sp-note-textarea{border-color:#ffdc6433;background:#ffdc6408}.sp-note-textarea:focus{border-color:#ffdc6459}.sp-add-step-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0}@media (max-width: 420px){.sp-list-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.projects-action-modal{width:min(360px,90vw);border-radius:18px;padding:20px;gap:12px;background:#0e1420f5;border:1px solid rgba(255,255,255,.12);box-shadow:none;animation:modal-card-in .34s cubic-bezier(.215,.61,.355,1) both}.projects-action-modal .modal-title{font-size:19px;line-height:1.2;font-weight:650;color:#e8f2ff;padding:0 2px 8px;margin-bottom:0}.projects-action-btn.ghost-button.full{min-height:46px;border-radius:16px;padding:10px 14px;font-size:15px;line-height:1;font-weight:700;border:1px solid rgba(150,194,255,.24);background:linear-gradient(170deg,#131f34d6,#0c1628cc);color:#eaf4ff;box-shadow:inset 0 1px #c8e3ff12;transition:transform .14s ease,color .2s ease,border-color .2s ease,background .2s ease}.projects-action-btn.ghost-button.full:active{transform:scale(.987);border-color:#9fceff70;color:#fff;background:linear-gradient(170deg,#182842e6,#101e36db)}.projects-action-btn:not(.projects-action-btn-danger):not(.projects-action-cancel).ghost-button.full{border-color:#67aaff80;background:linear-gradient(140deg,var(--primary),var(--primary-bright));color:#fff;box-shadow:none}.projects-action-btn:not(.projects-action-btn-danger):not(.projects-action-cancel).ghost-button.full:active{border-color:#91c9ffb8;background:linear-gradient(140deg,#246cf1,#58aaff);box-shadow:none}.projects-action-btn.ghost-button.full:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.projects-action-modal .helper-link{width:100%;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#deecffd6;border-radius:16px;min-height:42px;padding:10px 14px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,background .2s ease,color .2s ease}.projects-action-modal .helper-link:active{transform:scale(.98);background:#5a84ff33;color:#eaf3ff}.projects-action-btn-danger.ghost-button.full{color:#ffd4db;border-color:#ff92a68a;background:linear-gradient(172deg,#52182abd,#381022a3);box-shadow:inset 0 1px #ffc8d61a}.projects-action-btn-danger.ghost-button.full:active{border-color:#ffa4b8b3;color:#ffe0e6;background:linear-gradient(172deg,#601b30c7,#421226ad)}.projects-action-delete-confirm.btn-primary{border:1px solid rgba(255,146,166,.54);background:linear-gradient(172deg,#52182abd,#381022a3);color:#ffe0e6}.projects-action-delete-confirm.btn-primary:active{border-color:#ffa4b8b3;background:linear-gradient(172deg,#601b30c7,#421226ad)}.projects-action-cancel.ghost-button.full{margin-top:2px;color:#c8dcf6cc;border-color:#96bef53d;background:linear-gradient(170deg,#111d32c7,#0c1628bd);box-shadow:inset 0 1px #c6dfff0d}.projects-action-cancel.ghost-button.full:active{color:#deeeffe6;border-color:#9abef352;background:linear-gradient(170deg,#17253ec7,#0f1b31b8)}@media (max-width: 480px){.projects-action-modal .modal-title{font-size:18px}.projects-action-btn.ghost-button.full{font-size:14px;min-height:44px;padding:9px 12px}}.projects-confirm-text{margin:0;color:#dfecffd1;line-height:1.45;font-size:13px}.projects-modal-backdrop{background:#0a101e73;backdrop-filter:blur(5.9px) saturate(120%);-webkit-backdrop-filter:blur(5.9px) saturate(120%)}.projects-viewer-backdrop{z-index:118}body.projects-modal-open{overflow:hidden;overscroll-behavior:none;touch-action:none}body.projects-modal-open .screen{pointer-events:none}.projects-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:121;border-radius:0;border:none;background:#000;box-shadow:none;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;animation:viewer-fade-in .25s ease both}@keyframes viewer-fade-in{0%{opacity:0}to{opacity:1}}.projects-viewer.is-closing{animation:viewer-fade-out .2s ease both}@keyframes viewer-fade-out{0%{opacity:1}to{opacity:0}}.projects-viewer-header{position:absolute;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;padding-top:max(12px,env(safe-area-inset-top,12px));background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%)}.projects-viewer-header strong{font-size:15px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-viewer-media{margin:0;border-radius:0;overflow:hidden;aspect-ratio:unset;flex:1 1 auto;min-height:0;position:relative;background:#000;isolation:isolate}.projects-viewer-media:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;background-image:var(--viewer-blur-image);background-size:cover;background-position:center;filter:blur(32px) saturate(120%) brightness(.4);transform:scale(1.15);opacity:.7;pointer-events:none;z-index:0}.projects-viewer-media .project-file-media{position:absolute;top:0;right:0;bottom:0;left:0}.projects-viewer-media img.project-file-media{object-fit:contain;background:transparent}.projects-viewer-media>.project-file-media,.projects-viewer-media>.projects-viewer-video-wrap,.projects-viewer-media>.projects-viewer-audio-wrap{z-index:1}.projects-viewer-media.project-file-blue{background:linear-gradient(160deg,#225dbee6,#6cb2ffa6)}.projects-viewer-media.project-file-orange{background:linear-gradient(160deg,#b35f28e0,#ffbe7099)}.projects-viewer-media.project-file-violet{background:linear-gradient(160deg,#6f48c6d6,#c281f694)}.projects-viewer-media.project-file-teal{background:linear-gradient(160deg,#1d767de0,#5ad2d699)}.projects-viewer-media.project-file-pink{background:linear-gradient(160deg,#973c79e6,#f18ac699)}.projects-viewer .projects-viewer-media.project-file-blue,.projects-viewer .projects-viewer-media.project-file-orange,.projects-viewer .projects-viewer-media.project-file-violet,.projects-viewer .projects-viewer-media.project-file-teal,.projects-viewer .projects-viewer-media.project-file-pink{background:#030a16f0}.projects-viewer-download{position:absolute;bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:24px;right:24px;z-index:10;height:52px;margin:0;border-radius:14px;font-size:16px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:none;filter:none}.projects-viewer-download:active{box-shadow:none}.projects-viewer-video-wrap,.projects-viewer-audio-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.projects-viewer-audio-player{position:absolute;left:10px;right:10px;bottom:10px;width:calc(100% - 20px)}.projects-viewer-video-fallback{display:none}.projects-viewer-video-wrap.is-video-failed video{display:none}.projects-viewer-video-wrap.is-video-failed .projects-viewer-video-fallback{display:block}.projects-viewer .projects-back{color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.projects-viewer .projects-icon-btn,.projects-viewer-header strong{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.projects-details-grid{display:grid;gap:10px}.projects-details-grid div{display:grid;gap:3px}.projects-details-grid strong{font-size:12px;color:#c3dbffb3}.projects-details-grid span{font-size:14px;color:#eaf4ff}.projects-details-prompt{white-space:pre-wrap;word-break:break-word}.projects-rerun-hint{margin:0 0 12px;font-size:12px;line-height:1.4;color:#c3dbffb8}.projects-move-modal{width:min(360px,90vw);border-radius:18px;padding:20px;background:#0e1420f5;border:1px solid rgba(255,255,255,.12)}.projects-move-modal .modal-title{margin-bottom:0}.projects-move-modal .field{margin-bottom:12px}.projects-move-modal .field span{font-size:13px;color:var(--muted)}.projects-move-modal .select-trigger{border-radius:12px}.projects-move-modal .select-menu{z-index:260}.projects-move-modal .modal-actions{padding-top:4px}.projects-move-modal .btn-primary,.projects-move-cancel{min-width:0}.projects-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;padding-top:6px}.projects-modal-actions-single{grid-template-columns:minmax(0,1fr)}.projects-modal-actions .btn-primary,.projects-modal-secondary,.projects-move-cancel{min-height:38px;border-radius:16px;font-size:14px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.projects-modal-actions .btn-primary,.projects-modal-actions .btn-primary:active{box-shadow:none}.projects-modal-secondary,.projects-move-cancel{border:1px solid rgba(169,199,245,.24);background:#ffffff0a;color:#dbeaffeb}.projects-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2200;width:min(360px,calc(100vw - 28px));padding:14px 16px;border-radius:18px;font-size:14px;line-height:1.4;border:1px solid rgba(255,255,255,.12);background:#0e1420f5;color:#eaf4ff;box-shadow:0 20px 40px #081022b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;pointer-events:none;animation:projects-toast-in .22s ease}.projects-toast.is-success{border-color:#78aaff47;background:#0a182ef5;color:#eaf4ff}.projects-toast.is-error{border-color:#ff8c8c47;background:#2c1018f5;color:#ffdfe6}@keyframes projects-toast-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(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 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%)}}@keyframes project-card-in{0%{opacity:0;transform:translateY(10px) scale(.985);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}@keyframes projects-modal-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes projects-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes projects-plus-breathe{0%,to{box-shadow:0 8px 18px #205dbe57}50%{box-shadow:0 12px 24px #3a7eeb80}}@keyframes modal-card-in{0%{opacity:0;transform:perspective(1100px) translate(-50%,-50%) translateZ(-56px) scale(.8)}68%{opacity:1;transform:perspective(1100px) translate(-50%,-50%) translateZ(0) scale(1.015)}88%{opacity:1;transform:perspective(1100px) translate(-50%,-50%) translateZ(0) scale(1.006)}to{opacity:1;transform:perspective(1100px) translate(-50%,-50%) translateZ(0) scale(1)}}@keyframes modal-card-out{0%{opacity:1;transform:perspective(1100px) translate(-50%,-50%) translateZ(0) scale(1)}to{opacity:0;transform:perspective(1100px) translate(-50%,-50%) translateZ(-48px) scale(.88)}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:.45}}@keyframes modal-backdrop-out{0%{opacity:.45}to{opacity:0}}@keyframes giftButtonGlow{0%{box-shadow:0 10px 22px #2971eb5c,0 0 #55a6ff59}65%{box-shadow:0 12px 26px #2971eb6b,0 0 0 7px #55a6ff00}to{box-shadow:0 10px 22px #2971eb5c,0 0 #55a6ff00}}@keyframes giftPointerBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(1.03)}}@media (max-width: 599px){.bottom-nav{width:min(560px,calc(100% - 4px));height:96px;padding:10px 14px}.bottom-nav-inner{gap:10px}.nav-item{padding:5px 6px}.nav-icon{width:40px;height:40px}.nav-icon-svg{width:33px;height:33px}.nav-icon-ai{width:34px;height:34px}.nav-label{font-size:16px}}@media (hover: none) and (pointer: coarse){.bottom-nav{width:min(560px,calc(100% - 4px));height:96px;padding:10px 14px}.bottom-nav-inner{gap:10px}.nav-item{padding:5px 6px}.nav-icon{width:40px;height:40px}.nav-icon-svg{width:33px;height:33px}.nav-icon-ai{width:34px;height:34px}.nav-label{font-size:16px}}@media (prefers-reduced-motion: reduce){.reveal,.ai-list--switch,.ai-item,.primary-button,.primary-button:after,.orb,.project-card,.projects-action-modal,.projects-modal-backdrop,.projects-icon-btn-primary,.modal-card,.modal-backdrop,.gift-button.has-notification,.gift-button-pointer{animation:none}.project-card,.project-card-icon,.project-card-menu,.projects-icon-btn{transition:none}}@media (max-width: 420px){.promo-form{grid-template-columns:1fr}.promo-submit{width:100%}.ai-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ai-category-card{padding:12px 10px;min-height:116px;gap:5px}.ai-category-title{font-size:15px}.project-card{min-height:82px;padding:10px 38px 8px 10px}.project-card-icon{width:34px;height:34px;border-radius:11px}.project-card-icon svg{width:18px;height:18px}.project-card-name{font-size:14px}.project-card-count{font-size:13px}.project-card-menu{right:8px;top:8px;width:26px;height:26px;font-size:20px}}@media (min-width: 600px){.screen{padding:36px 28px calc(120px + env(safe-area-inset-bottom))}.balance{padding:26px}.balance-value{font-size:46px}}.web-app-main.is-studio{width:100%;height:100dvh;min-height:0;margin-left:0;padding:0;overflow:hidden}.web-app-main.is-studio>.web-studio-shell{width:100%!important;height:100dvh;margin:0;padding:0}.web-studio-shell .page-stack,.web-studio-shell .generation-workspace{width:100%;height:100%;min-height:0}.web-studio-shell .generation-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0}.generation-sessions{min-height:0;padding:14px 10px;display:flex;flex-direction:column;border:0;border-right:1px solid #292b2f;border-radius:0;background:#202120}.generation-sidebar-brand{height:42px;margin-bottom:12px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.generation-sidebar-brand>button:first-child{min-width:0;padding:0;border:0;display:flex;align-items:center;gap:10px;background:transparent;color:#e9eaec;font:750 14px/1 inherit;cursor:pointer}.generation-sidebar-brand i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#2b76ff;color:#fff;font-style:normal;font-size:11px}.generation-sidebar-close{display:none}.generation-new-session{min-height:38px;padding:0 10px;border:0;border-radius:8px;background:#353635;color:#ececed;font-size:12px;font-weight:650}.generation-new-session:hover{border:0;background:#3c3d3c}.generation-session-heading{margin:22px 9px 8px;color:#777976;font-size:9px}.generation-session-item{min-height:42px;margin:1px 0;padding:8px 10px;border-radius:8px;color:#b8babd}.generation-session-item:hover{background:#2b2c2b}.generation-session-item.is-active{background:#353635;color:#f0f0f1}.generation-session-item span{font-size:11px;font-weight:550}.generation-session-item small{margin-top:4px;color:#777a7f;font-size:8px}.generation-sidebar-home{height:34px;margin-top:auto;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#8d908f;text-align:left;font:600 10px/1 inherit;cursor:pointer}.generation-sidebar-home:hover{background:#2b2c2b;color:#d5d6d7}.web-studio-shell .studio-card,.web-studio-shell .studio-layout,.web-studio-shell .studio-main{width:100%;height:100%;min-height:0}.web-studio-shell .studio-card{border:0;border-radius:0}.web-studio-shell .studio-main{position:relative;padding:0;display:grid;grid-template:52px minmax(0,1fr) / minmax(0,1fr);border:0;border-radius:0;overflow:hidden;background:#171817}.generation-session-topbar{grid-row:1;min-width:0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292b2f;background:#181918}.generation-session-topbar>strong{min-width:0;overflow:hidden;color:#dedfe1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.generation-session-topbar>div{display:flex;align-items:center;gap:6px}.generation-session-topbar>div>button,.generation-sessions-toggle{width:30px;height:30px;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;color:#8d9095;cursor:pointer}.generation-session-topbar>div>button:hover{background:#292b2f;color:#e6e7e8}.generation-sessions-toggle{display:none}.generation-conversation{grid-row:2;grid-column:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#171817}.generation-feed{min-height:0;padding:28px 24px 150px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:150px}.generation-feed>.studio-results,.generation-feed>.generation-empty,.generation-feed>.generation-global-error{width:min(860px,100%);margin-right:auto;margin-left:auto}.generation-empty{padding-bottom:70px}.generation-empty h1{font-size:28px;font-weight:500}.generation-empty>span,.generation-empty-model{display:none}.generation-empty p{color:#777b80}.web-studio-shell .studio-dialog-title{display:none}.web-studio-shell .studio-results-list{gap:32px}.web-studio-shell .studio-result-card{padding:0 0 30px;border-bottom:1px solid #292b2f}.web-studio-shell .studio-result-card:last-child{border-bottom:0}.web-studio-shell .studio-dialog-user{width:fit-content;max-width:min(76%,640px);margin:0 0 20px auto;padding:11px 14px;border-radius:14px;background:#292a29}.web-studio-shell .studio-dialog-user>span{display:none}.web-studio-shell .studio-dialog-user p{font-size:12px;line-height:1.55}.web-studio-shell .studio-result-head{margin-top:0}.web-studio-shell .studio-result-agent>span:first-child{width:24px;height:24px;border-radius:7px;font-size:9px}.web-studio-shell .studio-result-agent>span:last-child{font-size:12px;font-weight:650}.web-studio-shell .studio-result-status{padding:5px 8px;font-size:8px}.web-studio-shell .studio-result-meta{margin:7px 0 12px}.generation-card-parameters{margin:5px 0 10px}.web-studio-shell .studio-result-image,.web-studio-shell .studio-result-video{width:auto;max-width:min(100%,720px);max-height:620px;border-radius:10px;object-fit:contain}.web-studio-shell .studio-result-placeholder{min-height:120px;border:0;border-radius:10px;background:#1d1e1d}.web-studio-shell .studio-result-actions{margin-top:10px;gap:5px}.web-studio-shell .studio-result-actions .studio-mini-btn{min-height:30px;padding:0 9px;border-color:#303230;border-radius:7px;background:transparent;color:#aeb1b4;font-size:9px}.generation-more-actions{position:relative}.generation-more-actions>summary{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#92969a;cursor:pointer;list-style:none}.generation-more-actions>summary::-webkit-details-marker{display:none}.generation-more-actions>summary:hover{background:#292b2f}.generation-more-actions>div{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;width:150px;padding:5px;border:1px solid #383a3d;border-radius:9px;background:#242524;box-shadow:0 12px 32px #0006}.generation-more-actions>div button{width:100%;min-height:30px;padding:0 8px;border:0;border-radius:6px;display:block;background:transparent;color:#b9bcbf;text-align:left;font:550 9px/1 inherit;cursor:pointer}.generation-more-actions>div button:hover{background:#303230;color:#fff}.generation-composer-wrap{width:min(860px,calc(100% - 48px));margin:0 auto;padding:0 0 18px;background:linear-gradient(0deg,#171817 70%,transparent)}.generation-composer{padding:12px;border-color:#3a3c3f;border-radius:16px;background:#292a29;box-shadow:0 14px 35px #0000003d}.generation-composer textarea{min-height:62px;max-height:180px;font-size:13px}.generation-attach,.generation-model-chip,.generation-summary-chip{height:32px;border:0;background:transparent}.generation-attach:hover,.generation-model-chip:hover,.generation-summary-chip:hover{background:#343534}.generation-cost{color:#8c9fbe}.generation-send{width:36px;height:36px;border-radius:50%;background:#c8c9ca;color:#242524}.generation-send:disabled{background:#555755}.generation-parameters{position:absolute;grid-column:auto;grid-row:auto;z-index:40;right:max(22px,calc((100% - 860px)/2));bottom:108px;width:min(370px,calc(100% - 44px));max-height:min(620px,calc(100% - 90px));display:none;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #393b3f;border-radius:14px;overflow:hidden;background:#242524;box-shadow:0 20px 65px #00000080}.generation-parameters.is-open{display:grid;animation:web-dialog-in .15s ease both}.generation-parameters-head{min-height:54px;padding:11px 14px}.generation-parameters-head button{display:grid;place-items:center}.generation-parameters-body{padding:14px}.generation-parameters-cost{padding:11px 14px}@media (max-width: 760px){.web-studio-shell .generation-workspace{display:block}.generation-sessions{position:fixed;inset:0 auto 0 0;z-index:100;width:min(290px,86vw);display:flex;transform:translate(-102%);transition:transform .18s ease;box-shadow:24px 0 60px #0000008c}.generation-sessions.is-open{transform:translate(0)}.generation-sidebar-close{width:30px;height:30px;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;color:#999c9f;font-size:19px}.generation-sessions-toggle{display:grid;margin-right:8px}.generation-session-topbar{padding:0 12px;justify-content:flex-start}.generation-session-topbar>strong{flex:1}.generation-feed{padding:18px 12px 138px}.generation-composer-wrap{width:calc(100% - 20px);padding-bottom:10px}.generation-composer textarea{min-height:72px}.generation-summary-chip,.generation-cost{display:none}.generation-model-chip{max-width:150px}.generation-parameters{position:fixed;inset:auto 8px 8px;width:auto;max-height:min(76dvh,640px);border-radius:16px}.web-studio-shell .studio-dialog-user{max-width:88%}.web-studio-shell .studio-result-image,.web-studio-shell .studio-result-video{max-width:100%}}.web-app-root--unified .web-app-main:not(.is-studio){height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden}.web-app-root--unified .web-app-main:not(.is-studio)>*{width:100%;max-width:none;margin:0}.web-app-root--unified .web-app-main>.unified-workspace{width:100%;max-width:none;margin:0}.unified-workspace{width:100%;height:100dvh;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);background:#171817}.unified-workspace-content{min-width:0;min-height:0;padding:18px 28px 48px;overflow:auto;background:#171817}.guest-workspace-main{min-width:0;min-height:0;display:grid;grid-template-rows:52px minmax(0,1fr) auto;overflow:hidden;background:#171817}.guest-workspace-main>header{padding:0 22px;display:flex;align-items:center;border-bottom:1px solid #292b2f;color:#dedfe1;font-size:12px}.guest-workspace-empty{min-height:0;display:grid;place-content:center;padding-bottom:96px;text-align:center}.guest-workspace-empty h1{margin:0 0 7px;font-size:16px;font-weight:550}.guest-workspace-empty p{margin:0;color:#777b80;font-size:10px}.unified-workspace-content>*{width:min(1060px,100%);margin-right:auto;margin-left:auto}.unified-mobile-menu{display:none}.generation-sessions{overflow:hidden}.generation-session-heading{flex:0 0 auto}.generation-projects-heading{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.generation-projects-heading button{width:24px;height:24px;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:#858885;cursor:pointer}.generation-projects-heading button:hover{background:#2b2c2b;color:#e1e2e2}.generation-project-list{flex:0 1 auto;max-height:180px;overflow-y:auto}.generation-project-list button,.generation-sidebar-links button{width:100%;min-height:34px;padding:0 10px;border:0;border-radius:7px;display:flex;align-items:center;gap:8px;overflow:hidden;background:transparent;color:#b3b5b6;text-align:left;font:550 10px/1 inherit;cursor:pointer}.generation-project-list button span{color:#858986;font-size:15px}.generation-project-list button:hover,.generation-project-list button.is-active,.generation-sidebar-links button:hover,.generation-sidebar-links button.is-active{background:#2b2c2b;color:#ececed}.generation-sidebar-links{margin-top:10px;padding-top:8px;border-top:1px solid #2b2c2b}.generation-sidebar-account{margin-top:auto;padding:10px 2px 0;border-top:1px solid #2b2c2b;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px}.generation-sidebar-profile,.generation-sidebar-balance{min-width:0;min-height:34px;border:0;border-radius:8px;background:transparent;color:#c8cacb;cursor:pointer}.generation-sidebar-profile{padding:0 7px;display:flex;align-items:center;gap:8px;overflow:hidden;text-align:left}.generation-sidebar-profile img,.generation-sidebar-profile i{width:24px;height:24px;flex:0 0 auto;border-radius:7px;object-fit:cover}.generation-sidebar-profile i{display:grid;place-items:center;background:#2b76ff;color:#fff;font:700 9px/1 inherit}.generation-sidebar-profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.generation-sidebar-balance{padding:0 7px;color:#8f969e;font:650 9px/1 inherit}.generation-sidebar-profile:hover,.generation-sidebar-balance:hover{background:#2b2c2b;color:#f0f1f1}.generation-project-tree{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.generation-project-node{margin-bottom:2px}.generation-project-row{width:100%;height:36px;padding:0 9px;border:0;border-radius:7px;display:flex;align-items:center;gap:7px;overflow:hidden;background:transparent;color:#b9bbbc;text-align:left;cursor:pointer}.generation-project-row:hover,.generation-project-row.is-active{background:#2b2c2b;color:#f0f0f1}.generation-project-row>span{width:10px;flex:0 0 auto;color:#838683;font-size:10px}.generation-project-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.generation-project-sessions{padding-left:17px}.generation-project-sessions .generation-session-item{min-height:32px;padding:0 9px;display:flex;align-items:center}.generation-project-sessions .generation-session-item span{font-size:9.5px;font-weight:500}.generation-project-empty{min-height:28px;padding:0 10px;display:flex;align-items:center;color:#676a68;font-size:9px}.generation-project-more{min-height:28px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#777b79;font:500 9px/1 inherit;cursor:pointer}.generation-project-more:hover{color:#c7c9c8;background:#292a29}.web-studio-shell .generation-empty h1{margin:0 0 7px;font-size:16px;font-weight:550;letter-spacing:-.02em}.web-studio-shell .generation-empty p{font-size:10px}.web-studio-shell .generation-empty{padding-bottom:96px}.web-studio-shell .generation-empty-model{display:none}.web-app-root--unified,.web-app-root--unified .web-app-main,.web-app-root--unified .web-studio-shell{max-width:none}html,body,#root{width:100%;height:100%;margin:0}.unified-workspace-content .web-projects-shell,.unified-workspace-content .web-space-shell,.unified-workspace-content .web-templates-shell,.unified-workspace-content .web-profile-page{padding-top:4px}.unified-workspace-content .projects-page,.unified-workspace-content .projects-page .reveal{opacity:1;visibility:visible;animation:none}.unified-workspace-content .projects-page{min-height:auto;color:#e6e7e8}.unified-workspace-content .projects-header{min-height:48px;padding:0 2px 14px;border-bottom:1px solid #292b2f}.unified-workspace-content .projects-title{font-size:15px;font-weight:650}.unified-workspace-content .projects-grid{gap:2px;margin-top:10px}.unified-workspace-content .project-card{min-height:48px;padding:5px 38px 5px 8px;border:0;border-radius:8px;background:transparent;box-shadow:none}.unified-workspace-content .project-card:hover{background:#202120;transform:none}.unified-workspace-content .project-card-icon{width:30px;height:30px;border-radius:7px}.unified-workspace-content .project-card-name{font-size:11px}.unified-workspace-content .project-card-count{font-size:9px}body:has(.web-app-root--unified) .projects-fab{display:none}.unified-workspace-content .projects-folder-grid{grid-template-columns:1fr;gap:2px;margin-top:10px}.unified-workspace-content .projects-folder{min-height:48px;border:0;border-radius:8px;background:transparent;box-shadow:none}.unified-workspace-content .projects-folder:hover{background:#202120}.unified-workspace-content .projects-folder-btn{min-height:48px;padding:6px 10px;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:1fr;column-gap:10px;text-align:left}.unified-workspace-content .projects-folder-icon{width:30px;height:26px;grid-row:1}.unified-workspace-content .projects-folder-name{grid-column:2;grid-row:1;align-self:center;font-size:11px}.unified-workspace-content .projects-folder-count{grid-column:3;grid-row:1;align-self:center;font-size:9px}@media (max-width: 760px){.unified-workspace{display:block}.unified-workspace-content{padding:14px 12px 88px}.unified-mobile-menu{width:32px;height:32px;margin:0 0 12px;border:0;border-radius:7px;display:grid;place-items:center;background:#292a29;color:#c9cbcc}}@media (min-width: 761px){.web-studio-shell .generation-workspace,.unified-workspace{grid-template-columns:320px minmax(0,1fr)}.generation-sessions{padding:18px 14px}.generation-sidebar-brand{height:48px;margin-bottom:15px}.generation-sidebar-brand>button:first-child{gap:12px;font-size:17px}.generation-sidebar-brand i{width:34px;height:34px;border-radius:10px;font-size:13px}.generation-new-session{min-height:46px;padding:0 13px;font-size:15px}.generation-session-heading{margin:23px 11px 10px;font-size:11px}.generation-project-row{height:42px;padding:0 11px;gap:9px}.generation-project-row>span{width:12px;font-size:12px}.generation-project-row>strong{font-size:14px}.generation-project-sessions{padding-left:22px}.generation-project-sessions .generation-session-item{min-height:38px;padding:0 11px}.generation-project-sessions .generation-session-item span{font-size:13px}.generation-project-empty,.generation-project-more{min-height:34px;font-size:12px}.generation-sidebar-links button{min-height:40px;padding:0 12px;font-size:14px}.generation-sidebar-account{padding-top:12px}.generation-sidebar-profile,.generation-sidebar-balance{min-height:40px}.generation-sidebar-profile img,.generation-sidebar-profile i{width:28px;height:28px;border-radius:8px}.generation-sidebar-profile span{font-size:13px}.generation-sidebar-balance{font-size:12px}.generation-session-topbar,.guest-workspace-main>header{height:62px;padding:0 26px}.web-studio-shell .studio-main{grid-template-rows:62px minmax(0,1fr)}.generation-session-topbar>strong,.guest-workspace-main>header{font-size:15px}.generation-session-topbar>div>button{width:34px;height:34px;font-size:15px}.web-studio-shell .generation-empty h1,.guest-workspace-empty h1{margin-bottom:9px;font-size:24px}.web-studio-shell .generation-empty p,.guest-workspace-empty p{font-size:14px}.generation-composer-wrap{width:min(1040px,calc(100% - 72px));padding-bottom:24px}.generation-composer{padding:16px;border-radius:19px}.generation-composer textarea{min-height:86px;font-size:16px;line-height:1.5}.generation-attach,.generation-model-chip,.generation-summary-chip{height:38px}.generation-attach{width:38px;font-size:21px}.generation-model-chip,.generation-summary-chip{max-width:240px;padding:0 13px;font-size:13px}.generation-cost{font-size:12px}.generation-send{width:44px;height:44px;font-size:24px}.generation-composer-note{padding-top:8px;font-size:11px}.web-studio-shell .studio-dialog-user p{font-size:14px}.web-studio-shell .studio-result-agent>span:last-child{font-size:14px}.web-studio-shell .studio-result-meta span{font-size:11px}.generation-card-parameters{font-size:10.5px}.web-studio-shell .studio-result-actions .studio-mini-btn{min-height:34px;padding:0 11px;font-size:11px}}.action-bar{--nav-col-size: 68px;--nav-gap-size: 8px;--nav-pad-y: 8px;--nav-pad-x: 10px;--nav-step: calc(var(--nav-col-size) + var(--nav-gap-size));--nav-indicator-size: 66px;--nav-indicator-offset-x: calc(var(--nav-pad-x) + (var(--nav-col-size) - var(--nav-indicator-size)) / 2);--nav-indicator-offset-y: calc(var(--nav-pad-y) + (var(--nav-col-size) - var(--nav-indicator-size)) / 2);position:fixed;left:50%;width:fit-content;max-width:calc(100% - 22px);min-height:84px;padding:var(--nav-pad-y) var(--nav-pad-x);border-radius:32px;display:grid;grid-template-columns:repeat(var(--nav-count, 4),var(--nav-col-size));gap:var(--nav-gap-size);align-items:stretch;bottom:calc(30px + env(safe-area-inset-bottom,10px));background:linear-gradient(180deg,#2b76ff2e,#1e50c81f 46%,#10286438),linear-gradient(130deg,#5bb1ff12,#2b76ff0f);border:1px solid rgba(91,177,255,.24);box-shadow:0 9px 22px #040a1c59,inset 0 1px #5bb1ff24,inset 0 -1px #2b76ff1f;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);transform:translate3d(-50%,var(--nav-shift-y, 0px),0);will-change:transform,opacity;contain:paint;isolation:isolate;overflow:hidden;backface-visibility:hidden;z-index:50;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.action-bar[style*="--nav-count: 5"]{--nav-col-size: 72px;--nav-gap-size: 8px;--nav-pad-y: 9px;--nav-pad-x: 12px;--nav-indicator-size: 74px;min-height:90px;border-radius:30px}.action-bar:not([style*=--nav-count]){opacity:0;pointer-events:none}.action-bar[style*="--nav-count: 5"] .nav-btn{width:72px;height:72px;border-radius:24px;padding:8px 4px 7px;gap:4px}.action-bar[style*="--nav-count: 5"] .nav-btn .nav-icon{width:29px;height:29px}.action-bar[style*="--nav-count: 5"] .nav-btn .nav-label{font-size:11px}.action-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#5bb1ff24,#2b76ff0a 52%,#2b76ff00);opacity:.44}.action-bar:after{content:"";position:absolute;top:var(--nav-indicator-offset-y);left:var(--nav-indicator-offset-x);width:var(--nav-indicator-size);height:var(--nav-indicator-size);border-radius:24px;pointer-events:none;z-index:0;background:linear-gradient(160deg,#2b76ff66,#1e50c85c);box-shadow:0 5px 14px #00000038,inset 0 1px #5bb1ff47;transform:translate(calc(var(--nav-index, 0) * var(--nav-step)));transition:transform .32s cubic-bezier(.22,.7,.2,1),box-shadow .24s ease,background .24s ease}.nav-btn{width:68px;height:68px;border:none;background:transparent;color:#dce9ffb8;border-radius:24px;padding:7px 4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;z-index:2;transform:translateY(0) scale(1);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .24s cubic-bezier(.22,.7,.2,1),color .2s ease,filter .22s ease}.nav-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:19px;opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .22s ease,box-shadow .26s ease,transform .24s cubic-bezier(.22,.7,.2,1)}.nav-btn .nav-icon{width:24px;height:24px;display:grid;place-items:center;transform:scale(1);filter:none;transition:transform .22s cubic-bezier(.22,.7,.2,1),filter .22s ease,color .22s ease}.nav-btn .nav-icon svg{width:100%;height:100%;display:block}.nav-btn .nav-icon--mono{color:#dce9ffb8}.nav-btn .nav-icon--mono svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-btn .nav-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1;letter-spacing:.01em;color:#dce9ffb8;text-align:center;transition:color .22s ease}.nav-btn:not(.active):hover{transform:translateY(0) scale(1)}.nav-btn:not(.active):hover:before{opacity:0;background:transparent}.nav-btn:active{transform:translateY(0) scale(.98)}.nav-btn.active{transform:translateY(0) scale(1)}.nav-btn.active:before{opacity:0;background:transparent;box-shadow:none}.nav-btn.active .nav-icon,.nav-btn.active .nav-icon--mono{transform:none;filter:none}.nav-btn.active .nav-icon--mono{color:#ecf5fffa}.nav-btn.active .nav-label{color:#f2f8fffa}.nav-btn.active:after{content:none;display:none}.action-bar.is-scroll-hidden{--nav-shift-y: 34px;opacity:0;pointer-events:none}body.keyboard-open:not(.keyboard-open-space) .action-bar{display:none}body.keyboard-open.keyboard-open-space .action-bar{filter:blur(3.9px);pointer-events:none}body.modal-blur-open .action-bar{filter:blur(3.9px)}@media (max-width: 420px){.action-bar{--nav-col-size: 64px;--nav-indicator-size: 62px;min-height:78px;border-radius:30px}.nav-btn{width:64px;height:64px;border-radius:22px;padding:7px 3px 5px;gap:2px}.nav-btn .nav-label{font-size:9px}.action-bar[style*="--nav-count: 5"]{--nav-col-size: 62px;--nav-indicator-size: 64px;--nav-gap-size: 6px;--nav-pad-x: 8px;min-height:80px}.action-bar[style*="--nav-count: 5"] .nav-btn{width:62px;height:62px;border-radius:20px}.action-bar[style*="--nav-count: 5"] .nav-btn .nav-label{font-size:10px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.action-bar{background:linear-gradient(150deg,#1432788f,#10286485)!important;border-color:#5bb1ff38!important}}