:root{--bg:#090d12;--bg-2:#101720;--surface:#101720d1;--surface-strong:#161f2af2;--line:#d9e8f624;--line-strong:#77e0ff57;--text:#dbe6ee;--muted:#8ea0ad;--soft:#b9c8d3;--title:#f6fbff;--cyan:#53d6ff;--teal:#42e8c6;--amber:#f5b45b;--red:#ff6f7d;--green:#73e39d;--shadow:0 24px 80px #0000005c;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.5 var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#53d6ff0f 1px, transparent 1px), linear-gradient(90deg, #53d6ff0d 1px, transparent 1px), radial-gradient(circle at 14% 12%, #42e8c61c, transparent 28%), radial-gradient(circle at 86% 2%, #f5b45b1a, transparent 24%), var(--bg);background-size:52px 52px,52px 52px,auto,auto,auto;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,select{border:0}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{color:var(--title);letter-spacing:0;font-weight:760}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100svh;overflow:visible}.hero-band{isolation:isolate;position:relative}.compact-hero{min-height:230px;padding:22px clamp(16px,4vw,56px) 28px}.hero-art{z-index:-3;object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:-2;background:linear-gradient(90deg,#070a0ef5,#070a0eb8 52%,#070a0eeb),linear-gradient(#070a0e38,#090d12 100%);position:absolute;inset:0}.hero-band:after{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 82%);mask-image:linear-gradient(#000 0%,#0000 82%)}.topbar,.compact-title,.status-strip,.studio-layout,.operations-band,.library-section,.deploy-section{width:min(1440px,100%);margin:0 auto}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:54px;display:grid}.brand-lockup,.user-switcher,.status-strip div,.composer-toolbar label,.send-button,.reference-tile,.referenced-assets button,.at-button,.preview-actions button,.notice-pill,.ops-steps div,.task-owner,.task-meta,.task-row>button,.deploy-grid div{align-items:center;display:inline-flex}.brand-lockup{gap:12px}.brand-mark,.icon-button,.task-state{border:1px solid var(--line);border-radius:var(--radius);width:42px;height:42px;color:var(--cyan);background:#53d6ff1a;place-items:center;display:grid}.brand-lockup strong{color:var(--title);font-size:15px;display:block}.brand-lockup span{color:var(--muted);font-size:12px;display:block}.topnav{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d128a;gap:6px;padding:4px;display:flex}.topnav a{min-height:34px;color:var(--soft);border-radius:6px;padding:7px 14px;font-size:14px}.topnav a:hover{color:var(--title);background:#ffffff14}.user-switcher{border-radius:var(--radius);color:#c9f8d8;background:#73e39d1a;border:1px solid #73e39d52;justify-self:end;gap:8px;height:38px;padding:0 10px}.user-switcher select{width:86px;color:var(--title);background:0 0;outline:none}.user-switcher button{color:#c9f8d8;background:#ffffff0d;border:1px solid #73e39d38;border-radius:5px;min-height:26px;padding:0 8px;font-size:12px}.login-shell{background:linear-gradient(135deg,#060c12db,#0b101af5),url(/assets/media-lab-hero-X03QGZBE.png) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e14e0;gap:22px;width:min(100%,520px);padding:28px;display:grid;box-shadow:0 24px 80px #0000006b}.login-panel h1{color:var(--title);letter-spacing:0;margin-top:8px;font-size:clamp(28px,5vw,42px)}.login-panel p{color:var(--muted);font-size:13px;line-height:1.7}.login-list{gap:10px;display:grid}.login-list button{border:1px solid var(--line);border-radius:var(--radius);min-height:52px;color:var(--title);text-align:left;background:#ffffff0e;grid-template-columns:26px 1fr;align-items:center;gap:10px;padding:0 14px;display:grid}.login-list button:hover{border-color:var(--line-strong);background:#53d6ff17}.compact-title{justify-content:space-between;align-items:end;gap:22px;padding-top:36px;display:flex}.section-kicker{color:var(--cyan);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.compact-title h1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(34px,6vw,64px);line-height:1;overflow:hidden}.compact-stats{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.compact-stats span{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--soft);background:#ffffff0d;padding:7px 12px;font-size:13px}.status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d141cb3;grid-template-columns:repeat(4,1fr);display:grid}.status-strip div{border-right:1px solid var(--line);min-height:62px;color:var(--soft);gap:9px;padding:0 20px;font-size:14px}.status-strip div:last-child{border-right:0}.status-strip svg,.ops-steps svg,.deploy-grid svg{color:var(--cyan)}.studio-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:10px 18px;padding:38px 0;display:grid}.studio-layout>.standalone-preview{grid-area:1/1/span 2}.studio-layout>.generation-card{grid-area:1/2}.studio-layout>.embedded-library{grid-area:2/2}.generation-card,.embedded-library{width:100%;box-shadow:var(--shadow);background:#1c1f26e6;border:1px solid #d9e8f61f;border-radius:18px;padding:24px 30px}.standalone-preview{z-index:8;width:360px;min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12171feb;border:1px solid #d9e8f61f;border-radius:18px;padding:18px;position:sticky;top:150px;overflow:visible}.standalone-preview .panel-heading{margin-bottom:10px}.standalone-preview .panel-heading h2{font-size:17px}.standalone-preview .icon-button{width:34px;height:34px}.reference-input{grid-template-columns:122px minmax(0,1fr);align-self:start;gap:20px;min-height:132px;padding:8px 0 4px;display:grid;position:relative}.reference-tile{color:#9aa8b4;background:#373f4da3;border:1px dashed #8ea0ad61;border-radius:6px;flex-direction:column;grid-area:1/1;justify-content:center;align-self:start;gap:8px;width:96px;height:124px;margin-top:6px;transform:rotate(-7deg)}.reference-tile span{font-size:14px}.reference-input textarea{resize:vertical;width:100%;height:126px;min-height:126px;max-height:220px;color:var(--title);background:0 0;border:0;outline:none;grid-area:1/2;padding:8px 0 0;font-size:16px;line-height:1.7}.reference-input textarea::placeholder{color:#8ea0adb8}.mention-picker{z-index:10;border:1px solid var(--line-strong);border-radius:var(--radius);max-height:230px;box-shadow:var(--shadow);background:#12171ffa;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% - 2px);left:142px;right:0;overflow:auto}.mention-picker button{min-height:38px;color:var(--title);text-align:left;background:#ffffff0b;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 10px;display:grid}.mention-picker button:hover{background:#53d6ff21}.mention-picker small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-picker p{color:var(--muted);margin:0;padding:8px 10px;font-size:13px}.stacked-assets{z-index:2;pointer-events:none;width:min(220px,100% - 168px);height:100px;position:absolute;top:42px;left:8px;overflow:visible}.stacked-asset{left:var(--asset-left);top:var(--asset-top);width:64px;height:78px;color:var(--cyan);pointer-events:auto;transform:rotate(var(--asset-rotate));transform-origin:bottom;background:#262d38;border:1px solid #d9e8f633;border-radius:8px;place-items:center;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:absolute;overflow:hidden;box-shadow:0 10px 24px #00000047}.stacked-asset:hover,.stacked-asset:focus-within{z-index:12;border-color:var(--line-strong);transform:translateY(-12px)scale(1.38)rotate(0);box-shadow:0 20px 40px #0000006b}.stacked-asset.selected{border-color:#53d6ffdb;box-shadow:0 0 0 2px #53d6ff2e,0 10px 24px #00000047}.stacked-asset img{object-fit:cover;opacity:.82;width:100%;height:100%;position:absolute;inset:0}.stacked-asset span{color:var(--title);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;position:absolute;bottom:17px;left:5px;right:5px;overflow:hidden}.stacked-asset b{color:var(--cyan);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;position:absolute;bottom:4px;left:5px;right:5px;overflow:hidden}.asset-remove{z-index:2;width:20px;height:20px;color:var(--title);opacity:0;background:#05080bb8;border:1px solid #ffffff47;border-radius:50%;place-items:center;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:4px;right:4px}.stacked-asset:hover .asset-remove,.asset-remove:focus-visible{opacity:1}.asset-remove:hover{color:var(--red);transform:scale(1.08)}.reuse-pill{border:1px solid var(--line);width:fit-content;min-height:32px;color:var(--cyan);background:#53d6ff14;border-radius:6px;margin:8px 0 0 142px;padding:7px 10px;font-size:13px}.referenced-assets{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.referenced-assets>span{color:var(--muted);font-size:14px}.referenced-assets button,.at-button{border:1px solid var(--line);min-height:34px;color:var(--soft);background:#ffffff0b;border-radius:7px;gap:7px;padding:0 10px}.at-button{color:var(--cyan);flex:none}.asset-picker{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0 16px;display:grid}.asset-picker button{border:1px solid var(--line);border-radius:var(--radius);color:var(--title);text-align:left;background:#ffffff0a;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.asset-picker small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.prompt-chip-row{flex-wrap:wrap;gap:8px;margin:12px 0 2px;display:flex}.prompt-chip-row button,.prompt-chip-row span{border:1px solid var(--line);min-height:32px;color:var(--soft);background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.prompt-chip-row svg{color:var(--amber)}.prompt-chip-row span{color:var(--cyan)}.composer-toolbar{align-items:center;gap:8px;padding-top:18px;display:flex}.composer-toolbar label{border:1px solid var(--line);min-height:54px;color:var(--soft);background:#12151bcc;border-radius:12px;gap:8px;padding:0 16px}.composer-toolbar label:first-child{color:var(--cyan)}.composer-toolbar select{min-width:72px;color:var(--title);background:0 0;outline:none;font-size:18px}.ratio-toggle{border:1px solid var(--line);background:#12151bcc;border-radius:12px;gap:8px;min-height:54px;padding:6px;display:inline-flex}.ratio-toggle button{min-width:92px;color:var(--soft);background:0 0;border-radius:9px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.ratio-toggle button.active{color:var(--title);background:#464e60b8}.ratio-icon{border:3px solid;border-radius:5px;display:inline-block}.ratio-icon.landscape{width:25px;height:14px}.ratio-icon.portrait{width:14px;height:25px}.duration-control{min-width:190px}.duration-control span{min-width:34px;color:var(--title);font-size:18px}.duration-control input{width:92px;accent-color:var(--cyan)}.send-button{background:linear-gradient(135deg, var(--cyan), var(--teal));color:#061016;border-radius:999px;flex-shrink:0;justify-content:center;gap:6px;width:auto;min-width:64px;height:64px;margin-left:auto;padding:0 20px;box-shadow:0 14px 36px #53d6ff3d}.send-button span{white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:800}.send-button.submitting svg{animation:1.2s linear infinite rotate}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px}.panel-heading,.section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.panel-heading h2,.section-title h2,.deploy-copy h2,.ops-copy h2{font-size:25px;line-height:1.1}.icon-button{background:#ffffff0d;flex:none}.asset-list{gap:10px;display:grid}.asset-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:8px;display:grid}.asset-thumb{width:52px;height:48px;color:var(--cyan);background:#53d6ff1a;border:0;border-radius:6px;place-items:center;display:grid;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%}.asset-thumb.audio{color:var(--amber);background:#f5b45b1f}.asset-row strong,.asset-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-row strong{color:var(--title);font-size:14px}.asset-row span{color:var(--muted);margin-top:3px;font-size:12px}.payload-preview{border-radius:var(--radius);background:#53d6ff12;border:1px solid #53d6ff3d;gap:4px;margin-top:14px;padding:12px;display:grid}.payload-preview strong{color:var(--title)}.payload-preview span{color:var(--muted);font-size:13px}.video-stage{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);background:#05080b;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.standalone-preview .video-stage{justify-self:center;width:min(100%,300px);height:auto;min-height:0}.video-stage.portrait{aspect-ratio:9/16}.video-stage.landscape{aspect-ratio:16/9}.video-stage img,.video-stage video{object-fit:contain;opacity:.86;width:100%;height:100%;min-height:0}.video-stage video{opacity:1}.video-stage.playable:after{background:linear-gradient(#00000029,#0000 36%)}.video-stage.playable .stage-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:6px;padding:6px 8px;top:12px;bottom:auto}.standalone-preview .video-stage img,.standalone-preview .video-stage video{min-height:0}.video-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#000000c7);position:absolute;inset:0}.play-head{color:var(--title);place-items:center;display:grid;position:absolute;inset:0}.stage-caption{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.stage-caption span{color:var(--muted);font-size:12px}.stage-caption strong{color:var(--title)}.progress-block{gap:10px;margin-top:16px;display:grid}.standalone-preview .progress-block{margin-top:10px}.progress-block div{justify-content:space-between;gap:16px;display:flex}.progress-block strong{color:var(--title);font-size:24px}.standalone-preview .progress-block strong{font-size:17px}.standalone-preview .progress-block div{gap:8px}.progress-block span{color:var(--muted);font-size:13px}progress{background:#ffffff14;border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff14}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--cyan), var(--teal), var(--amber));border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg, var(--cyan), var(--teal), var(--amber));border-radius:999px}.preview-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;display:grid}.standalone-preview .preview-actions{grid-template-columns:1fr;gap:6px;margin-top:10px}.preview-actions button,.task-row>button{border:1px solid var(--line);min-height:38px;color:var(--soft);background:#ffffff0b;border-radius:6px;justify-content:center;gap:7px}button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.operations-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff09;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);align-items:center;gap:28px;padding:28px clamp(16px,4vw,56px);display:grid}.ops-steps{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ops-steps div{border:1px solid var(--line);border-radius:var(--radius);min-height:64px;color:var(--soft);background:#090d128a;justify-content:center;gap:8px}.library-section,.deploy-section{padding:42px clamp(16px,4vw,56px)}.embedded-library{margin-top:0}.notice-pill{border:1px solid var(--line);border-radius:var(--radius);max-width:560px;min-height:38px;color:var(--soft);background:#ffffff0b;justify-content:center;gap:8px;padding:8px 12px;font-size:13px}.task-table{gap:10px;display:grid}.task-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:42px minmax(0,1fr) 120px 150px 170px 96px;align-items:center;gap:14px;min-height:82px;padding:14px;display:grid}.task-row.owned:hover{border-color:var(--line-strong);background:#53d6ff12}.task-state{width:36px;height:36px;color:var(--cyan)}.task-state.done{color:var(--green);background:#73e39d1a}.task-state.failed{color:var(--red);background:#ff6f7d1a}.task-state.running svg,.task-state.queued svg,.play-head svg:first-child{animation:1.2s linear infinite rotate}.task-row strong,.task-row span{display:block}.task-row strong{color:var(--title);line-height:1.45}.task-row>div:nth-child(2) span{max-width:720px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.task-owner{color:var(--soft);gap:6px;font-size:13px}.task-tokens{min-height:34px;color:var(--muted);white-space:nowrap;background:#53d6ff14;border:1px solid #53d6ff4d;border-radius:999px;justify-content:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800}.task-tokens.available{color:var(--cyan);background:linear-gradient(135deg,#53d6ff2e,#3ae0be1a);border-color:#53d6ffad;box-shadow:0 0 0 1px #53d6ff14,0 10px 24px #53d6ff14}.task-tokens svg{flex:none}.task-owner b{color:var(--red);background:#ff6f7d1f;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700}.task-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px}.task-row progress{grid-column:2/-1}.library-toggle{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--soft);background:#ffffff0e;justify-self:center;margin-top:14px;padding:0 18px}.library-toggle:hover{border-color:var(--line-strong);color:var(--title)}.deploy-section{grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);align-items:start;gap:28px;padding-bottom:70px;display:grid}.deploy-copy p{max-width:580px;color:var(--soft);margin-top:14px}.deploy-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.deploy-grid div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);flex-direction:column;align-items:flex-start;gap:10px;min-height:174px;padding:18px}.deploy-grid strong{color:var(--title)}.deploy-grid span{color:var(--muted);font-size:14px}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=1180px){.deploy-section{grid-template-columns:1fr}.composer-toolbar{flex-wrap:wrap}.composer-toolbar .wide-select{min-width:260px}.send-button{margin-left:0}.task-row{grid-template-columns:42px minmax(0,1fr) 110px}.task-meta,.task-tokens,.task-row>button,.task-row progress{grid-column:2/-1}}@media (width<=900px){.studio-layout{grid-template-columns:1fr;gap:16px;padding:28px clamp(16px,4vw,56px)}.studio-layout>.generation-card,.studio-layout>.standalone-preview,.studio-layout>.embedded-library{grid-area:auto/1}.standalone-preview{width:100%;max-height:none;position:sticky;top:10px}.standalone-preview .video-stage{width:min(100%,260px)}}@media (width<=760px){.compact-hero{padding-bottom:24px}.topbar{grid-template-columns:1fr auto}.topnav{order:3;grid-column:1/-1;width:100%;overflow-x:auto}.topnav a{text-align:center;flex:1 0 auto}.compact-title{flex-direction:column;align-items:flex-start;padding-top:24px}.compact-title h1{font-size:clamp(30px,9vw,40px)}.compact-stats{justify-content:flex-start}.status-strip,.ops-steps,.deploy-grid,.preview-actions{grid-template-columns:1fr}.status-strip div{border-right:0;border-bottom:1px solid var(--line)}.status-strip div:last-child{border-bottom:0}.generation-card{border-radius:24px;padding:18px}.standalone-preview .video-stage{width:min(100%,180px)}.reference-input{grid-template-columns:1fr;gap:12px}.reference-tile{flex-direction:row;width:100%;height:74px;transform:none}.stacked-assets{top:96px;left:14px}.mention-picker{top:calc(100% + 6px);left:0}.reuse-pill{margin-left:0}.reference-input textarea{height:126px;min-height:126px;max-height:220px;font-size:16px;line-height:1.65}.composer-toolbar{grid-template-columns:1fr;display:grid}.composer-toolbar label,.ratio-toggle,.send-button{width:100%;min-width:0}.ratio-toggle{justify-content:stretch}.ratio-toggle button{flex:1;justify-content:center}.send-button{border-radius:14px}.composer-toolbar select{width:100%;font-size:17px}.library-section,.deploy-section,.studio-layout{padding-inline:14px}.section-title{flex-direction:column;align-items:flex-start}.task-row{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px}.task-owner,.task-meta,.task-tokens,.task-row>button,.task-row progress{grid-column:2}}