:root{--bg:#090b0d;--panel:#15181a;--panel2:#1d2022;--line:#303437;--text:#f3f5f2;--muted:#91999a;--accent:#d9ff34;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.studio-topbar{height:60px;display:flex;align-items:center;gap:45px;padding:0 30px;border-bottom:1px solid #232628;background:#101214;position:relative;z-index:5}.studio-brand{display:flex;align-items:center;gap:11px;font:700 15px var(--display);letter-spacing:.08em;white-space:nowrap}.studio-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#0a0d09;background:var(--accent);font-size:20px;letter-spacing:-.1em}.brand-slash{color:var(--accent);padding:0 4px}.studio-nav{display:flex;align-items:stretch;height:100%;gap:21px}.studio-nav>a,.mode-tab{display:flex;align-items:center;border:0;background:none;color:#8d9495;font-weight:700;font-size:13px;padding:0 4px;position:relative}.mode-tab.active{color:var(--accent)}.mode-tab.active:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.studio-nav>a:hover,.mode-tab:hover{color:#fff}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:22px;white-space:nowrap}.provider-status{font-size:11px;color:#abb3b0;display:flex;align-items:center;gap:8px}.provider-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#f0ab56}.provider-status.ready:before{background:#a9e884;box-shadow:0 0 9px #a9e884}.signin-link{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:700}[data-auth-nav] a{font-size:12px}.studio-shell{height:calc(100vh - 60px);min-height:610px}.image-workspace,.video-workspace{height:100%}.image-workspace{position:relative;display:flex;flex-direction:column}.image-stage,.video-stage{position:relative;flex:1;min-height:0;overflow:auto;background:radial-gradient(ellipse 44% 36% at 50% 46%,#1a2115 0%,#0f1210 55%,#0b0d0e 100%)}.stage-signal{position:absolute;top:29px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.22em;font-weight:700;color:#8e9893}.stage-signal span{color:#5c6662}.stage-empty,.video-empty{height:100%;min-height:450px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px 24px 92px}.poster-stack{display:flex;align-items:center;justify-content:center;height:155px;margin-bottom:28px;filter:drop-shadow(0 25px 40px #0008)}.poster{width:110px;height:134px;border-radius:15px;border:2px solid #68706a;background:linear-gradient(145deg,#393f36,#171c18 58%,#2a3226);position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0006}.poster span{position:absolute;top:9px;left:8px;font-size:6px;letter-spacing:.08em;color:#c9d2c2}.poster i{position:absolute;width:72px;height:72px;border-radius:50%;left:18px;top:35px;background:radial-gradient(circle at 35% 30%,#eaff9d,#4f6937 43%,#151c11 75%);box-shadow:0 0 22px #b2ed5166}.poster-left{transform:translate(21px,9px) rotate(-13deg)}.poster-center{z-index:2;transform:translateY(-6px);border-color:#b8cc9c}.poster-center i{border-radius:34% 50% 40% 30%;background:linear-gradient(160deg,#f3f5ce,#627f45 48%,#1c251a 49%,#648447);transform:rotate(-20deg)}.poster-right{transform:translate(-21px,10px) rotate(13deg)}.poster-right i{border-radius:16px;transform:rotate(30deg);background:linear-gradient(140deg,#e4efc1,#354430 50%,#778f43)}.overline{font-size:11px!important;letter-spacing:.2em!important;font-weight:700!important;color:var(--accent)!important;margin:0 0 13px!important}.stage-empty h1,.video-empty h2{font:700 clamp(38px,4.2vw,62px)/.99 var(--display);letter-spacing:-.06em;margin:0 0 20px}.stage-empty h1 span,.video-empty h2 span,.sidebar-title h1 span{color:var(--accent)}.stage-empty>p:last-child,.video-empty>p:not(.overline){color:#979f9d;font-size:14px;line-height:1.55;max-width:480px;margin:0}.image-composer{width:min(960px,calc(100% - 48px));position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:16px;background:#202426;border:1px solid #343b38;border-radius:20px;box-shadow:0 20px 55px #0009,0 0 0 5px #ffffff08}.image-composer textarea{width:100%;height:60px;resize:vertical;background:transparent;border:0;color:#f4f5f0;outline:0;font-size:15px;line-height:1.45}.image-composer textarea::placeholder,#videoPrompt::placeholder{color:#818b87}.image-composer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.composer-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.upload-chip,.chip-select{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #3a403e;border-radius:9px;background:#2b3031;color:#e0e5de;font-size:11px;font-weight:700;white-space:nowrap}.upload-chip span{font-size:18px;line-height:10px;color:var(--accent)}.chip-select select{max-width:160px;color:#fff;border:0;background:transparent;outline:0;font-size:11px;font-weight:700;cursor:pointer}.chip-select select option,.field-grid select option{background:#242828;color:#fff}.workflow-select select{max-width:120px}.generate-button{border:0;border-radius:11px;background:var(--accent);color:#10130b;min-height:49px;padding:0 19px;font:700 14px var(--display);white-space:nowrap;box-shadow:0 4px 0 #94ae22;transition:transform .15s,box-shadow .15s}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #94ae22}.generate-button span{font-size:10px;opacity:.72;display:block;line-height:1;margin-top:-4px}.upload-preview{height:34px;min-width:70px;display:flex;align-items:center;gap:4px;background:#2e3530;border-radius:9px;padding:3px}.upload-preview img{height:28px;width:32px;object-fit:cover;border-radius:5px}.upload-preview button,.video-preview button{background:transparent;border:0;color:#fff;font-size:15px}.video-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);background:#0d0f10}.video-sidebar{height:100%;display:flex;flex-direction:column;border-right:1px solid #292e2d;background:#171a1b}.sidebar-title{padding:25px 22px 22px;border-bottom:1px solid #2c3131}.sidebar-title h1{font:700 30px/.95 var(--display);letter-spacing:-.05em;margin:0 0 10px}.sidebar-title p{font-size:12px;color:#929c99;margin:0}.sidebar-scroll{overflow-y:auto;flex:1}.input-section{padding:17px 20px;border-bottom:1px solid #2c3131}.section-label{display:flex;gap:9px;align-items:center;margin-bottom:12px;color:#e7e9e3;font-size:12px}.section-label span{font-size:10px;color:var(--accent);font-weight:700}.video-upload{width:100%;height:115px;border:1px dashed #48534d;border-radius:13px;background:#202525;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#edf0e8}.video-upload:hover{border-color:var(--accent)}.upload-symbol{width:32px;height:32px;border:1px solid #647060;border-radius:10px;display:grid;place-items:center;font-size:24px;color:var(--accent);line-height:1}.video-upload strong{font-size:12px}.video-upload small{font-size:10px;color:#929d96}.video-preview{position:relative;margin-top:10px;border-radius:10px;overflow:hidden;max-height:165px}.video-preview img{width:100%;height:165px;object-fit:contain;background:#0b0e0c}.video-preview button{position:absolute;right:7px;top:7px;border-radius:100%;width:25px;height:25px;background:#000a}.input-section textarea{width:100%;resize:vertical;background:#252a2a;border:1px solid #363e3c;border-radius:11px;padding:12px;color:#f4f5f1;outline:0;font-size:12px;line-height:1.5}.input-section textarea:focus{border-color:var(--accent)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid label{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#252a2a;border:1px solid #363e3c;border-radius:10px;font-size:10px;color:#9fa9a3}.field-grid label.wide{grid-column:span 2}.field-grid select{width:100%;background:transparent;border:0;color:#eff3eb;font-size:12px;font-weight:700;outline:0;cursor:pointer}.field-help{font-size:10px;line-height:1.5;color:#828c87;margin:10px 0 0}.sidebar-footer{padding:15px 20px 18px;border-top:1px solid #2c3131;background:#171a1b}.sidebar-footer .generate-button{width:100%}.sidebar-footer p{text-align:center;color:#7e8882;font-size:10px;margin:10px 0 0}.video-stage{background:radial-gradient(ellipse 50% 60% at 50% 45%,#1a2117 0%,#101413 52%,#0c0f0e 100%)}.video-empty{padding-bottom:36px}.motion-frame{width:214px;height:164px;margin-bottom:28px;border:1px solid #43503d;border-radius:22px;transform:perspective(400px) rotateY(-7deg);background:linear-gradient(145deg,#202d1e,#121912);box-shadow:30px 25px 0 -11px #313f29,34px 30px 60px #0008}.motion-frame-inner{height:100%;display:grid;place-items:center;position:relative;overflow:hidden}.motion-frame-inner>span{font:700 95px var(--display);color:#bfe73f;text-shadow:0 0 35px #cbff5159}.motion-orbit{width:260px;height:90px;position:absolute;top:38px;left:-20px;border:1px solid #d5ff4a88;border-radius:50%;transform:rotate(-19deg)}.video-empty h2{font-size:clamp(40px,5vw,67px)}.video-steps{display:flex;gap:12px;margin-top:38px}.video-steps div{width:150px;text-align:left;padding:13px;border:1px solid #344035;border-radius:11px;background:#1c251eaa}.video-steps b{color:var(--accent);font-size:10px}.video-steps strong,.video-steps small{display:block}.video-steps strong{font-size:12px;margin:7px 0 2px}.video-steps small{font-size:10px;color:#909c90}.media-result{height:100%;min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:76px 24px 30px;gap:18px}.media-result img,.media-result video{max-width:min(780px,90%);max-height:min(64vh,650px);object-fit:contain;border-radius:12px;box-shadow:0 25px 60px #0008}.media-result h2{font:700 22px var(--display);margin:0}.media-result p{font-size:13px;color:#aeb6ac;margin:0}.media-result a{font-size:12px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px}.media-result .busy-ring{height:42px;width:42px;border:3px solid #384531;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#studioToast{position:fixed;top:74px;right:20px;z-index:20;max-width:360px;padding:13px 16px;border-radius:11px;background:#313832;color:#fff;border:1px solid #6c795c;box-shadow:0 12px 35px #0009;font-size:12px}@media(max-width:900px){.studio-topbar{gap:20px;padding:0 16px}.studio-nav{gap:12px}.provider-status{display:none}.image-composer{width:calc(100% - 24px);bottom:12px}.video-workspace{grid-template-columns:300px 1fr}.video-steps{gap:5px}.video-steps div{width:105px}}@media(max-width:700px){.studio-topbar{height:54px}.studio-brand{font-size:12px}.studio-mark{width:24px;height:24px;font-size:16px}.studio-nav>a{display:none}.topbar-right{gap:0}.studio-shell{height:calc(100dvh - 54px);min-height:640px}.stage-signal{top:18px;left:19px;right:19px}.stage-empty{justify-content:flex-start;padding-top:90px;padding-bottom:250px;min-height:640px}.poster-stack{transform:scale(.8);margin-bottom:5px}.stage-empty h1{font-size:36px}.stage-empty>p:last-child{font-size:12px}.image-composer{bottom:10px;padding:12px;border-radius:15px}.image-composer textarea{height:67px;font-size:13px}.image-composer-bottom{display:block}.composer-tools{max-height:93px;overflow:auto}.chip-select,.upload-chip{padding:8px;font-size:10px}.chip-select select{max-width:126px}.generate-button{width:100%;margin-top:10px;min-height:44px}.video-workspace{display:flex;flex-direction:column-reverse;height:auto;min-height:calc(100dvh - 54px)}.video-stage{min-height:240px;flex:none}.video-empty{min-height:240px;padding:40px 16px 15px}.motion-frame{display:none}.video-empty h2{font-size:36px;margin-bottom:9px}.video-empty>p:not(.overline){font-size:11px}.video-steps{display:none}.video-sidebar{height:auto;min-height:520px;border-right:0}.sidebar-title{padding:15px}.sidebar-title h1{font-size:24px}.sidebar-scroll{overflow:visible}.input-section{padding:12px 15px}.video-upload{height:95px}.sidebar-footer{position:sticky;bottom:0;z-index:2}.sidebar-footer .generate-button{margin:0}.media-result{min-height:240px;padding:25px 10px}.media-result img,.media-result video{max-height:260px}.media-result h2{font-size:17px}}
@media(min-width:701px){.stage-empty{padding-bottom:180px}.video-workspace,.video-sidebar,.sidebar-scroll{min-height:0}.video-sidebar{overflow:hidden}.sidebar-scroll{overflow-y:auto}}
.generate-button span{display:inline;font-size:11px;margin:0 4px;line-height:normal}
.studio-topbar [data-auth-nav] .button-small,.studio-topbar .auth-nav-link{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #3c4540;border-radius:9px;font-size:11px;font-weight:700;color:#ecf1e9}.studio-topbar .credit-pill{color:var(--accent)}.sidebar-scroll{scrollbar-color:#414c42 #171a1b;scrollbar-width:thin}
@media(max-width:700px){.composer-tools{max-height:none;overflow:visible}.image-workspace .media-result{min-height:640px;padding-bottom:230px}.image-workspace .media-result img{max-height:230px}}

.credit-note{color:#b7beb6;font-size:11px;max-width:145px;line-height:1.3}
.credit-note[hidden]{display:none}

.motion-frame-inner>.motion-logo{display:block;width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 18px #cbff5159)}