.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.composer-panel,.composer-about{min-width:0}.composer-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:26px}.composer-panel-heading h2,.composer-about h2{margin:0 0 8px;font-size:22px;line-height:1.3}.composer-panel-heading p,.composer-about p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.composer-panel-heading>small{white-space:nowrap;color:var(--muted);font-size:11px;padding-top:6px}.composer-toggle{display:flex;gap:13px;align-items:flex-start;padding:18px;background:rgba(218,254,110,.04);border:1px solid rgba(218,254,110,.15);border-radius:12px;margin-bottom:26px;cursor:pointer}.composer-toggle input{width:18px;height:18px;min-height:0;margin:3px 0 0;accent-color:var(--lime);flex-shrink:0}.composer-toggle strong{display:block;font-size:13px}.composer-toggle small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:4px}.composer-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin-bottom:24px}.composer-field>label{font-size:13px;font-weight:600}.composer-field input{width:100%;min-width:0}.composer-field>small{color:var(--muted);font-size:11px;line-height:1.65}.composer-key-status{font-size:11px;color:var(--lime)}.composer-remove{align-self:flex-start;padding:4px 0;font-size:11px;color:#faafb4}.composer-remove:disabled{opacity:.4;cursor:default}.composer-model-row{display:flex;gap:10px;align-items:stretch;min-width:0}.composer-model-row input{flex:1}.composer-model-row button{flex-shrink:0;font-size:12px;white-space:nowrap}.composer-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.composer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.composer-actions .button{font-size:12px}.composer-about>.eyebrow{font-size:9px;margin-bottom:16px}.composer-style-stat{display:flex;align-items:center;gap:14px;padding:23px 0;margin:18px 0;border-block:1px solid var(--border)}.composer-style-stat strong{font-size:38px;line-height:1;color:var(--lime);letter-spacing:-2px}.composer-style-stat span{color:var(--muted);font-size:12px;line-height:1.6}.composer-about .composer-note{font-size:11px;line-height:1.7;overflow-wrap:anywhere}.composer-billing-note{padding:16px;border:1px solid var(--border);border-radius:12px;margin:24px 0 16px;background:rgba(255,255,255,.02)}.composer-billing-note>strong{display:block;font-size:12px;margin-bottom:8px}.composer-billing-note p{font-size:11px;line-height:1.75}.composer-loading p{color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 20px}.composer-panel input:disabled{opacity:.65}.composer-panel button:disabled{opacity:.45;cursor:default}#composer-error:empty{display:none}#composer-error{overflow-wrap:anywhere}
@media(max-width:1100px){.composer-layout{grid-template-columns:minmax(0,1fr)}.composer-about{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.composer-about>.eyebrow,.composer-about>h2{grid-column:1/-1}.composer-style-stat{margin:0;grid-row:3/5;grid-column:2;justify-content:center}.composer-billing-note{margin:6px 0;grid-column:1/-1}.composer-about>.composer-note:last-child{grid-column:1/-1}}
@media(max-width:760px){.composer-limits{grid-template-columns:1fr}.composer-limits .composer-field{margin-bottom:10px}.composer-panel-heading{flex-wrap:wrap}.composer-model-row{flex-direction:column}.composer-model-row button{align-self:flex-start}.composer-about{display:block}.composer-style-stat{justify-content:flex-start;margin:18px 0}.composer-billing-note{margin:24px 0 16px}}
@media(max-width:560px){.composer-actions{flex-direction:column}.composer-actions .button,.composer-model-row button{width:100%}.composer-panel-heading h2,.composer-about h2{font-size:20px}.composer-toggle{padding:14px}.composer-panel-heading>small{padding:0}.composer-layout{gap:16px}}