body{color:var(--fg)}.cfg-header{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;height:44px;padding:0 14px;display:flex}.cfg-header .title{margin-right:auto;font-weight:600}.cfg-header a{color:var(--muted);text-decoration:none}.cfg-header a:hover{color:var(--fg)}.cfg{flex:1;grid-template-columns:minmax(22rem,32rem) minmax(0,1fr);gap:12px;min-height:0;padding:12px;display:grid}.cfg-form,.cfg-side{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.cfg-form section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex}.cfg-form h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}.cfg-form .row{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-label{color:var(--muted);align-items:baseline;gap:6px;font-size:12px;display:flex}.field-hint{opacity:.75;font-size:11px}.field-hint:before{content:"· "}.field .select-trigger{height:var(--control-height)}.field .select-trigger .value{overflow:hidden}.code-editor{resize:vertical;border:1px solid var(--control-border);background:var(--bg);border-radius:6px;height:12rem;min-height:6rem;font-size:12px;overflow:auto}.code-editor:focus-within,.cfg-form .dialog-input:focus{outline:1px solid var(--accent);outline-offset:-1px}.segmented button{white-space:nowrap}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--control-border);height:24px;color:var(--muted);font:12px var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.chip:hover{background:var(--control);color:var(--fg)}.chip[aria-pressed=true],.chip[data-pressed]{border-color:color-mix(in srgb, var(--accent) 60%, var(--control-border));background:color-mix(in srgb, var(--accent) 16%, var(--panel));color:var(--fg)}.chip i{font-size:12px}.accent{align-items:center;gap:6px;display:flex}.accent input[type=color]{width:28px;height:var(--control-height);border:1px solid var(--control-border);background:var(--control);cursor:pointer;border-radius:6px;flex:none;padding:2px}.accent .clear{width:var(--control-height);height:var(--control-height);border:1px solid var(--control-border);background:var(--control);color:var(--muted);cursor:pointer;border-radius:6px;flex:none;place-items:center;display:grid}.accent .clear:hover{color:var(--fg);background:var(--control-hover)}.live{flex:none}.snippet{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex:none;overflow:hidden}.snippet .copy{margin:0 var(--pad) 0 auto;border:1px solid var(--control-border);border-radius:var(--inner-radius);background:var(--control);color:var(--fg);font:inherit;cursor:pointer;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:12px;display:flex}.snippet .copy:hover{background:var(--control-hover)}.snippet-code{font:12px/1.6 var(--font-mono);white-space:pre;margin:0;padding:12px 14px;overflow-x:auto}@media (width<=860px){body{height:auto}.cfg{grid-template-columns:1fr}.cfg-form,.cfg-side{overflow:visible}}