/* H5-only surfaces; payment APIs and the hosted upload page are unchanged. */
.workspace .modal[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 40px)}
.workspace .modal-header{flex:none;align-items:flex-start;border-bottom:1px solid var(--line);padding:20px 22px 16px;background:var(--panel)}
.workspace .modal-header>div{min-width:0}.workspace .modal-header .icon-button{flex:none;min-width:40px;min-height:40px;margin:-6px -8px 0 0}
.workspace .modal-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 24px;scrollbar-gutter:stable}
.workspace .modal-header p{line-height:1.65}
.workspace .recharge-dialog{width:min(820px,calc(100vw - 32px))}
.workspace .recharge-layout{align-items:start;grid-template-columns:minmax(0,1fr) 190px;gap:20px}
.workspace .recharge-payment{padding:20px;gap:12px;background:var(--subtle);border:1px solid var(--line);border-radius:14px}
.workspace .recharge-alipay-label{font-size:16px;color:var(--text);font-weight:600}
.workspace .recharge-payment .recharge-qr{width:192px;height:192px;flex:none;padding:8px;border-radius:10px;margin:0 auto}
.workspace .recharge-upload-qr{width:156px;padding:8px;background:#fff;border-radius:10px;margin:0 auto}
.workspace .recharge-receipt-guide{width:100%;margin:2px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;text-align:left}
.workspace .recharge-receipt-guide summary{padding:6px 0;font-size:14px;font-weight:600;line-height:1.6}
.workspace .recharge-receipt-guide[open] summary{margin-bottom:12px}
.workspace .receipt-guide-steps{gap:16px;margin-top:14px}.workspace .receipt-guide-steps img{max-width:360px;margin:auto}
.workspace .receipt-guide-steps figcaption{font-size:13px;font-weight:500}
.workspace .recharge-support{padding:16px 12px;background:var(--subtle);border-radius:14px}
.workspace .recharge-support h3{font-size:13px;line-height:1.6;margin:0 0 8px}.workspace .recharge-support p{font-size:12px;line-height:1.6}
.workspace .recharge-contact-qr{width:132px;padding:6px;border-radius:8px}
.workspace .recharge-upload-link{width:100%;max-width:300px;min-height:44px;text-align:center}
.workspace .recharge-mobile-tip{display:none}
.workspace .recharge-success{text-align:center;padding:12px 0}.workspace .recharge-success strong{display:block;font-size:30px;margin:12px 0;font-variant-numeric:tabular-nums}
.workspace .model-sheet{width:390px;max-width:calc(100vw - 24px);overflow:hidden}
.workspace .model-picker-search{width:100%;min-height:38px;font-size:14px;padding:8px 11px;margin:4px 0 10px;background:var(--subtle);color:var(--text);border:1px solid var(--line);border-radius:8px}
.workspace .model-picker-columns{display:flex;min-height:0;max-height:38vh;overflow:hidden;gap:10px}
.workspace .model-picker-groups{display:flex;flex-direction:column;flex:0 0 86px;gap:3px;padding-right:10px;border-right:1px solid var(--line);overflow:auto}
.workspace .model-picker-groups[hidden]{display:none}
.workspace .model-picker-group{border:0;background:none;color:var(--secondary);padding:10px 8px;text-align:left;border-radius:7px;min-height:40px;font-size:13px;white-space:nowrap}
.workspace .model-picker-group[aria-pressed=true]{background:var(--hover);color:var(--text)}
.workspace .model-picker-list{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain}
.workspace .model-picker-option{min-width:0;gap:8px;min-height:42px}.workspace .model-picker-option>span{min-width:0;overflow-wrap:anywhere;text-align:left}.workspace .model-picker-option>svg{flex:none}
.workspace .model-picker-auto{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.workspace .model-picker-auto[hidden]{display:none}.workspace .model-picker-auto .model-picker-option{width:100%}
.workspace .thinking-retry{border:0;background:none;color:var(--accent);font-size:12px;padding:7px 3px;white-space:nowrap}
.workspace :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.workspace .run-state{font-size:12px;color:var(--secondary)}
@media(max-width:760px){
 .workspace .modal[open]{width:calc(100vw - 20px);max-height:calc(var(--app-height,100dvh) - 24px);border-radius:16px}
 .workspace .modal-header{padding:16px}.workspace .modal-header h2{font-size:18px}.workspace .modal-header p{font-size:12px}
 .workspace .modal-content{padding:16px 14px max(18px,env(safe-area-inset-bottom));scrollbar-gutter:auto}
 .workspace .recharge-layout{grid-template-columns:1fr;gap:16px}.workspace .recharge-payment{padding:16px 12px}
 .workspace .recharge-support{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:4px 12px;text-align:left;align-items:center;margin:0;padding:14px}
 .workspace .recharge-support h3,.workspace .recharge-support p{grid-column:1;margin:0}.workspace .recharge-contact-qr{grid-column:2;grid-row:1 / 4;width:96px;margin:0}
 .workspace .recharge-upload-link{max-width:none}
 .workspace .recharge-mobile-tip{display:block;text-align:left}.workspace .recharge-upload-qr{display:none}
 .workspace .model-sheet{width:100%;max-width:none;max-height:calc(var(--app-height,100dvh) - 32px)}
 .workspace .model-picker-search{font-size:16px;min-height:44px}
 .workspace .model-picker-columns{flex-direction:column;max-height:42dvh;gap:8px}
 .workspace .model-picker-groups{flex:none;flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px;gap:6px;overflow-x:auto}
 .workspace .model-picker-group{flex:none;text-align:center;min-height:40px;padding:9px 12px}
 .workspace .model-picker-option{min-height:46px;font-size:14px}
}
@media(max-height:500px){.workspace .modal[open]{max-height:calc(100dvh - 16px)}.workspace .modal-header{padding:12px 16px}.workspace .model-picker-columns{max-height:30dvh}}

.model-node-row{position:relative;min-width:0}
.model-node-row>.model-picker-option{width:100%}
.model-node-row>.model-picker-option>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-node-switches{display:flex;align-items:center;position:absolute;right:24px;top:50%;transform:translateY(-50%);max-width:80px;overflow-x:auto;scrollbar-width:thin}
.model-node{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:28px;padding:0 4px 3px 0;border:0;border-radius:4px;background:transparent;color:var(--muted,#888);cursor:pointer}
.model-node svg{width:10px;height:12px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round}
.model-node sub{position:absolute;right:2px;bottom:4px;font-size:8px;line-height:1}
.model-node[aria-pressed="true"]{color:var(--accent,#79aaff)}
.model-node[aria-pressed="true"] svg{fill:currentColor;fill-opacity:.18}
.model-node:hover{background:rgba(128,128,128,.14)}
.model-node:focus-visible{outline:1px solid currentColor;outline-offset:-1px}
.model-node-note{font-size:11px;color:var(--muted,#888);margin:6px 12px 12px;line-height:1.5}

.model-node-row>.model-picker-option>svg{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
