/* 由 build.mjs 產生，請勿直接修改此檔 —— 改 src/ 底下的來源再跑 `node build.mjs` */
.dd{position:relative}
.dd-trig{
display:inline-flex;align-items:stretch;gap:0;
min-width:132px;cursor:pointer;font:inherit;font-size:13px;color:var(--text);
background:var(--card);border:1px solid var(--line-strong, var(--line));border-radius:var(--r-ctl, 6px);
padding:0;line-height:1.5;overflow:hidden;
}
.dd-trig:hover,.dd.open .dd-trig{border-color:var(--brand)}
.dd-trig:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus)}
.dd-trig .dd-val{flex:1 1 auto;text-align:center;padding:5px 10px;color:var(--text)}
.dd-trig .dd-unit{
flex:0 0 auto;width:40px;box-sizing:border-box;padding:5px 0;
color:var(--text-dim);font-size:12px;font-weight:600;text-align:center;
background:var(--tint, var(--brand-soft));border-left:1px solid var(--line-strong, var(--line));white-space:nowrap;
}
.dd-trig .caret{
flex:0 0 auto;display:flex;align-items:center;font-size:10px;color:var(--text-dim);
transition:transform .15s;padding:0 8px;background:var(--tint, var(--brand-soft));
}
.dd.open .dd-trig .caret{transform:rotate(180deg);color:var(--brand)}
.fld-trig{display:none}
.radiogrid{
display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px 4px;
position:absolute;top:calc(100% + 4px);left:0;z-index:30;
border:1px solid var(--line-strong, var(--line));border-radius:var(--r-ctl, 6px);padding:10px 12px;
background:var(--card);box-shadow:0 4px 14px var(--shadow, rgba(0,0,0,.12));
width:min(560px, calc(100vw - 48px));
max-height:min(60vh, 440px, var(--quantity-available-height, 100vh));overflow-y:auto;
}
.dd.open .radiogrid{display:grid}
.radiogrid.sm{grid-template-columns:repeat(4,minmax(0,1fr));width:auto;min-width:230px}
.radio{
display:flex;align-items:center;gap:6px;cursor:pointer;
background:none;border:none;padding:6px 8px;font:inherit;font-size:13px;color:var(--text-dim);
text-align:left;line-height:1.4;border-radius:var(--r-ctl, 6px);
}
.radio:hover{color:var(--brand-dark);background:var(--tint, var(--brand-soft))}
.radio .dot{
flex:0 0 auto;width:13px;height:13px;border-radius:50%;
border:1px solid var(--line-strong, var(--line));background:var(--card);position:relative;
}
.radio:hover .dot{border-color:var(--brand)}
.radio.on{color:var(--brand-dark);font-weight:600;background:var(--brand-soft)}
.radio.on .dot{border-color:var(--brand);border-width:2px}
.radio.on .dot::after{
content:"";position:absolute;inset:2px;border-radius:50%;background:var(--brand);
}
.radio:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus)}
@media (max-width:600px) {
.dd-trig{min-height:44px}
.dd-trig .dd-val{padding:0 10px;font-size:15px;display:flex;align-items:center;justify-content:center}
.dd-trig .dd-unit,.dd-trig .caret{display:flex;align-items:center;justify-content:center}
.radiogrid{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100vw - 56px);padding:8px}
.radiogrid.sm{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100vw - 56px);min-width:0}
.radio{padding:10px 8px;min-height:44px;font-size:15px}
}