.sl-studio-switch{display:flex;justify-content:center;margin:0 auto 22px;position:relative;z-index:1}
.sl-studio-switch__tabs{display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;padding:4px;border:1px solid #3e3730;border-radius:14px;background:#161619;min-width:244px}
.sl-studio-switch__tabs:before{content:"";position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);z-index:-1;border-radius:10px;background:#342a1e;box-shadow:inset 0 0 0 1px #745534;transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.sl-studio-switch[data-studio-mode="video"] .sl-studio-switch__tabs:before{transform:translateX(100%)}
.sl-studio-switch__tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:9px 24px;border:0;background:transparent;color:#a8a5a0;font:inherit;font-size:14px;font-weight:600;cursor:pointer;position:relative}
.sl-studio-switch__tab[aria-selected="true"]{color:var(--green,#edb86c)}
.sl-studio-switch__tab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.sl-studio-switch__activity{width:6px;height:6px;border-radius:50%;background:var(--green,#edb86c)}
.sl-studio-switch__activity[hidden]{display:none}
.sl-studio-panel-enter{animation:sl-studio-enter .2s ease-out both}
@keyframes sl-studio-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.sl-video-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:none;margin:0 auto;align-items:start;min-width:0;color:var(--ink,#f3f0e9)}
.sl-video-workspace:not(.has-result)>.sl-video-card{width:100%;max-width:900px;justify-self:center}
.sl-video-workspace[hidden],#imageWorkspace[hidden],.sl-video-workspace [hidden]{display:none!important}
.sl-video-workspace.has-result{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
#videoShowcase,#videoExamples{grid-column:1/-1;min-width:0;width:100%}
#videoShowcase{margin-top:16px}
#videoShowcase .sl-showcase__section[hidden],#videoShowcase .sl-showcase__trust[hidden]{display:none}
#videoShowcase .sl-showcase__models{grid-template-columns:repeat(2,minmax(0,1fr))}
#videoExamples{padding-top:12px;padding-bottom:16px;scroll-margin-top:90px}
@media(max-width:620px){#videoShowcase .sl-showcase__models{grid-template-columns:1fr}}
.sl-video-workspace *{box-sizing:border-box}
.sl-video-card{border:1px solid var(--line,#343438);border-radius:18px;background:var(--white,#18191e);padding:22px;min-width:0}
.sl-video-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.sl-video-card__title{font-size:15px;line-height:1.4;margin:0;font-weight:600}
.sl-video-modes{display:flex;gap:8px;flex-wrap:wrap}
.sl-video-mode{border:0;border-radius:7px;background:transparent;color:#a6a39e;padding:8px 12px;min-height:38px;font:inherit;font-size:13px;cursor:pointer}
.sl-video-mode[aria-pressed="true"]{background:#332a1f;color:#f5c786}
.sl-video-mode:disabled{opacity:.45;cursor:not-allowed}
.sl-video-label{display:block;font-size:12px;font-weight:500;margin:0 0 8px;color:#e2ddd4}
.sl-video-prompt{display:block;width:100%;min-height:158px;resize:vertical;padding:15px;border:1px solid #3b3b40;border-radius:12px;background:#101114;color:var(--ink,#f3f0e9);font:inherit;font-size:16px;line-height:1.7}
.sl-video-prompt::placeholder{color:#85858d}
.sl-video-prompt:focus,.sl-video-select:focus{outline:0;border-color:#dca961;box-shadow:0 0 0 3px #e7b56618}
.sl-video-prompt-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 17px;font-size:11px;color:#939297}
.sl-video-text-button{padding:0;border:0;background:transparent;color:#bcb7ae;font:inherit;font-size:12px;cursor:pointer}
.sl-video-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sl-video-setting--model{grid-column:1/-1}.sl-video-setting--model .sl-video-select{font-weight:500}
.sl-video-select{width:100%;min-height:43px;border:1px solid #3a3b41;border-radius:9px;padding:9px 10px;background:#101114;color:#dfd9cf;font:inherit;font-size:13px}
.sl-video-model-note,.sl-video-note{font-size:12px;line-height:1.6;color:#a8a39c;margin:12px 0}
.sl-video-usage{font-size:11px;margin-top:7px}.sl-video-usage a{color:#d2ad76;text-decoration:underline;text-underline-offset:3px}
.sl-video-model-note{display:flex;align-items:flex-start;gap:9px;border-radius:10px;padding:11px 12px;background:#211f1c;color:#c5b49b}
.sl-video-model-note:before{content:"";width:6px;height:6px;flex:none;margin-top:7px;border-radius:50%;background:#b49465}
.sl-video-model-note[data-ready="true"]{background:transparent;padding:0;color:#a8a39c}.sl-video-model-note[data-ready="true"]:before{background:#8bae95}
.sl-video-audio{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding:12px 0;border-top:1px solid #303035;font-size:12px;color:#c8c0b5}
.sl-video-audio input{appearance:none;position:relative;flex:none;width:38px;height:23px;border:1px solid #65513b;border-radius:20px;background:#37312a;cursor:pointer;transition:background .18s,border-color .18s}.sl-video-audio input:before{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#aaa092;transition:transform .18s,background .18s}.sl-video-audio input:checked{background:#c69351;border-color:#e7b56e}.sl-video-audio input:checked:before{transform:translateX(15px);background:#f7e3c3}.sl-video-audio input:focus-visible{outline:2px solid #edb86c;outline-offset:3px}.sl-video-audio input:disabled{opacity:.55;cursor:not-allowed}.sl-video-audio small{display:block;color:#96918b;margin-top:4px;font-size:11px}
.sl-video-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;padding:12px 14px;margin-top:13px;border:0;border-radius:10px;background:var(--green,#edb86c);color:#21190e;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.sl-video-submit:hover:not(:disabled){background:#f0c383}.sl-video-submit:disabled{background:#343438;color:#a4a3a3;cursor:not-allowed}
.sl-video-submit-cost{padding-left:10px;border-left:1px solid #7d633b70;font-size:12px;font-weight:400;white-space:nowrap}
.sl-video-reference-grid{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.sl-video-reference{display:flex;flex-direction:column;gap:7px;width:130px;min-width:0}
.sl-video-reference__choose{position:relative;display:grid;place-items:center;width:130px;height:106px;padding:8px;overflow:hidden;border:1px dashed #715636;border-radius:10px;background:#211e1a;color:#d4b180;font:inherit;font-size:12px;cursor:pointer}
.sl-video-reference__choose img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl-video-reference__choose:disabled{cursor:not-allowed;opacity:.6}.sl-video-reference__name{font-size:11px;color:#9e978d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-video-reference__remove{font-size:11px;text-align:left;color:#c9b795;cursor:pointer;border:0;background:transparent;padding:0}
.sl-video-error{font-size:12px;line-height:1.6;color:#f2b4a7;margin:10px 0;overflow-wrap:anywhere}
.sl-video-preview{background:#141519;display:flex;flex-direction:column;min-height:448px}
.sl-video-preview__meta{font-size:11px;color:#a39d94;text-align:right;line-height:1.5}
.sl-video-canvas{position:relative;display:grid;place-items:center;min-height:302px;border:1px solid #303238;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#282521,transparent 65%),#0e1013}
.sl-video-canvas:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#62616a40 .6px,transparent .6px);background-size:18px 18px}
.sl-video-empty{position:relative;text-align:center;padding:30px 18px;max-width:350px}.sl-video-empty__icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:18px;border:1px solid #6a533380;background:linear-gradient(145deg,#423628,#211e1b);color:#e4b679;font-size:25px}
.sl-video-empty strong{display:block;font-size:18px;margin-bottom:8px}.sl-video-empty p{font-size:12px;line-height:1.7;margin:0;color:#aaa398}
.sl-video-progress{width:21px;height:21px;border:2px solid #725437;border-top-color:#edb86c;border-radius:50%;animation:sl-video-spin 1.2s linear infinite;display:inline-block}
@keyframes sl-video-spin{to{transform:rotate(360deg)}}
.sl-video-player{position:relative;display:block;width:100%;max-height:540px;background:#0e1013;z-index:1;object-fit:contain}
.sl-video-status{font-size:12px;line-height:1.7;color:#b8b1a6;margin:14px 0 10px;overflow-wrap:anywhere}
.sl-video-actions{display:flex;flex-wrap:wrap;gap:8px}
.sl-video-action{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 12px;border:1px solid #484036;border-radius:8px;color:#e4b579;background:#28221b;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.sl-video-action:disabled{opacity:.45;cursor:not-allowed}
.sl-video-workspace button:focus-visible,.sl-studio-switch button:focus-visible,.sl-video-action:focus-visible{outline:2px solid var(--green,#edb86c);outline-offset:3px}
.sl-video-tools,.sl-video-library{grid-column:1/-1;margin-top:22px;min-width:0}.sl-video-section-title{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:0;color:#ece7df}.sl-video-tools__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.sl-video-tool{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border:1px solid #3a3430;border-radius:16px;background:linear-gradient(145deg,#262019,#17181c 70%);color:#ece2d3;text-align:left;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s}.sl-video-tool:hover:not(:disabled){transform:translateY(-3px);border-color:#946a3c}.sl-video-tool:disabled{opacity:.5;cursor:not-allowed}.sl-video-tool strong{font-size:14px}.sl-video-tool>span:last-child{font-size:12px;color:#a79b8c;line-height:1.65}.sl-video-tool__icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #60482d;border-radius:12px;color:#e4b579;background:#30251a;font-size:23px;margin-bottom:8px}
.sl-video-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sl-video-history-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px;border:1px solid #36363c;border-radius:12px;background:#16171b;color:#ded6ca;text-align:left;font:inherit;cursor:pointer}.sl-video-history-card:hover{border-color:#745534}.sl-video-history-card strong{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.sl-video-history-card>span:not(:first-child),.sl-video-history-card small{font-size:11px;color:#a79b8c;line-height:1.5}.sl-video-history-card__icon{font-size:23px;color:#e4b579}
.sl-video-history-entry{min-width:0;display:flex;flex-direction:column}.sl-video-history-entry .sl-video-history-card{width:100%;flex:1}.sl-video-history-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:11px 4px}.sl-video-history-delete{font:inherit;font-size:11px;border:0;background:transparent;color:#b7a08d;cursor:pointer;padding:2px}.sl-video-history-delete:hover:not(:disabled){color:#e8b29c}.sl-video-history-delete:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:850px){.sl-video-workspace.has-result{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.sl-video-tools__grid,.sl-video-library__grid{grid-template-columns:1fr}.sl-video-tool{padding:18px;gap:7px}.sl-video-tool__icon{margin-bottom:5px}.sl-video-tools,.sl-video-library{margin-top:12px}}
@media(max-width:620px){.sl-studio-switch{margin-bottom:18px}.sl-studio-switch__tabs{min-width:216px}.sl-studio-switch__tab{min-height:41px;padding:8px 22px;font-size:13px}.sl-video-card{padding:15px}.sl-video-settings{gap:9px}.sl-video-select{font-size:12px;padding:9px 7px}.sl-video-prompt{min-height:152px}.sl-video-preview{min-height:375px}.sl-video-canvas{min-height:250px}.sl-video-submit{font-size:13px}.sl-video-submit-cost{font-size:11px}.sl-video-reference{width:114px}.sl-video-reference__choose{width:114px;height:96px}}
@media(prefers-reduced-motion:reduce){.sl-studio-switch__tabs:before,.sl-video-audio input,.sl-video-audio input:before{transition:none}.sl-studio-panel-enter,.sl-video-progress{animation:none}}

/* Keep the complete creation path near the prompt, including on small phones. */
.content{padding-top:16px}
.hero{padding:0 0 14px}.hero h1{font-size:clamp(27px,2.5vw,34px)}
.sl-studio-switch{margin-bottom:14px}
.sl-studio-switch__tab{min-height:39px;padding:7px 22px}
.form-panel,.sl-video-card{padding:18px}
.panel-heading,.sl-video-card__head{margin-bottom:10px}
.prompt{height:112px}.sl-video-prompt{min-height:96px;line-height:1.5;padding:12px}
.prompt-foot,.sl-video-prompt-foot{margin:6px 0 10px}
.sl-video-settings{grid-template-columns:minmax(200px,1.7fr) repeat(3,minmax(0,1fr));align-items:end;gap:10px}
.sl-video-setting--model{grid-column:auto}
.sl-video-label{margin-bottom:6px}
.sl-video-audio{margin-top:9px;padding:8px 0}
.sl-video-audio small{display:inline;margin-left:8px}
.sl-video-model-note{margin:8px 0}
.sl-video-submit{margin-top:9px}
.sl-video-note{margin:8px 0}
.sl-video-preview,.result-panel{scroll-margin-top:84px}
@media(max-width:1100px){
  .sl-video-workspace.has-result .sl-video-settings{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sl-video-workspace.has-result .sl-video-setting--model{grid-column:1/-1}
}
@media(max-width:620px){
  .content{padding-top:12px;padding-bottom:100px}
  .hero{padding-bottom:12px}.hero h1{font-size:27px;margin:0}.hero p{display:none}
  .sl-studio-switch{margin-bottom:12px}.sl-studio-switch__tabs{min-width:208px}
  .sl-studio-switch__tab{min-height:38px;padding:7px 18px}
  .form-panel,.sl-video-card{padding:14px}
  .prompt{height:112px;font-size:16px}.sl-video-prompt{min-height:96px;font-size:16px}
  .visual-settings,.workspace.has-result .visual-settings{grid-template-columns:1fr 1fr;gap:9px}
  .model-choice{grid-column:1/-1}.advanced-settings,.workspace.has-result .advanced-settings{grid-column:auto}
  .advanced-settings[open],.workspace.has-result .advanced-settings[open]{grid-column:1/-1}
  .sl-video-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .sl-video-setting--model{grid-column:1/-1}
  .sl-video-audio small{display:none}
  .gen-button,.sl-video-submit{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:24;box-shadow:0 0 0 6px #18191e,0 8px 18px #0007;min-height:48px}
  .sl-video-preview,.result-panel{scroll-margin-top:74px}
  .sl-video-actions{gap:8px}.sl-video-action{min-height:44px}
}
/* Disabled sticky actions stay opaque above scrolled form content. */
@media(max-width:620px){.gen-button:disabled,.sl-video-submit:disabled{opacity:1}}
/* Payment confirmation remains separate from credit delivery. */
.sl-checkout-return{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;margin:0 auto 18px;max-width:820px;border:1px solid #665339;border-radius:12px;background:#252118;color:#e9d3ae;font-size:13px;line-height:1.6}
.sl-checkout-return[hidden]{display:none!important}.sl-checkout-return span{flex:1 1 240px}.sl-checkout-return button{min-height:44px;padding:8px 12px;border:1px solid #77603e;border-radius:8px;background:#1a1815;color:inherit;cursor:pointer}.sl-checkout-return button:disabled{cursor:wait;opacity:.65}