/* Homepage composer, measured from the reference at 1500 × 900. */
body .studio-shell .qc-home .qc-composer{background:#1e1e1e;border:0;border-radius:32px;box-shadow:none;padding:12px;min-height:172px}
body .studio-shell .qc-home .qc-composer:focus-within{border:0;box-shadow:none}
body .studio-shell .qc-home .qc-toolbar{height:36px;min-height:36px;padding:0;gap:2px;margin-top:8px;position:relative}
body .studio-shell .qc-home .qc-toolbar>.icon-btn,body .studio-shell .qc-home .qc-toolbar>.composer-symbol{width:30px;height:30px;padding:7px;border:0;background:transparent;border-radius:32px;color:#ffffff99}
body .studio-shell .qc-home .qc-toolbar svg{width:16px;height:16px;flex:none}
body .studio-shell .qc-home .qc-toolbar>.icon-btn:hover,body .studio-shell .qc-home .qc-toolbar>.composer-symbol:hover{background:#ffffff0a;color:#fff}
body .studio-shell .qc-home .qc-toolbar .qc-mode>summary{height:36px;border:0;background:transparent;color:#ffffffb3;font-size:12px;font-weight:500;gap:4px;padding:1px 8px}
body .studio-shell .qc-home .qc-toolbar .qc-mode>summary:hover{background:#ffffff0a}
body .studio-shell .qc-home .qc-toolbar>.grow{flex:1}
body .studio-shell .qc-home .hc-center{display:flex;align-items:center;gap:2px;position:absolute;left:50%;transform:translateX(-50%)}
body .studio-shell .qc-home .hc-center>.qc-skill,body .studio-shell .qc-home .hc-preferences-trigger{height:32px!important;min-height:32px;margin:0!important;padding:1px 12px!important;display:flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:32px;background:#ffffff0a;color:#ffffffb3;font:500 12px/20px system-ui,-apple-system,sans-serif;white-space:nowrap;cursor:pointer}
body .studio-shell .qc-home .hc-center>.qc-skill:hover,body .studio-shell .qc-home .hc-preferences-trigger:hover{background:#ffffff14;color:#fff}
.hc-preferences-trigger>i{height:10px;width:1px;background:#ffffff33;margin:0 6px}
body .studio-shell .qc-home .qc-canvas-switch{font-size:12px;color:#fff;gap:8px;margin-right:12px}
body .studio-shell .qc-home .qc-canvas-switch>i{width:32px;height:16px;background:#ffffff14}
body .studio-shell .qc-home .qc-canvas-switch>i:before{width:16px;height:12px;margin:2px;background:#f5f5f5;border-radius:8px}
body .studio-shell .qc-home .qc-canvas-switch input:checked+i{background:#eee}
body .studio-shell .qc-home .qc-canvas-switch input:checked+i:before{transform:translateX(12px);background:#171717}
body .studio-shell .qc-home .qc-toolbar>.composer-send{width:32px;height:32px;padding:7px;min-height:32px;background:#f5f5f5;color:#171717;border:0;margin:0}
body .studio-shell .qc-home .qc-toolbar>.composer-send:disabled{opacity:1;background:#ffffff0a;color:#ffffff33}
.hc-input-wrap{position:relative;min-height:104px}
body .studio-shell .qc-home .hc-input-wrap textarea{height:104px;min-height:104px;padding:6px;font:400 14px/24px system-ui,-apple-system,sans-serif;resize:none;color:#fff;background:transparent;border:0;box-shadow:none}
body .studio-shell .qc-home .hc-input-wrap textarea::placeholder{color:transparent}
.hc-placeholder{position:absolute;top:6px;left:6px;right:10px;font:400 14px/24px system-ui,-apple-system,sans-serif;color:#ffffff66;pointer-events:none}
.hc-placeholder[hidden]{display:none}.hc-placeholder>a{display:inline-block;margin-left:12px;color:inherit;text-decoration:none;pointer-events:auto}.hc-placeholder>a:hover{color:#fff}
.hc-popover{position:fixed;z-index:1200;background:#262626;color:#fff;border:1px solid #ffffff08;border-radius:20px;box-shadow:0 16px 48px #0005;font:400 12px/1.5 system-ui,-apple-system,sans-serif;box-sizing:border-box}
.hc-popover *{box-sizing:border-box}.hc-popover button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.hc-popover button:disabled{opacity:.4;cursor:default}.hc-popover button:focus-visible{outline:2px solid #aaa;outline-offset:-2px}.hc-popover svg{width:16px;height:16px;flex:none}.hc-popover label{font-size:12px;color:#ffffff66}.hc-popover input,.hc-popover textarea{font:inherit;color:#fff;outline:none}.hc-popover p{margin:0}
.hc-preferences{width:720px;max-width:calc(100vw - 24px);height:404px;padding:16px 14px;overflow:hidden}
.hc-tabs{display:flex;align-items:center;border-radius:20px;background:#ffffff0a;width:270px;padding:2px;height:30px;margin-bottom:8px}
.hc-tabs>button{flex:1;height:26px;border-radius:20px;position:relative;color:#ffffff99}.hc-tabs>button[aria-checked=true]{background:#ffffff1a;color:#fff}.hc-tabs i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;vertical-align:middle;margin-left:4px}
.hc-preferences-body{height:calc(100% - 38px);display:grid;grid-template-columns:310px 1fr}
.hc-models{min-width:0;border-right:1px solid #ffffff08;display:flex;flex-direction:column;padding-top:12px}.hc-models>label{margin-left:20px;margin-bottom:8px}
.hc-model-list{flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;padding-right:12px}
.hc-model-list>button{display:flex;width:100%;text-align:left;border-radius:8px;padding:10px 4px 10px 0;gap:4px;color:#ffffffbf}.hc-model-list>button:hover{background:#ffffff0a}.hc-model-list>button[aria-pressed=true]{color:#fff}.hc-selected-mark{flex:none;width:16px;display:flex;align-items:flex-start;padding-top:2px}.hc-model-list strong{font-weight:500;font-size:13px;letter-spacing:.1px}.hc-model-list p{font-size:11px;color:#ffffff66;line-height:16px;margin-top:6px}.hc-new{display:inline-block;margin-left:5px;font-size:9px;line-height:14px;padding:0 3px;background:#eee;color:#111;border-radius:2px}
.hc-preference-fields{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 14px 12px 40px}.hc-preference-fields>label{display:block;margin-bottom:14px}.hc-preference-fields>label:not(:first-child){margin-top:26px}.hc-preference-fields label span{margin-left:3px;font-size:10px}
.hc-ratio-wrap{position:relative}.hc-ratios{display:flex;overflow:auto;scrollbar-width:none;background:#ffffff0a;border-radius:16px;padding:3px;height:70px;scroll-behavior:smooth}.hc-ratios>button{flex:0 0 64px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#ffffff80}.hc-ratios>button[aria-checked=true]{color:#fff;background:#ffffff1a}.hc-ratio-box{height:10px;max-width:16px;border:1px solid currentColor;border-radius:1px}.hc-ratio-wrap>button{position:absolute;right:6px;top:25px;display:grid;place-items:center;border-radius:50%;width:20px;height:20px;background:#666;color:#ddd}
.hc-segments{display:flex;padding:3px;border-radius:20px;background:#ffffff0a;gap:2px}.hc-segments>button{flex:1;min-height:29px;border-radius:18px;white-space:nowrap;color:#ffffff99;padding:3px}.hc-segments>button[aria-checked=true]{background:#ffffff1a;color:#fff}.hc-segments span{font-size:10px}
.hc-duration{display:flex;gap:8px}.hc-duration>button,.hc-duration>label{border-radius:18px;background:#ffffff0a;flex:1;min-height:30px;text-align:center;padding:6px;color:#ffffff99}.hc-duration>button.selected{background:#ffffff1a;color:#fff}.hc-duration input{background:none;border:0;width:50px;text-align:center;padding:0}.hc-duration-range{display:flex;gap:8px;align-items:center;color:#999;margin-top:14px}.hc-duration-range input{width:100%;accent-color:#ddd;min-width:0}.hc-duration-range span{white-space:nowrap}
.hc-upload{width:220px;border-radius:12px;padding:6px}.hc-upload>button{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:8px 10px;text-align:left;border-radius:8px}.hc-upload>button:hover{background:#ffffff0a}.hc-upload hr{margin:6px 0;border:0;border-top:1px solid #ffffff14}
.hc-presets{width:440px;max-width:calc(100vw - 24px);padding:16px;border-radius:16px}.hc-presets header{display:flex;align-items:center;gap:10px}.hc-presets header>span{flex:1}.hc-presets header>button{display:grid;place-items:center;width:24px;height:24px}.hc-preset-search{display:flex;gap:8px;margin:16px 0 10px}.hc-preset-search input{min-width:0;flex:1;padding:7px 10px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px}.hc-preset-search>button{display:flex;align-items:center;gap:4px;background:#ffffff14;border-radius:6px;padding:6px 10px}.hc-preset-list{max-height:300px;overflow:auto;scrollbar-width:thin}.hc-preset-row{position:relative;border-radius:8px}.hc-preset-row:hover{background:#ffffff0a}.hc-preset-row>button{display:block;width:100%;text-align:left;padding:10px}.hc-preset-row strong{font-size:13px;font-weight:500}.hc-preset-row p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888;padding-top:5px}.hc-preset-row>div{position:absolute;right:6px;top:6px;display:none;background:#303030;border-radius:6px}.hc-preset-row:hover>div,.hc-preset-row:focus-within>div{display:flex}.hc-preset-row>div>button{padding:5px}.hc-empty{color:#777;text-align:center;padding:32px 8px!important}
.hc-preset-editor{width:480px;max-width:calc(100vw - 24px);background:#262626;color:#eee;border:1px solid #444;border-radius:16px;padding:24px;font:400 14px/1.6 system-ui,-apple-system,sans-serif}.hc-preset-editor::backdrop{background:#0008}.hc-preset-editor h3{font-size:16px;margin:0 0 20px}.hc-preset-editor label{display:block;color:#bbb;margin:14px 0}.hc-preset-editor input,.hc-preset-editor textarea{display:block;width:100%;background:#333;border:1px solid #555;color:#fff;font:inherit;border-radius:7px;margin-top:8px;padding:9px 12px;box-sizing:border-box}.hc-preset-editor textarea{min-height:130px;resize:vertical}.hc-preset-editor footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.hc-preset-editor button{padding:7px 20px;border-radius:20px;border:0;cursor:pointer;background:#3a3a3a;color:#eee}.hc-preset-editor [type=submit],.hc-preset-editor [data-confirm]{background:#eee;color:#111}.hc-preset-editor [data-error],.hc-error{color:#ff8a80}
.hc-link{width:430px;max-width:calc(100vw - 24px);padding:16px;border-radius:12px}.hc-link p{font-size:12px;color:#999}.hc-link p>button{color:#eee}.hc-link form{display:flex;gap:8px;margin-top:14px}.hc-link input{min-width:0;flex:1;background:#333;border:1px solid #555;border-radius:8px;padding:8px}.hc-link form button{background:#eee;color:#111;border-radius:18px;padding:7px 16px}.hc-link .hc-error{color:#ff8a80;margin-top:8px}
/* The reference keeps a 720px desktop composer on narrow viewports. */
@media(max-width:1100px){body .studio-shell .qc-home{min-width:720px;position:relative;left:50%;transform:translateX(-50%);margin-inline:0}body .studio-shell .qc-home .qc-toolbar{flex-wrap:nowrap}body .studio-shell .qc-home .qc-canvas-switch>span{font-size:12px}}

body .studio-shell .qc-home .qc-composer{max-width:920px;width:100%;height:auto;box-sizing:border-box;margin-inline:auto}
body .studio-shell .qc-home .hc-input-wrap textarea{margin:0;box-sizing:border-box}
body .studio-shell .qc-home .qc-toolbar{font-weight:400}
.hc-agent-result{margin:12px 0;max-width:520px}.hc-agent-result img,.hc-agent-result video{max-width:100%;max-height:420px;border-radius:12px;display:block}.hc-agent-result figcaption{margin-top:8px;font-size:12px}.hc-agent-result a{color:inherit}

.hc-references{width:144px;padding:5px;border-radius:10px}.hc-references>button{display:flex;justify-content:space-between;align-items:center;width:100%;height:34px;padding:6px 10px;border-radius:6px}.hc-references>button:hover{background:#ffffff14}.hc-reference-list{width:280px;padding:5px;border-radius:10px}.hc-reference-items{max-height:320px;overflow:auto}.hc-reference-items>button{display:flex;gap:8px;align-items:center;width:100%;padding:6px 8px;text-align:left;border-radius:6px}.hc-reference-items>button:hover{background:#ffffff14}.hc-reference-items img{width:32px;height:32px;object-fit:cover;border-radius:4px}.hc-reference-items span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-reference-list>button{padding:8px;width:100%;text-align:left}.hc-reference-list hr{border:0;border-top:1px solid #ffffff14;margin:4px 0}

body .studio-shell .qc-home .qc-prompt-layout{min-height:104px}body .studio-shell .qc-home .hc-input-wrap textarea{display:block}.hc-file-thumb{height:64px;display:grid;place-items:center}.hc-file-thumb svg{width:28px;height:28px}

.hc-optimize{position:absolute;right:0;top:0;width:24px;height:24px;padding:5px;background:transparent;border:0;color:#aaa;border-radius:6px;cursor:pointer}.hc-optimize:hover{background:#ffffff0a;color:#fff}.hc-optimize[hidden]{display:none}.hc-optimize svg{width:14px;height:14px}body .studio-shell .qc-home .hc-input-wrap textarea{padding-right:30px}

.hc-discard{right:28px}.hc-library-file{display:grid;place-items:center;height:100%;background:#333}.hc-library-file svg{width:36px;height:36px}body .studio-shell .qc-home .qc-mode .native-menu-panel{width:430px;max-width:calc(100vw - 32px)}body .studio-shell .qc-home .qc-mode .native-menu-panel button{align-items:flex-start}body .studio-shell .qc-home .qc-mode small{display:block;color:#999;font-size:12px;margin-top:6px;font-weight:400}body .studio-shell .qc-home .qc-mode em{font-style:normal;color:#888;font-size:12px;margin-left:8px}

body .studio-shell .qc-home .hc-input-wrap textarea{width:100%}

.hc-preferences-body{min-height:0;grid-template-rows:minmax(0,1fr)}.hc-models,.hc-model-list,.hc-preference-fields{min-height:0}.hc-preferences{overflow:clip}

.hc-selected-mark:empty:before{content:"";width:3px;height:3px;border-radius:50%;background:#ffffff4d;margin:6px auto 0}.hc-model-list>button{padding-block:8px}.hc-model-list strong{line-height:18.2px}.hc-vip{display:inline-flex;vertical-align:middle;background:#ffffff0a;border-radius:6px;padding:0 4px;height:16px;align-items:center;margin-left:8px}.hc-vip svg{width:12px;height:12px}.hc-new{background:none;padding:0;width:26px;height:14px;vertical-align:middle;color:#f5f5f5;--fill-white-regular:#111}.hc-new svg{width:26px;height:14px}.hc-ratios>button>svg{width:16px;height:16px}
.hc-popover,body .studio-shell .qc-home .qc-composer{-webkit-font-smoothing:antialiased}.hc-model-list{display:flex;flex-direction:column;gap:8px}.hc-model-list>button{flex-shrink:0}.hc-model-list strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.hc-preference-fields{padding-top:10px}