.iq-control{--iq-rgb:148,163,184;--iq-bg:#22252f;--iq-text:#d9deea;--iq-line:rgba(255,255,255,.12);position:relative;display:inline-flex;align-items:center;height:32px;border:1px solid var(--iq-line);border-radius:10px;background:var(--iq-bg);color:var(--iq-text);box-shadow:0 2px 8px #00000012;isolation:isolate;flex-shrink:0;transition:border-color .2s,box-shadow .2s}
.iq-light{--iq-bg:#fff;--iq-text:#374151;--iq-line:rgba(100,116,139,.24)}
.iq-control[data-energy="3"]{--iq-rgb:56,189,248}.iq-control[data-energy="4"]{--iq-rgb:167,139,250}.iq-control[data-energy="5"]{--iq-rgb:251,191,85}
.iq-control.iq-light[data-energy="3"]{--iq-rgb:3,105,161}.iq-control.iq-light[data-energy="4"]{--iq-rgb:109,40,217}.iq-control.iq-light[data-energy="5"]{--iq-rgb:180,83,9}
.iq-control[data-energy="3"],.iq-control[data-energy="4"],.iq-control[data-energy="5"]{border-color:rgba(var(--iq-rgb),.48)}
.iq-control button{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline-offset:3px;display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0}
.iq-control .iq-cycle{gap:7px;padding:0 9px;border-radius:10px 0 0 10px}.iq-control .iq-menu-toggle{width:23px;border-left:1px solid var(--iq-line);border-radius:0 10px 10px 0}
.iq-control button:hover{background:rgba(var(--iq-rgb),.1)}.iq-control button:disabled{cursor:default;opacity:.45}.iq-label{font-size:10px;font-weight:750;letter-spacing:.06em;min-width:29px;text-align:left}.iq-zap{color:rgb(var(--iq-rgb));transition:color .15s}
.iq-meter{display:flex;align-items:flex-end;gap:2px;height:11px}.iq-meter i{width:2px;height:4px;background:currentColor;opacity:.15;border-radius:2px;transition:height .18s,background .18s,opacity .18s}.iq-meter i:nth-child(2){height:6px}.iq-meter i:nth-child(3){height:8px}.iq-meter i:nth-child(4){height:10px}.iq-meter i:nth-child(5){height:12px}.iq-meter .iq-lit{opacity:1;background:rgb(var(--iq-rgb))}
.iq-options{--iq-bg:#22252f;--iq-text:#d9deea;position:fixed;z-index:10050;width:200px;max-height:min(292px,70vh);overflow-y:auto;background:var(--iq-bg);color:var(--iq-text);border:1px solid #94a3b833;border-radius:14px;padding:6px;box-shadow:0 14px 40px #0004;font-family:inherit;box-sizing:border-box}
.iq-options.iq-light{--iq-bg:#fff;--iq-text:#374151}.iq-options-heading{padding:8px 9px;font-size:11px;color:#94a3b8;display:flex;justify-content:space-between}.iq-options-heading span{font-size:9px;letter-spacing:.12em}
.iq-options button{border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:650;letter-spacing:.04em}.iq-options button small{font-weight:400;letter-spacing:0;font-size:10px;color:#94a3b8}.iq-options button:hover,.iq-options button:focus-visible,.iq-options button[aria-selected=true]{background:#94a3b81a;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.iq-control,.iq-control *{transition:none!important;animation:none!important}}

/* Compact at rest; preserve keyboard and touch access to the full control. */
.iq-host{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}
.iq-host[hidden]{display:none}
.iq-control{box-sizing:border-box;width:42px;vertical-align:middle;transition:width .24s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s}
.iq-control .iq-cycle{flex:1;min-width:0;gap:0;padding:0 11px;border-radius:9px;overflow:hidden;transition:gap .2s,padding .2s}
.iq-control .iq-zap{flex:0 0 auto;width:0;opacity:0;transform:translateX(4px);transition:width .2s,opacity .15s,transform .2s}
.iq-control .iq-label{flex:0 0 auto;min-width:0;max-width:0;opacity:0;white-space:nowrap;overflow:hidden;font-size:11px;letter-spacing:0;transition:max-width .2s,opacity .15s}
.iq-control .iq-meter{flex:0 0 auto}
.iq-control .iq-menu-toggle{flex:0 0 auto;width:0;border-left-width:0;opacity:0;overflow:hidden;transition:width .2s,opacity .15s}
.iq-control:is(:hover,:has(:focus-visible),[data-open="true"]){width:150px}
.iq-control:is(:hover,:has(:focus-visible),[data-open="true"]) .iq-cycle{gap:6px;padding:0 9px;border-radius:9px 0 0 9px}
.iq-control:is(:hover,:has(:focus-visible),[data-open="true"]) .iq-zap{width:12px;opacity:1;transform:translateX(0)}
.iq-control:is(:hover,:has(:focus-visible),[data-open="true"]) .iq-label{max-width:52px;opacity:1}
.iq-control:is(:hover,:has(:focus-visible),[data-open="true"]) .iq-menu-toggle{width:23px;border-left-width:1px;opacity:1}
.iq-control svg{display:block}
.iq-options{border-color:rgba(148,163,184,.2);box-shadow:0 16px 48px #0003,0 2px 8px #0001;backdrop-filter:blur(16px);animation:iq-menu-in .15s ease-out}
.iq-options button{min-height:36px;font-size:12px;letter-spacing:0;transition:background .12s}
.iq-option-label{display:inline-flex;align-items:center;gap:9px}
.iq-option-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#94a3b8}
.iq-option-dot[data-energy="3"]{background:#38bdf8}.iq-option-dot[data-energy="4"]{background:#a78bfa}.iq-option-dot[data-energy="5"]{background:#fbbf55}
.engine-select-row .iq-control{height:38px}
.chips-row .iq-host{align-self:center}
@keyframes iq-menu-in{from{opacity:0;transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:none){
 .iq-control:focus-within{width:150px}
 .iq-control:focus-within .iq-cycle{gap:6px;padding:0 9px}
 .iq-control:focus-within .iq-zap{width:12px;opacity:1;transform:none}
 .iq-control:focus-within .iq-label{max-width:52px;opacity:1}
 .iq-control:focus-within .iq-menu-toggle{width:23px;border-left-width:1px;opacity:1}
}
@media(prefers-reduced-motion:reduce){.iq-control,.iq-control *,.iq-options{transition:none!important;animation:none!important}}

/* Floating feedback keeps the compact button and adjacent controls in place. */
.iq-feedback{--iq-bubble-bg:#fff2cf;--iq-bubble-border:#e6ba65;position:fixed;z-index:10060;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:232px;max-width:calc(100vw - 16px);height:36px;padding:8px 12px;border:1px solid var(--iq-bubble-border);border-radius:10px;background:var(--iq-bubble-bg);color:#704612;box-shadow:0 6px 20px #0002;font:600 12px/1.5 system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;pointer-events:none;animation:iq-feedback-in .22s ease-out,iq-feedback-out .2s ease-in calc(var(--iq-feedback-duration,3s) - .2s) forwards}
.iq-feedback.iq-light{--iq-bubble-bg:#fff6df;--iq-bubble-border:#e9c782;color:#795016;box-shadow:0 5px 18px #79501617}
.iq-feedback:after{content:"";position:absolute;left:var(--iq-arrow,50%);width:8px;height:8px;background:var(--iq-bubble-bg);transform:translateX(-50%) rotate(45deg);border:solid var(--iq-bubble-border);border-width:0 1px 1px 0;bottom:-5px}
.iq-feedback[data-side="below"]:after{bottom:auto;top:-5px;transform:translateX(-50%) rotate(225deg)}
@keyframes iq-feedback-in{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:none}}
@keyframes iq-feedback-out{to{opacity:0;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.iq-feedback{animation:none}}