/* Scoped presentation. Never affects other tools or changes permission visibility. */
/* Replace duplicate application chrome only while this authorized tool is visible.
 * Leaving the tool restores the original navigation without changing its state. */
body.desktop-interface:has(#toolView:not([hidden]) .cs-studio){min-width:0;background:#fff}
body.desktop-interface:has(#toolView:not([hidden]) .cs-studio) :is(#desktopSidebar,#appTopbar,#viewTabs,.desktop-skip){display:none!important}
body.desktop-interface:has(#toolView:not([hidden]) .cs-studio) #appMain{width:100%;max-width:none;margin:0;padding:0}
#toolView:has(.cs-studio){margin:0;padding:0}
#toolView:has(.cs-studio)>.tool-head{display:none}
#toolView #toolBody.cs-studio{min-height:100dvh}
#toolView .cs-sidebar,#toolView .cs-panel{height:100dvh}
@media(max-width:800px){#toolView .cs-panel{height:auto}#toolView .cs-nav-open .cs-sidebar{height:auto}}
.cs-studio{--cs-ink:#202124;--cs-muted:#676b73;--cs-line:#e8e9eb;--cs-soft:#f6f7f9;--cs-blue:#245bdb;display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100dvh - 40px);background:#fff;color:var(--cs-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;position:relative;isolation:isolate}
.cs-studio *{box-sizing:border-box}.cs-studio [hidden]{display:none!important}.cs-studio :focus-visible{outline:2px solid var(--cs-blue);outline-offset:3px}.cs-studio ::selection{background:#dce7ff;color:#173668}.cs-studio input,.cs-studio textarea{caret-color:var(--cs-blue)}
.cs-studio button,.cs-studio summary{cursor:pointer;touch-action:manipulation}.cs-studio button{font:inherit;box-shadow:none;letter-spacing:normal}.cs-studio button:disabled{cursor:not-allowed;opacity:.5}.cs-studio button:active:not(:disabled){filter:brightness(.94)}.cs-studio a{color:var(--cs-blue);text-underline-offset:3px}
.cs-studio svg{flex-shrink:0}.cs-sr,.cs-studio .cs-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.cs-skip{position:absolute;left:240px;top:0;z-index:5;padding:12px;background:white;transform:translateY(-150%)}.cs-skip:focus{transform:none}
.cs-skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}
.cs-studio .cs-text-button{background:transparent;color:#4e535e;border:0}
.cs-sidebar{background:#f5f6f8;padding:24px 14px 16px;display:flex;flex-direction:column;gap:22px;min-width:0;position:sticky;top:0;height:calc(100dvh - 40px)}
.cs-brand{display:flex;align-items:center;gap:10px;padding:0 12px}.cs-brand strong{font-size:21px;letter-spacing:-.025em;color:#23262d}.cs-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#282d38;color:#fff;font-weight:600;font-size:18px}
.cs-studio .cs-new{min-height:44px;border:1px solid #d2dff7;color:#2451a3;background:#e8effd;border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px 16px;text-align:left;font-weight:600}.cs-studio .cs-new:hover{background:#dee8fc}
.cs-nav{display:grid;gap:4px}.cs-nav button,.cs-history-list button,.cs-sidebar-foot button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;text-align:left;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:#363a43}.cs-nav button:hover,.cs-history-list button:hover,.cs-sidebar-foot button:hover{background:#e8eaf0}.cs-nav button[aria-pressed=true],.cs-history-list button[aria-current=true]{background:#e5e9f1;color:#1e4fbd}
.cs-history-head{display:flex;align-items:center;justify-content:space-between;padding-left:14px;color:var(--cs-muted);font-size:12px;margin-bottom:-18px}.cs-history-list{min-height:100px;overflow:auto;flex:1}.cs-history-list p{font-size:12px;color:var(--cs-muted);padding:0 14px;line-height:1.8}.cs-history-list button{font-size:13px;gap:9px}.cs-history-list button svg{width:16px;height:16px}.cs-history-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cs-search-wrap{margin:0 6px -12px}#cs-search{width:100%;min-height:38px;background:#fff;border:1px solid #cbd0db;border-radius:8px;font:inherit;padding:6px 9px}.cs-sidebar-foot{margin-top:auto;font-size:13px}.cs-sidebar-foot>span{display:block;padding:10px 14px 0;font-size:11px;color:var(--cs-muted)}
.cs-main{width:auto;margin:0;min-width:0;display:flex;flex-direction:column;min-height:inherit}.cs-topbar{height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cs-topbar>div{display:flex;align-items:center;gap:10px;min-width:0}.cs-topbar h2{font-size:15px;font-weight:600;margin:0;white-space:nowrap}.cs-studio .cs-icon{min-width:36px;width:36px;height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:#626773;padding:8px}.cs-studio .cs-icon:hover,.cs-studio .cs-text-button:hover{background:#f0f2f5;color:#23262d}.cs-text-button{display:flex;align-items:center;gap:7px;border:0;background:transparent;min-height:36px;border-radius:8px;padding:6px 10px;color:#4e535e}
.cs-stage{padding:0 36px;flex:1;min-width:0}.cs-studio .mc-workspace{display:block;max-width:760px;margin:0 auto;padding:0}.cs-studio .mc-root{padding:clamp(56px,12vh,126px) 0 24px;border:0;border-radius:0;background:#fff;min-width:0;color:var(--cs-ink)}
.cs-studio .mc-root>h3{font-size:30px;font-weight:600;text-align:center;line-height:1.35;margin:0 0 12px;letter-spacing:-.025em}.cs-studio .mc-root>.mc-muted{text-align:center;color:var(--cs-muted);font-size:14px;margin:0 0 32px}
.cs-studio .mc-form{position:relative;border:1px solid #dce0e6;border-radius:22px;padding:16px 20px 14px;gap:0;margin:0;background:#fff}.cs-studio .mc-form:focus-within{border-color:#92acd4}
.cs-studio .mc-drop{background:transparent;border:0;padding:0 0 12px;min-height:0;grid-template-columns:64px minmax(0,1fr) auto;gap:8px 12px;border-radius:8px;align-items:center}.cs-studio .mc-drop:has(#mc-preview[hidden]){display:none}.cs-studio .mc-empty{display:none}.cs-studio .mc-drop-actions{grid-column:3;grid-row:1;flex-direction:row}.cs-studio .mc-drop-actions button{border:0;border-radius:8px;min-height:40px;background:#f5f6f8;color:#414854;font-size:12px;padding:8px 12px}
.cs-studio #mc-file-note{grid-column:2;grid-row:1;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:var(--cs-muted);margin:0}.cs-studio #mc-preview{grid-column:1;grid-row:1;width:64px;height:64px;border-radius:8px;object-fit:contain;background:var(--cs-soft)}.cs-studio .mc-form.cs-dragging{background:#f7faff;border-color:var(--cs-blue)}
.cs-studio .mc-editor textarea{height:112px;min-height:100px;max-height:260px;border:0;border-radius:0;padding:6px 0 16px;font-size:15px;background:transparent;box-shadow:none;resize:vertical;line-height:1.8}.cs-studio .mc-editor textarea::placeholder{color:#707680}.cs-studio .mc-editor{min-width:0}
.cs-composer-toolbar{display:flex;align-items:center;gap:6px;padding-top:6px;flex-wrap:wrap}.cs-studio .mc-output{gap:4px;flex-wrap:nowrap;flex-shrink:0}.cs-studio .mc-output label{position:relative;font-size:13px;font-weight:500;min-height:40px;padding:8px 10px;gap:6px;border:0;border-radius:10px;background:transparent;color:#484e58;white-space:nowrap;cursor:pointer}.cs-studio .mc-output label:has(:checked){color:#2455b4;background:#edf3ff}.cs-studio .mc-output label:hover{background:#f1f4fa}.cs-studio .mc-output label:has(:focus-visible){outline:2px solid var(--cs-blue);outline-offset:2px}.cs-studio .mc-output label:has(:disabled){opacity:.5;cursor:not-allowed}.cs-studio .mc-output svg{width:17px;height:17px}
.cs-studio .cs-tool-button,.cs-studio #mc-pick{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#484e58;font-size:13px;white-space:nowrap;flex-shrink:0}.cs-studio .cs-tool-button svg{width:17px;height:17px}.cs-studio #mc-pick{width:40px;min-width:40px;padding:8px;margin-right:4px}.cs-studio #mc-pick svg{width:22px;height:22px}.cs-studio .cs-tool-button:hover,.cs-studio #mc-pick:hover{background:#f1f4fa}.cs-studio .cs-tool-button[aria-expanded=true]{background:#edf3ff;color:#2455b4}
.cs-studio #cs-model-recovery{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;color:#9c4510;font-size:12px}.cs-studio #cs-recover-model{border:0;border-radius:8px;background:#fff1e4;color:#873805;min-height:36px;padding:6px 10px;font-size:12px}
.cs-studio #mc-submit{margin-left:auto;background:#252931;border:0;color:white;border-radius:20px;min-height:40px;min-width:112px;padding:8px 18px;font-size:13px;font-weight:600}.cs-studio #mc-submit:hover:not(:disabled){background:#414750}.cs-studio #mc-submit:disabled{background:#c9cdd5;color:#313743;opacity:1}
.cs-studio .mc-submit{margin:10px 0 0}.cs-studio #mc-ready{font-size:11px;color:#707680;margin:0}.cs-studio .mc-status{color:#1e4fa8;font-size:12px;line-height:1.8}.cs-studio .mc-settings{margin:0}.cs-studio #cs-settings{border-top:1px solid var(--cs-line);margin-top:16px;padding-top:16px}.cs-studio #cs-settings .mc-muted{font-size:12px}.cs-studio .mc-step-title{font-size:14px;margin:18px 0 10px}.cs-studio .mc-source-step>label{font-size:14px}.cs-studio .mc-recommendation{background:#f1f5fb;border-radius:10px;padding:12px;flex-direction:column;align-items:flex-start}.cs-studio .mc-recommendation button{font-size:12px;min-height:36px}.cs-studio .mc-scene legend{font-size:12px}.cs-studio .mc-scene label{font-size:12px}.cs-studio .mc-catalog summary{min-height:32px;align-content:center}.cs-studio #cs-settings select{border:1px solid #cbd1dc;border-radius:8px;background:#fff;color:#333b48;padding:9px 12px;font-size:13px}
.cs-footnote{font-size:11px;color:#747983;text-align:center;padding:24px 16px 18px;margin-top:auto}.cs-studio .mc-history{margin:0 0 24px;padding:0;border:0}.cs-studio .mc-history header{margin:8px 0 12px}.cs-studio .mc-history h4{font-size:22px}.cs-studio .mc-history h5{font-size:13px;color:#666d77;font-weight:500}.cs-studio .mc-history .secondary{font-size:12px;border-radius:8px;min-height:34px}.cs-studio .mc-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:20px 0}.cs-studio .mc-result>div{grid-column:1/-1}.cs-studio .mc-result p{font-size:14px;line-height:1.8}.cs-studio .mc-result small{font-size:11px}.cs-studio .mc-result img{width:min(100%,360px);height:240px;border-radius:12px;background:#f5f6f8;object-fit:contain}.cs-studio .mc-result video{max-width:100%;width:360px;max-height:300px;border-radius:12px;background:#121418}.cs-studio .mc-download{align-self:end;font-size:12px}.cs-show-results .mc-root{padding-top:28px}.cs-show-results .mc-root>h3,.cs-show-results .mc-root>.mc-muted{display:none}
.cs-panel{width:auto;min-width:0;position:sticky;top:0;height:calc(100dvh - 40px);border-left:1px solid var(--cs-line);background:#fbfcfd;overflow:auto}.cs-panel>header{position:sticky;top:0;background:#fbfcfd;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--cs-line)}.cs-panel>header h3{font-size:15px;margin:0}.cs-panel-open{grid-template-columns:224px minmax(0,3fr) minmax(0,2fr)}.cs-panel-open .cs-stage{padding:0 28px}.cs-panel-open .mc-root>h3{font-size:26px}.cs-panel-open .mc-root{padding-top:64px}.cs-panel-open .mc-empty span{display:none}.cs-panel-open .cs-topbar{padding:0 24px}
#cs-panel-body{padding:20px}.cs-studio .mc-resources{padding:0}.cs-studio .mc-resource-fields{gap:16px;margin-top:16px}.cs-studio .mc-resource-fields input,.cs-studio .mc-resource-fields select{width:100%;border:1px solid #ccd2dd;background:#fff;border-radius:8px;padding:9px 10px;min-height:40px;font-size:12px}.cs-studio .mc-resource-fields input[type=file]{font-size:11px}.cs-studio .mc-resource-fields button{font-size:12px;border-radius:8px;min-height:36px}.cs-studio .mc-resources .mc-muted{font-size:12px}.cs-studio .video-reference-upload{gap:8px}.cs-studio .portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-studio .portrait-asset{overflow-wrap:anywhere}.cs-studio .portrait-search{display:flex;flex-wrap:wrap}.cs-studio .portrait-search input{min-width:0}.cs-studio .portrait-item{font-size:12px}.cs-studio .mc-usage{border:0;padding:0}.cs-studio .mc-usage>h3{display:none}.cs-studio .video-cost-summary{display:grid;grid-template-columns:1fr;gap:12px}.cs-studio .video-cost-summary>div{min-width:0;background:#fff;border:1px solid var(--cs-line);border-radius:10px;padding:16px}.cs-studio .video-cost-summary b{font-size:24px}.cs-studio .video-balance-actions{display:flex;flex-wrap:wrap}.cs-studio .video-estimate-settings form{display:grid;gap:8px}.cs-help{font-size:13px;color:#565e6a}.cs-help h4{font-size:14px;color:#282d36;margin:24px 0 8px}.cs-help h4:first-child{margin-top:0}.cs-help ol{padding-left:20px}.cs-help li{margin:10px 0}.cs-help #vw-status{padding:0;background:transparent;border:0;color:#4e5867;line-height:1.8;font-size:12px}
.cs-portraits-focus .mc-resources>.mc-muted,.cs-portraits-focus .mc-resource-fields>:not(#vw-reference-field),.cs-portraits-focus #vw-reference-field>legend{display:none}.cs-portraits-focus .mc-resource-fields{margin-top:0}.cs-portraits-focus #vw-reference-field{border-top:0;padding-top:0}
.cs-studio #cs-settings-toggle{width:auto;min-width:64px;white-space:nowrap;flex-shrink:0}.cs-studio #mc-prompt:focus-visible{outline:2px solid var(--cs-blue);outline-offset:3px;border-radius:5px}.cs-studio .cs-footnote{color:var(--cs-muted)}
.cs-studio .video-records{margin:0 auto;max-width:1100px}.cs-studio #vw-records-panel{margin:24px 0}.cs-nav-collapsed{grid-template-columns:minmax(0,1fr)}.cs-nav-collapsed .cs-sidebar{display:none}.cs-nav-collapsed.cs-panel-open{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.cs-mobile-close{display:none!important}
@media(min-width:1700px){.cs-studio{grid-template-columns:240px minmax(0,1fr)}.cs-panel-open{grid-template-columns:240px minmax(0,3fr) minmax(0,2fr)}.cs-nav-collapsed{grid-template-columns:minmax(0,1fr)}.cs-nav-collapsed.cs-panel-open{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
@media(max-width:1100px){.cs-sidebar{padding:20px 10px}.cs-studio{grid-template-columns:192px minmax(0,1fr)}.cs-panel-open{grid-template-columns:192px minmax(0,3fr) minmax(0,2fr)}.cs-panel-open .cs-stage{padding:0 16px}.cs-panel-open .cs-topbar{padding:0 12px}.cs-panel-open .cs-topbar h2{font-size:13px}.cs-panel-open .cs-text-button span{display:none}.cs-panel-open .mc-form{padding:14px}.cs-panel-open .mc-empty{font-size:12px}.cs-panel-open .mc-output label{padding:7px;font-size:11px}.cs-panel-open .cs-composer-toolbar{flex-wrap:wrap}.cs-panel-open #mc-submit{min-width:98px}.cs-nav-collapsed{grid-template-columns:minmax(0,1fr)}.cs-nav-collapsed.cs-panel-open{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
@media(max-width:800px){.cs-studio,.cs-panel-open{grid-template-columns:minmax(0,1fr)}.cs-sidebar{display:none}.cs-stage{padding:0 20px}.cs-topbar{padding:0 16px;height:64px}.cs-topbar>div{gap:3px}.cs-studio .mc-root{padding-top:62px}.cs-studio .mc-root>h3{font-size:25px}.cs-studio .mc-form{padding:14px}.cs-studio .mc-empty span{display:none}.cs-studio .mc-empty{font-size:12px}.cs-studio .mc-editor textarea{font-size:14px}.cs-studio .mc-output label{padding:7px 9px}.cs-composer-toolbar{gap:4px}.cs-studio #mc-submit{min-width:96px;padding:8px 12px}.cs-panel,.cs-nav-collapsed.cs-panel-open .cs-panel{width:100%;grid-column:1;position:relative;height:auto;max-height:none;border-left:0;border-top:1px solid var(--cs-line)}.cs-panel-open{display:flex;flex-direction:column}.cs-panel-open .cs-panel{order:0}.cs-panel-open .cs-main{order:1}.cs-panel-open .mc-root{padding-top:30px}.cs-nav-open .cs-sidebar{display:flex;position:relative;height:auto;min-height:320px}.cs-nav-open{display:flex;flex-direction:column}.cs-nav-open .cs-history-list{max-height:210px}.cs-mobile-close{display:inline-flex!important;margin-left:auto}.cs-skip{left:16px}.cs-suggestions{gap:8px}.cs-suggestions button{font-size:11px;padding:8px 10px}.cs-studio .mc-root>.mc-muted{font-size:13px}.cs-text-button{padding:6px}.cs-footnote{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.cs-studio button,.cs-studio .mc-form{transition:background-color 160ms ease-out,border-color 160ms ease-out}.cs-panel{animation:cs-panel-in 160ms ease-out}@keyframes cs-panel-in{from{transform:translateX(8px)}to{transform:translateX(0)}}}
