:root{--bg:#111214;--surface:#17191d;--surface-raised:#1c1f24;--line:#ffffff1c;--line-strong:#ffffff2e;--text:#f7f8fb;--muted:#9b9eaa;--soft:#c9cad3;--accent:#7067ff;--accent-hover:#837bff;--success:#7fd17a;--danger:#ff7c8a;--shadow:0 22px 70px #00000059;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}img,video{max-width:100%;display:block}.app-shell{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#111214ed;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;min-height:78px;padding:0 38px;display:grid;position:sticky;top:0}.brand,.login-brand{color:var(--text);letter-spacing:.16em;text-align:left;background:0 0;border:0;padding:0;font-size:25px;font-weight:650}.site-nav{align-items:stretch;gap:10px;height:78px;display:flex}.nav-link,.text-button,.credit-button,.account-menu summary,.site-footer button{background:0 0;border:0}.nav-link{color:var(--muted);background:0 0;border:0;padding:0 19px;font-size:14px;transition:color .18s;position:relative}.nav-link:after{content:"";background:0 0;height:2px;transition:background .18s;position:absolute;bottom:10px;left:18px;right:18px}.nav-link:hover,.nav-link.is-active{color:var(--text)}.nav-link.is-active:after{background:var(--accent)}.header-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.text-button{color:var(--soft);font-size:14px}.text-button:hover{color:var(--text)}.button,.outline-button,.text-cta,.back-link,.retry-submission{border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-weight:600;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.button{color:#fff;background:var(--accent);min-height:42px;padding:0 18px;box-shadow:0 10px 20px #564cff33}.button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.button-small{min-height:36px;padding:0 14px;font-size:13px}.button-large{min-height:52px;padding:0 23px;font-size:15px}.outline-button{border:1px solid var(--line-strong);min-height:40px;color:var(--soft);background:0 0;padding:0 15px;font-size:13px}.outline-button:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.text-cta{color:#b4b0ff;background:0 0;padding:7px 0;font-size:14px}.text-cta:hover{color:var(--text)}.text-cta svg{transition:transform .18s}.text-cta:hover svg{transform:translate(3px)}.credit-button{color:var(--soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}.credit-button svg{color:var(--accent-hover)}.account-menu{position:relative}.account-menu summary{align-items:center;gap:6px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.avatar{object-fit:cover;border-radius:50%;width:31px;height:31px}.avatar-fallback{color:#fff;background:#3c3e49;place-items:center;font-size:13px;display:grid}.account-popover{z-index:3;border:1px solid var(--line);min-width:154px;box-shadow:var(--shadow);background:#202228;border-radius:12px;padding:10px;position:absolute;top:42px;right:0}.account-popover p{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;margin:4px 6px 10px;font-size:13px;overflow:hidden}.account-popover button{width:100%;color:var(--soft);text-align:left;background:0 0;border:0;border-radius:7px;padding:8px}.account-popover button:hover{color:var(--text);background:#ffffff12}.home-page,.create-page,.works-page{width:min(1360px,100% - 64px);margin:0 auto}.home-hero{grid-template-columns:minmax(350px,.9fr) minmax(500px,1.25fr);align-items:center;gap:32px;min-height:570px;padding:30px 8px 52px;display:grid}.home-hero-copy{z-index:2;padding:42px 0 48px 24px;position:relative}.home-hero h1{letter-spacing:-.075em;max-width:550px;margin:0;font-size:clamp(48px,5.2vw,78px);font-weight:650;line-height:1.08}.hero-description{max-width:440px;color:var(--soft);margin:27px 0 29px;font-size:17px;line-height:1.75}.hero-actions{align-items:center;gap:27px;display:flex}.hero-media{min-height:468px;margin-left:-100px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 17% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 17% 100%)}.hero-media img{object-fit:cover;width:100%;height:100%}.hero-media-label{color:#ffffffad;font-size:12px;position:absolute;bottom:14px;right:16px}.quick-create{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:1fr auto;gap:0 20px;padding:22px;display:grid}.mode-tabs{align-items:center;gap:23px;display:flex}.mode-tab{min-height:35px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 0 10px;font-size:14px;display:inline-flex}.mode-tab.is-selected{border-color:var(--accent);color:var(--text)}.quick-create textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:107px;color:var(--text);background:#121316;border-radius:11px;grid-column:1/-1;margin:3px 0 12px;padding:18px;line-height:1.6}.quick-create textarea::placeholder,.prompt-field::placeholder{color:#747784}.quick-create textarea:focus{border-color:var(--accent);outline:none}.quick-create-footer{color:#777b87;grid-column:1/-1;justify-content:space-between;align-items:center;font-size:12px;display:flex}.showcase-section{padding:105px 8px 95px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.section-kicker{color:#a39eff;letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:650;line-height:1.1}.section-heading h2,.pricing-copy h2,.studio-inspiration h2{letter-spacing:-.055em;margin:0;font-size:clamp(28px,3vw,42px);font-weight:620}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.showcase-card{color:var(--text);text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:1fr auto;gap:14px;padding:0;display:grid;overflow:hidden}.showcase-image{aspect-ratio:1.42;border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-column:1/-1;overflow:hidden}.showcase-image img{object-fit:cover;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.75,.2,1)}.showcase-card:hover .showcase-image img{transform:scale(1.04)}.showcase-content{gap:3px;display:grid}.showcase-content strong{font-size:16px;font-weight:580}.showcase-content small{color:var(--muted);font-size:12px}.showcase-card>svg{color:#b9b7ff;align-self:center}.pricing-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;margin-bottom:105px;padding:50px 32px;display:grid}.pricing-copy p:last-child{max-width:460px;color:var(--muted);margin:17px 0 0;line-height:1.7}.pricing-callout{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:14px;padding:25px;display:flex}.pricing-callout>svg{color:var(--accent-hover)}.pricing-callout strong{flex:1;font-size:14px;line-height:1.5}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:57px 8px 31px;display:flex}.page-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(34px,4vw,52px);font-weight:640}.page-heading>div>p:last-child{color:var(--muted);margin:11px 0 0;font-size:15px}.compact-heading{align-items:center}.credit-summary{color:var(--soft);align-items:center;gap:7px;font-size:13px;display:inline-flex}.credit-summary svg{color:var(--accent-hover)}.studio-layout{grid-template-columns:minmax(0,1.07fr) minmax(410px,.93fr);gap:17px;display:grid}.studio-form,.generation-panel{border:1px solid var(--line);background:var(--surface);border-radius:15px;min-width:0;padding:28px}.studio-tabs{border-bottom:1px solid var(--line);margin-bottom:23px}.field-label{color:var(--soft);margin:0 0 10px;font-size:13px;font-weight:550;display:block}.field-label span{color:var(--muted);font-weight:400}.prompt-field{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:138px;color:var(--text);background:#121316;border-radius:10px;padding:15px;font-size:14px;line-height:1.65;display:block}.prompt-field:focus{border-color:var(--accent);outline:none}.field-hint{color:#777b87;text-align:right;margin-top:7px;font-size:12px}.reference-row{justify-content:space-between;align-items:center;gap:24px;min-height:105px;margin:12px 0 25px;display:flex}.field-caption{max-width:300px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.upload-zone{border:1px dashed var(--line-strong);width:163px;height:94px;color:var(--soft);text-align:center;background:#14161a;border-radius:10px;place-items:center;gap:7px;font-size:12px;transition:border-color .18s,color .18s;display:grid;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--accent);color:var(--text)}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.upload-zone.has-image{display:block}.upload-zone img{object-fit:cover;width:100%;height:100%}.generation-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:28px;display:grid}.generation-controls label{min-width:0;color:var(--muted);gap:8px;font-size:12px;display:grid}.generation-controls select,.disabled-control{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;background:#14161a;border-radius:8px;padding:0 10px;font-size:13px;overflow:hidden}.generation-controls select{appearance:auto}.disabled-control{color:#777b87;align-items:center;display:flex}.studio-submit-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.studio-submit-row p{color:var(--muted);margin:0;font-size:13px}.studio-submit-row strong{color:var(--text)}.generation-panel{flex-direction:column;display:flex}.panel-header,.modal-content{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.panel-header h2,.modal-content h2{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:600}.preview-frame,.modal-media{aspect-ratio:16/9;border:1px solid var(--line);background:#0d0e10;border-radius:11px;position:relative;overflow:hidden}.preview-frame img,.preview-frame video,.modal-media img,.modal-media video{object-fit:cover;width:100%;height:100%}.preview-overlay{color:#fff;background:#0d0e10c7;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:13px;display:flex;position:absolute;inset:auto 0 0}.loading-orbit{border:2px solid #ffffff40;border-top-color:var(--accent-hover);border-radius:50%;width:17px;height:17px;animation:.75s linear infinite spin;display:inline-block}.progress-block{gap:9px;margin-top:17px;display:grid}.progress-block>div{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.progress-block strong{color:var(--soft)}.progress-track,.work-progress{background:#ffffff1a;border-radius:99px;height:4px;display:block;overflow:hidden}.progress-track i,.work-progress i{border-radius:inherit;background:var(--accent);height:100%;transition:width .45s;display:block}.panel-error,.inline-error{color:var(--danger);margin:16px 0 0;font-size:13px;line-height:1.5}.credit-receipt{color:var(--accent);background:#7067ff17;border:1px solid #8b83ff47;border-radius:12px;align-items:flex-start;gap:9px;margin-top:16px;padding:11px 12px;display:flex}.credit-receipt>div{gap:3px;display:grid}.credit-receipt strong{color:var(--soft);font-size:13px}.credit-receipt small{color:var(--muted);font-size:12px}.retry-submission{color:#b9b6ff;background:0 0;padding:0;font-size:13px}.retry-submission-group{align-self:flex-start;align-items:center;gap:14px;margin-top:16px;display:flex}.retry-reset{color:var(--muted);padding:0;font-size:12px}.retry-reset:hover{color:var(--text)}.result-actions{flex-wrap:wrap;gap:10px;margin-top:17px;display:flex}.queue-row{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:17px;padding-top:16px;display:flex}.queue-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 0 5px #7067ff21}.queue-row div{gap:3px;min-width:0;display:grid}.queue-row strong{text-overflow:ellipsis;white-space:nowrap;max-width:330px;font-size:13px;font-weight:540;overflow:hidden}.queue-row small{color:var(--muted);font-size:11px}.studio-inspiration{padding:85px 8px 103px}.prompt-suggestions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.prompt-suggestions button{border:1px solid var(--line);min-height:84px;color:var(--soft);background:var(--surface);text-align:left;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:18px;font-size:13px;line-height:1.55;display:flex}.prompt-suggestions button:hover{border-color:var(--accent);color:var(--text)}.status-tag{color:var(--muted);flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-success{color:var(--success)}.status-running,.status-submitted,.status-queued{color:#9792ff}.status-failed,.status-timeout,.status-canceled{color:var(--danger)}.works-heading{padding-bottom:27px}.search-field{border:1px solid var(--line-strong);width:min(335px,36vw);color:var(--muted);background:var(--surface);border-radius:9px;align-items:center;gap:9px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--accent)}.search-field input{width:100%;height:42px;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:13px}.works-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;min-height:64px;padding:0 18px;display:flex}.filter-tabs{align-self:stretch;align-items:stretch;gap:24px;display:flex}.filter-tab{color:var(--muted);background:0 0;border:0;font-size:14px;position:relative}.filter-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.filter-tab.is-active{color:var(--text)}.filter-tab.is-active:after{background:var(--accent)}.sort-label{color:var(--muted);font-size:12px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:20px 0 102px;display:grid}.work-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.work-preview{aspect-ratio:16/9;border:0;border-bottom:1px solid var(--line);background:#0f1012;width:100%;padding:0;position:relative;overflow:hidden}.work-preview img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.work-preview:hover img{transform:scale(1.035)}.preview-play{color:#fff;background:#0a0a0c73;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-play svg{margin-left:2px}.work-progress{position:absolute;bottom:13px;left:14px;right:14px}.work-meta{justify-content:space-between;align-items:center;gap:10px;min-height:65px;padding:12px 13px 8px;display:flex}.work-meta h2{max-width:220px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:570;overflow:hidden}.work-meta p{color:var(--muted);margin:0;font-size:11px}.work-actions{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);margin:0 10px 10px;display:grid;overflow:hidden}.work-actions button{border:0;border-right:1px solid var(--line);min-height:34px;color:var(--soft);background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 4px;font-size:11px;display:inline-flex}.work-actions button:last-child{border-right:0}.work-actions button:hover:not(:disabled){color:var(--text);background:#ffffff0f}.load-more-row{justify-content:center;align-items:center;gap:16px;padding:36px 0 6px;display:flex}.load-more-row p{color:var(--muted);margin:0;font-size:12px}.state-panel{min-height:260px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:13px;padding:32px;display:grid}.state-panel h2{color:var(--text);margin:0;font-size:18px;font-weight:560}.state-panel p{margin:0;font-size:14px}.state-error p{color:var(--danger)}.empty-library{border:1px dashed var(--line);border-radius:14px}.protected-empty{min-height:calc(100vh - 222px)}.protected-empty>svg,.empty-library>svg{color:var(--accent-hover)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050507c4;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.work-modal{border:1px solid var(--line-strong);width:min(820px,100%);max-height:min(800px,92vh);box-shadow:var(--shadow);background:#191b20;border-radius:16px;padding:21px;position:relative;overflow:auto}.modal-close{z-index:2;border:1px solid var(--line);width:33px;height:33px;color:var(--soft);background:#0d0e10cc;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px}.modal-content{margin:19px 0 0}.modal-content .section-kicker{margin-bottom:5px}.login-page{grid-template-columns:minmax(320px,.85fr) minmax(440px,1.15fr);min-height:100vh;display:grid}.login-card{flex-direction:column;justify-content:center;align-items:flex-start;max-width:465px;padding:62px clamp(32px,9vw,130px);display:flex}.login-brand{position:absolute;top:29px;left:clamp(32px,9vw,130px)}.login-icon{color:#c0bcff;background:#7067ff1f;border:1px solid #857dff75;border-radius:15px;place-items:center;width:56px;height:56px;margin-bottom:26px;display:grid}.login-card h1{letter-spacing:-.065em;margin:0;font-size:clamp(32px,4vw,48px);font-weight:630}.login-card>p{max-width:365px;color:var(--muted);margin:17px 0 28px;font-size:14px;line-height:1.75}.login-card .inline-message,.login-card .inline-error{margin:-7px 0 17px}.login-button{width:100%}.back-link{color:var(--muted);background:0 0;margin:19px 0 0;padding:6px 0;font-size:13px}.back-link:hover{color:var(--text)}.login-visual{background:#0d0e10;overflow:hidden}.login-visual img{object-fit:cover;width:100%;height:100%}.site-footer{border-top:1px solid var(--line);width:min(1360px,100% - 64px);min-height:100px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;font-size:12px;display:grid}.footer-brand{font-size:15px}.site-footer p{margin:0}.site-footer>div{justify-content:flex-end;gap:18px;display:flex}.site-footer button:not(.brand){color:var(--muted);padding:4px 0;font-size:12px}.site-footer button:hover{color:var(--text)}.toast{z-index:100;border:1px solid var(--line-strong);max-width:min(420px,100% - 48px);color:var(--soft);box-shadow:var(--shadow);background:#24262c;border-radius:11px;align-items:center;gap:18px;padding:13px 13px 13px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px}.toast-success{border-color:#7fd17a5c}.toast-error{border-color:#ff7c8a5c}.toast button{width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.toast button:hover{color:var(--text);background:#ffffff12}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.site-header{grid-template-columns:auto 1fr auto;padding:0 24px}.nav-link{padding:0 12px}.nav-link:after{left:12px;right:12px}.home-page,.create-page,.works-page,.site-footer{width:min(100% - 40px,900px)}.home-hero{grid-template-columns:minmax(280px,.9fr) minmax(380px,1fr);min-height:450px}.hero-media{min-height:385px;margin-left:-80px}.home-hero-copy{padding-left:0}.studio-layout{grid-template-columns:1fr}.generation-controls,.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-visual{display:none}}@media (max-width:680px){.site-header{justify-content:space-between;min-height:64px;padding:0 20px;display:flex}.brand{font-size:19px}.site-nav{display:none}.header-actions{gap:11px}.credit-button{display:none}.home-page,.create-page,.works-page,.site-footer{width:min(100% - 32px,560px)}.home-hero{flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:44px 0 52px;display:flex}.home-hero-copy{padding:0}.home-hero h1{font-size:clamp(43px,13vw,60px)}.hero-description{margin:19px 0 23px;font-size:15px}.hero-actions{gap:18px}.hero-media{min-height:290px;margin:5px -16px 0;-webkit-mask-image:none;mask-image:none}.quick-create{padding:16px}.mode-tabs{gap:18px}.showcase-section{padding:70px 0}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:22px}.section-heading h2,.pricing-copy h2,.studio-inspiration h2{font-size:29px}.showcase-grid,.prompt-suggestions{grid-template-columns:1fr}.showcase-card{grid-template-columns:1fr auto}.showcase-image{aspect-ratio:1.62}.pricing-section{grid-template-columns:1fr;gap:26px;margin-bottom:70px;padding:32px 0}.pricing-callout{flex-wrap:wrap;align-items:flex-start}.pricing-callout .button{width:100%}.page-heading{flex-direction:column;align-items:flex-start;padding:40px 0 23px}.works-heading{gap:20px}.search-field{width:100%}.studio-form,.generation-panel{padding:19px}.reference-row{flex-direction:column;align-items:flex-start}.upload-zone{width:100%;height:130px}.generation-controls{grid-template-columns:1fr 1fr}.studio-submit-row{flex-direction:column;align-items:stretch}.studio-submit-row .button{width:100%}.studio-inspiration{padding:67px 0 75px}.works-toolbar{flex-direction:column;align-items:flex-start;gap:13px;padding:0 16px 15px}.filter-tabs{gap:19px;width:100%;min-height:48px}.works-grid{grid-template-columns:1fr;gap:14px;padding-bottom:70px}.site-footer{text-align:center;grid-template-columns:1fr;gap:14px;padding:25px 0}.footer-brand{text-align:center}.site-footer>div{justify-content:center}.login-card{max-width:none;min-height:100vh;padding:64px 28px}.login-brand{top:25px;left:28px}.toast{max-width:calc(100% - 32px);bottom:16px;right:16px}.modal-backdrop{padding:14px}.work-modal{padding:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}