:root{--color-bg: #0b1220;--color-surface: #111827;--color-surface-2: #1e293b;--color-accent: #3b82f6;--color-text: #e2e8f0;--color-muted: #94a3b8;--studio-left-width: 400px;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,sans-serif;line-height:1.5}body{margin:0;background:var(--color-bg);color:var(--color-text)}.marketing-page{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(59,130,246,.18),transparent),var(--color-bg)}.marketing-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.12)}.marketing-header__brand{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.marketing-header__nav{display:none;gap:28px}@media(min-width:768px){.marketing-header__nav{display:flex}}.marketing-header__nav a{color:var(--color-muted);text-decoration:none;font-size:14px}.marketing-header__nav a:hover{color:var(--color-text)}.marketing-hero{max-width:960px;margin:0 auto;padding:80px 24px 48px;text-align:center}.marketing-hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.2;margin:0 0 20px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketing-hero__sub{font-size:1.125rem;color:var(--color-muted);max-width:640px;margin:0 auto 32px}.marketing-section{max-width:1100px;margin:0 auto;padding:64px 24px}.marketing-section h2{font-size:1.75rem;margin:0 0 12px}.marketing-section__lead{color:var(--color-muted);margin-bottom:32px}.marketing-feature-grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:768px){.marketing-feature-grid{grid-template-columns:repeat(3,1fr)}}.marketing-glass-card{background:#1e293b99;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.marketing-showcase-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.marketing-showcase-grid{grid-template-columns:repeat(3,1fr)}}.marketing-showcase-item{aspect-ratio:4/5;border-radius:12px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.12);display:flex;align-items:flex-end;padding:16px;font-size:13px;color:var(--color-muted)}.marketing-cta{text-align:center;padding:80px 24px 100px}.studio-layout{display:flex;gap:0;min-height:calc(100vh - 64px)}.studio-left{width:var(--studio-left-width);flex-shrink:0;border-right:1px solid rgba(148,163,184,.12);overflow-y:auto;max-height:calc(100vh - 64px);padding:16px;background:#0f172a80}.studio-right{flex:1;min-width:0;padding:20px 24px;overflow-y:auto;max-height:calc(100vh - 64px)}@media(max-width:960px){.studio-layout{flex-direction:column}.studio-left,.studio-right{width:100%;max-height:none}}.output-gallery-wrap{display:flex;flex-direction:column;gap:12px}.output-gallery{display:grid;gap:12px;grid-template-columns:1fr}.output-gallery--page1{grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;max-width:100%}.output-gallery--page1 .output-gallery__hero{grid-row:span 2}.output-gallery--history{grid-template-columns:repeat(3,1fr)}.output-gallery__processing-banner{display:flex;align-items:center;padding:8px 12px;border-radius:8px;background:#1e293b99;border:1px solid rgba(148,163,184,.12)}.task-failed-notice-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 12px;padding:8px 10px;border-radius:8px;background:#7f1d1d40;border:1px solid rgba(239,68,68,.35);cursor:pointer;font-size:12px;line-height:1.4}.task-failed-notice-bar:hover{border-color:#ef44448c}.task-failed-notice-bar__label{font-size:12px;font-weight:600;flex-shrink:0}.task-failed-notice-bar__line{flex:1;min-width:0;font-size:12px!important;color:#fca5a5!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-failed-notice-bar__retry{flex-shrink:0;padding:0 4px!important;height:auto!important}.task-failed-notice-bar__more{flex-shrink:0;font-size:11px!important}.task-failed-notice-bar__actions{flex-shrink:0}.task-failed-notice-bar__ignore,.task-failed-notice-bar__close{padding:0 4px!important;height:auto!important;color:var(--color-muted)!important}.task-failed-notice__list-actions{text-align:right;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(148,163,184,.12)}.task-failed-notice__row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.task-failed-notice__meta{flex:1;min-width:0;font-size:12px!important}.task-failed-notice__retry{flex-shrink:0;padding:0!important}.task-failed-notice__list .ant-list-item{padding:8px 0!important}.output-gallery__slot--pad{visibility:hidden;pointer-events:none;border-style:dashed;opacity:.25}.output-gallery__pager{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:4px}.output-gallery__pager-info{font-size:13px;min-width:140px;text-align:center}.output-gallery__empty--inline{min-height:120px}.output-gallery__slot{position:relative;border-radius:12px;overflow:hidden;background:var(--color-surface-2);border:1px solid rgba(148,163,184,.12);aspect-ratio:1}.output-gallery__slot--hero{aspect-ratio:auto;min-height:280px}.output-gallery__slot--failed{border-color:#ef444459;background:#7f1d1d33;display:flex;align-items:center;justify-content:center;padding:10px}.output-gallery__failed-inner{text-align:center;max-width:100%}.output-gallery__failed-text{font-size:12px!important;line-height:1.45!important;color:#fca5a5!important}.output-gallery__failed-retry{padding:0 4px!important;height:auto!important;font-size:12px!important;vertical-align:baseline}.output-gallery__slot--processing{display:flex;flex-direction:column;align-items:center;justify-content:center}.output-gallery__empty{display:flex;align-items:center;justify-content:center;min-height:320px;color:var(--color-muted);text-align:center;padding:24px}.rainbow-prompt-wrap{border-radius:12px;padding:2px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899,#22d3ee,#6366f1);background-size:300% 100%;animation:rainbow-border 6s linear infinite}.rainbow-prompt-wrap .ant-input,.rainbow-prompt-wrap textarea{background:#0f1729!important;color:#e2e8f0!important;border:none!important;box-shadow:none!important}@keyframes rainbow-border{0%{background-position:0% 50%}to{background-position:300% 50%}}.app-header-credits{font-size:13px;color:var(--color-muted);padding:4px 12px;border-radius:999px;background:#1e293bcc;border:1px solid rgba(148,163,184,.15)}.admin-layout{min-height:100vh}.admin-layout__content{padding:24px;background:var(--color-bg)}