.cfg-tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:10px;margin-bottom:24px;padding-bottom:6px;display:grid;overflow-x:auto}.cfg-tab{text-align:start;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,background .2s,color .2s;display:flex}.cfg-tab:hover{border-color:var(--steel);color:var(--text)}.cfg-tab[aria-selected=true]{color:var(--text);border-color:var(--green-light);background:color-mix(in srgb, var(--green) 22%, var(--surface));box-shadow:inset 0 -3px 0 var(--green-light)}.cfg-tab strong{font-family:var(--font-display);font-size:1rem;font-weight:600;display:block}.cfg-tab small{color:var(--text-faint);font-size:.78rem;display:block}.cfg-tab-icon{background:var(--bg-2);width:54px;height:42px;color:var(--green-light);border-radius:10px;flex:none;place-items:center;display:grid}.cfg-tab-icon svg{width:46px;height:34px}.cfg-tab[aria-selected=true] .cfg-tab-icon{color:#fff;background:var(--green)}@media (width<=700px){.cfg-tabs{grid-template-columns:1fr 1fr;grid-auto-columns:auto;grid-auto-flow:row;gap:8px;overflow:visible}.cfg-tab{gap:10px;padding:10px}.cfg-tab strong{font-size:.88rem;line-height:1.2}.cfg-tab small{display:none}.cfg-tab-icon{width:38px;height:32px}.cfg-tab-icon svg{width:32px;height:26px}}.cfg-panel[hidden]{display:none}.cfg-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1040px){.cfg-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}.cfg-out{top:calc(var(--header-h) + 16px);position:sticky}}.cfg-form .config-step{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=560px){.cfg-form .config-step{grid-template-columns:1fr 1fr}.cfg-form .config-step>h3,.cfg-form .config-step>.cfg-fieldset,.cfg-form .config-step>.full{grid-column:1/-1}}.cfg-form .config-step>h3{margin-bottom:0}.cfg-fieldset{border:0;min-width:0;margin:0;padding:0}.cfg-fieldset legend{color:var(--text-dim);margin-bottom:8px;padding:0;font-size:.82rem;font-weight:500}.cfg-fieldset .hint{margin:8px 0 0}.option-grid-wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cfg-form .field .hint{margin:0}.num-wrap{align-items:center;display:flex;position:relative}.num-wrap .input{font-variant-numeric:tabular-nums;padding-inline-end:64px}.num-wrap .unit{color:var(--text-faint);pointer-events:none;font-size:.8rem;position:absolute;inset-inline-end:14px}.cfg-out .config-panel{gap:14px;display:grid}.cfg-out-head{flex-wrap:wrap;gap:8px;display:flex}.cfg-k{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.72rem}.cfg-out .ref-box{margin-top:-6px}.cfg-out .ref-box>span{overflow-wrap:anywhere}.cfg-designation{color:var(--text-dim);margin:0;font-size:.92rem}.cfg-out .out-grid .v{font-size:1.05rem}@media (width<=480px){.cfg-out .out-grid{grid-template-columns:1fr 1fr}.cfg-out .out-grid>div:last-child{grid-column:1/-1}}.cfg-drawing{padding:10px}.cfg-drawing svg{width:100%;height:auto;max-height:420px;display:block}.cfg-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cfg-notes:empty{display:none}.cfg-note{border:1px solid var(--line);border-inline-start:3px solid var(--steel);background:var(--bg-2);color:var(--text-dim);border-radius:10px;padding:10px 12px;font-size:.85rem}.cfg-note-info{border-inline-start-color:var(--green-light)}.cfg-note-warn{color:#6e460a;border-inline-start-color:#c98a2b}.cfg-rows{grid-template-columns:minmax(130px,auto) 1fr}.cfg-sub{margin:6px 0 10px;font-size:.95rem}.cfg-hyp{margin:0}.compat-list,.eq-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.compat-item{border:1px solid var(--line-soft);background:var(--bg-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.compat-item strong{font-size:.92rem;display:block}.compat-item .hint{margin:2px 0 0;display:block}.compat-item.is-current{border-color:color-mix(in srgb, var(--green-light) 60%, transparent)}.eq-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.eq-list li{border:1px solid var(--line-soft);background:var(--bg-2);color:var(--text);border-radius:8px;padding:8px 12px;font-size:.85rem}.cfg-actions{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=520px){.cfg-actions{grid-template-columns:1fr 1fr 1fr}}.cfg-actions .btn{white-space:normal;text-align:center;line-height:1.2}.cfg-legal{margin:0}
