config-builder{display:block}config-builder .layout{gap:1.5rem;display:grid}@media (width>=64rem){config-builder .layout{grid-template-columns:minmax(0,1fr) 21rem;align-items:start}config-builder .preview{top:calc(var(--sl-nav-height) + 1rem);position:sticky}}config-builder .toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}config-builder .filter{flex:1;min-width:12rem}config-builder :is(.filter,input[type=text],input[type=number],select){border:2px solid var(--ore-outline);background:var(--ore-bg-deep);box-shadow:inset 0 3px 0 var(--ore-shade);color:var(--ore-text);font:inherit;font-size:var(--sl-text-sm);border-radius:0;padding:.45rem .65rem}config-builder :is(.filter,input,select):focus{border-color:var(--accent);outline:none}config-builder .file{cursor:pointer}config-builder .group{border:2px solid var(--ore-outline);background:var(--ore-panel);box-shadow:0 4px 0 var(--ore-shade);margin-top:1rem}config-builder .group h3{border-bottom:2px solid var(--ore-outline);background:var(--ore-panel-high);color:var(--ore-text);font-size:var(--sl-text-base);margin:0;padding:.55rem 1rem .6rem}config-builder .row{background-image:linear-gradient(var(--accent), var(--accent));transition:background-size .2s var(--basalt-ease), background-color .12s;background-position:0 0;background-repeat:no-repeat;background-size:0 100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1.25rem;margin:0;padding:.75rem 1rem;display:grid}config-builder .row+.row{border-top:2px solid var(--ore-outline)}config-builder .row:hover{background-color:var(--ore-panel-high)}config-builder .row[data-changed]{background-size:4px 100%}config-builder .row[hidden],config-builder .group[hidden]{display:none}config-builder .name{color:var(--ore-text);font-size:var(--sl-text-sm);font-weight:700}config-builder .info p{color:var(--ore-text-faint);font-size:var(--sl-text-xs);margin:.2rem 0 0;line-height:1.5}config-builder .info code:not(.name){background:var(--ore-bg-deep);color:var(--ore-text-dim);border:1px solid #2a2a2e;padding:0 .3em}config-builder .info a{color:var(--accent-text)}config-builder .control{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}config-builder .control input[type=text]{width:13rem}config-builder .reset{color:var(--ore-text-faint);font-family:var(--sl-font-mono);cursor:pointer;visibility:hidden;background:0 0;border:0;padding:0;font-size:.66rem}config-builder .row[data-changed] .reset{visibility:visible}config-builder .reset:hover{color:var(--accent-text);text-decoration:underline}@media (width<=40rem){config-builder .row{grid-template-columns:1fr}config-builder .control{align-items:flex-start}config-builder .control input[type=text]{width:100%}}config-builder .switch{border:2px solid var(--ore-outline);width:3.4rem;height:1.9rem;box-shadow:inset 0 3px 0 var(--ore-shade);cursor:pointer;background:#303034;padding:0;transition:background-color .15s;position:relative}config-builder .switch[aria-checked=true]{background:var(--accent)}config-builder .knob{border:2px solid var(--ore-outline);width:1.3rem;height:1.3rem;transition:translate .15s var(--basalt-ease);background:#d0d1d4;position:absolute;top:.15rem;left:.15rem;box-shadow:inset 0 -3px #8a8c92}config-builder .switch[aria-checked=true] .knob{translate:1.5rem}config-builder .stepper{display:inline-flex}config-builder .stepper input{text-align:center;-moz-appearance:textfield;width:6.5rem;font-family:var(--sl-font-mono)!important;border-inline:0!important}config-builder .stepper input::-webkit-inner-spin-button{display:none}config-builder .step{border:2px solid var(--ore-outline);background:var(--ore-btn);width:2rem;box-shadow:inset 0 -3px 0 var(--ore-btn-lip), inset 0 2px 0 var(--ore-btn-top);color:#fff;cursor:pointer;font-weight:800}config-builder .step:hover{background:var(--ore-btn-hover)}config-builder .step:active{box-shadow:inset 0 -1px 0 var(--ore-btn-lip)}config-builder select{cursor:pointer;min-width:9rem}config-builder .preview{border:2px solid var(--ore-outline);background:var(--ore-panel);box-shadow:0 4px 0 var(--ore-shade)}config-builder .preview-head{border-bottom:2px solid var(--ore-outline);background:var(--ore-panel-high);color:var(--ore-text);font-family:var(--sl-font-mono);justify-content:space-between;align-items:center;padding:.55rem .9rem .6rem;display:flex}config-builder .count{color:var(--accent-text);font-family:var(--sl-font);font-size:var(--sl-text-xs);font-weight:700}config-builder pre{border-bottom:2px solid var(--ore-outline);background:var(--ore-bg-deep);max-height:22rem;color:var(--ore-text-dim);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.8rem .9rem;font-size:.8rem;line-height:1.6;overflow:auto}config-builder .all{color:var(--ore-text-dim);font-size:var(--sl-text-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.6rem .9rem 0;display:flex}config-builder .all input{accent-color:var(--accent)}config-builder .actions{flex-wrap:wrap;gap:.5rem;padding:.75rem .9rem;display:flex}config-builder .hint,config-builder .nothing{color:var(--ore-text-faint);font-size:var(--sl-text-xs);margin:0;padding:0 .9rem .85rem;line-height:1.5}config-builder .nothing{padding:1rem 0}
