[hidden]{display:none!important}
.storylens-editor{--chat-width:clamp(330px,26.1vw,510px)}
.storylens-editor .panel{min-height:calc(100dvh - 104px)}
.storylens-editor .panel #engine-name{margin:8px 0 0;color:#a5b0bc}
.storylens-editor .panel-head{margin-bottom:34px}
.storylens-editor .workspace .modes{max-height:calc(100dvh - 104px)}
.storylens-editor .workspace .tool-search{margin-bottom:10px}
.storylens-editor .topbar .header-actions :is(a,button){height:36px}
.storylens-editor .topbar .brand img{width:42px;height:36px}
.storylens-editor .picker{display:flex;flex-wrap:wrap}
.storylens-editor .picker input{flex-basis:100%}
.storylens-editor .picker button{flex:1;border-top:1px solid var(--line);padding:12px 8px}
.storylens-editor #outputSettings{margin-top:42px}
.storylens-editor #run{margin-top:16px}
.storylens-editor #run:disabled{cursor:wait}
.storylens-editor .result{margin-top:18px}
.storylens-editor .result-actions{gap:8px}
.storylens-editor .result-actions>span{color:#adb8c4}
.storylens-editor .result-actions button:disabled{opacity:.52;cursor:default}
.web-results{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:10px}
.web-results video{display:block;margin:10px 0;width:100%;max-height:45vh;background:#101214}
.web-results.no-video :is(label,select,video){display:none}
.web-results .download-result{display:inline-block;background:#283540;border:1px solid #435364;border-radius:6px;padding:7px 10px;color:var(--text);text-decoration:none}
#batch-errors{margin-top:12px;color:#ffb093;font-size:13px;overflow-wrap:anywhere}
.storylens-editor #run-progress{display:block;width:100%;margin:9px 0;accent-color:var(--accent)}
.storylens-editor #unavailable .preview-note{color:#ffbb96;margin:12px 0}
.storylens-editor dialog{max-width:420px;border:1px solid var(--line);border-radius:10px;background:#1a1e23;color:var(--text);padding:20px}
.storylens-editor dialog::backdrop{background:#000b}
.storylens-editor dialog h2{margin-top:0}
.storylens-editor .chat-history:not([hidden]){transform:none;visibility:visible;background:#14171c;padding:16px;z-index:9}
.storylens-editor .chat-history h2{font-size:18px;margin:0}
.storylens-editor #assistantPrompt{width:100%}
.storylens-editor .assistant-compose-row .assistant-mic{display:grid;place-items:center;flex:0 0 40px;border-radius:50%;padding:0}
.storylens-editor .assistant-mic .ui-icon{width:19px;height:19px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:1380px){.storylens-editor.assistant-open.tools-visible .workspace{grid-template-columns:clamp(224px,15vw,290px) minmax(0,1fr)}}
@media(min-width:1600px){
  .storylens-editor{--header-height:80px;--canvas-gutter:43px;--chat-width:27.2vw}
  .storylens-editor .topbar{min-height:var(--header-height);gap:10px}
  .storylens-editor .topbar .brand{font-size:19px}
  .storylens-editor .topbar .brand img{width:53px;height:45px}
  .storylens-editor .topbar :is(a,button),.storylens-editor .topbar .header-actions :is(a,button){height:45px;padding:0 15px;font-size:15px}
  .storylens-editor.tools-visible>main{padding-top:23px}
  .storylens-editor .workspace .modes{padding:12px 13px;max-height:calc(100dvh - 115px)}
  .storylens-editor .modes .mode{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:10px 12px;margin-bottom:6px}
  .storylens-editor .modes .mode b{font-size:17px}
  .storylens-editor .modes .mode small{font-size:15px}
  .storylens-editor .modes .mode .ui-icon{width:22px;height:22px}
  .storylens-editor .tool-search{height:45px;font-size:16px;padding:9px 12px}
  .storylens-editor .panel{padding:34px 36px;min-height:calc(100dvh - 115px)}
  .storylens-editor .panel h2{font-size:30px}
  .storylens-editor .panel-head{margin-bottom:43px}
  .storylens-editor .panel #stepLabel{font-size:14px}
  .storylens-editor .panel #engine-name,.storylens-editor .engine{font-size:14px}
  .storylens-editor #clean-workspace .field label,.storylens-editor #outputSettings summary{font-size:19px}
  .storylens-editor .picker :is(input,button){font-size:18px}
  .storylens-editor .picker input{padding:18px}
  .storylens-editor .picker button{padding:14px 10px}
  .storylens-editor #inputHelp{font-size:16px}
  .storylens-editor #outputSettings{margin-top:58px}
  .storylens-editor #run{height:68px;margin-top:22px;font-size:19px}
  .storylens-editor .storylens-result.result{padding:15px 17px;grid-template-columns:32px minmax(0,1fr)}
  .storylens-editor .storylens-result .check{width:32px;height:32px}
  .storylens-editor .storylens-result .result-summary b{font-size:17px}
  .storylens-editor .storylens-result .result-summary p{font-size:15px}
  .storylens-editor .assistant-head{padding:16px;gap:10px}
  .storylens-editor .assistant-mark{width:45px;height:45px}
  .storylens-editor .assistant-head h2{font-size:20px}
  .storylens-editor .assistant-head p,.storylens-editor .assistant-message .who{font-size:13px}
  .storylens-editor .assistant-message p{font-size:16px}
  .storylens-editor .assistant-compose{padding:14px 15px}
  .storylens-editor .assistant-compose textarea{min-height:96px;font-size:15px;padding:14px}
  .storylens-editor .assistant-compose-row button{min-height:45px;font-size:14px}
  .storylens-editor .assistant-compose-row .assistant-mic{flex-basis:45px}
  .storylens-editor .assistant-hint{font-size:13px}
}
@media(max-width:1100px){.storylens-editor.assistant-open .assistant-panel{width:min(400px,100%);max-width:100%}.storylens-editor.assistant-open{--assistant-offset:0px}}
@media(max-width:760px){.storylens-editor .workspace .modes{max-height:290px}.storylens-editor .panel{min-height:490px}}
