.ic-config-page{padding-top:47px;padding-bottom:95px}.ic-doc-breadcrumb{color:var(--ic-text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.ic-doc-breadcrumb a:hover{color:var(--ic-accent)}.ic-config-heading{justify-content:space-between;align-items:end;gap:20px;margin:28px 0;display:flex}.ic-config-heading h1{letter-spacing:-.06em;margin:12px 0;font-size:clamp(35px,4.4vw,56px)}.ic-config-heading h1 em{color:var(--ic-accent);font-style:normal}.ic-config-heading p{color:var(--ic-text-muted);max-width:600px;font-size:13px;line-height:1.7}.ic-config-columns{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:20px;display:grid}.ic-config-controls{flex-direction:column;gap:16px;display:flex}.ic-config-controls .ic-card{flex-direction:column;gap:21px;display:flex}.ic-config-controls .ic-card-header{margin-bottom:0}.ic-config-mode-row{flex-wrap:wrap;gap:6px;display:flex}.ic-config-mode-row button{color:var(--ic-text-muted);background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-md);cursor:pointer;text-transform:capitalize;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 10px;display:flex}.ic-config-mode-row .is-current{color:var(--ic-accent);border-color:var(--ic-accent)}.ic-config-toggle{border-top:1px solid var(--ic-border);border-bottom:1px solid var(--ic-border);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.ic-config-toggle div,.ic-effect-list button span{flex-direction:column;gap:5px;display:flex}.ic-config-toggle strong,.ic-effect-list strong{font-size:12px}.ic-config-toggle small,.ic-effect-list small{color:var(--ic-text-muted);font-size:10px}.ic-effect-list{gap:6px;display:grid}.ic-effect-list button{text-align:left;background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-md);color:var(--ic-text);cursor:pointer;justify-content:space-between;align-items:center;gap:9px;padding:12px 14px;transition:background .2s,border-color .2s;display:flex}.ic-effect-list button:hover{background:var(--ic-hover)}.ic-effect-list button.is-current{border-color:var(--ic-accent);color:var(--ic-accent)}.ic-config-range{width:100%;accent-color:var(--ic-accent)}.ic-config-results{align-self:start;min-width:0;position:sticky;top:20px}.ic-config-tabs-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ic-config-preview{background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-xl);margin-top:15px;padding:24px}.ic-config-preview-heading{justify-content:space-between;align-items:center;display:flex}.ic-config-preview-heading h2{letter-spacing:-.04em;margin:10px 0 5px;font-size:22px}.ic-config-preview-heading p{color:var(--ic-text-muted);font-size:11px}.ic-config-preview-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 11px;display:grid}.ic-config-preview-grid h2{letter-spacing:-.05em;margin:11px 0;font-size:29px}.ic-config-preview-work{padding:18px}.ic-config-preview-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.ic-config-hint{color:var(--ic-text-muted);margin:17px 0 0;font-size:11px;line-height:1.7}.ic-config-code-toolbar{background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-lg) var(--ic-radius-lg) 0 0;color:var(--ic-text-muted);justify-content:space-between;align-items:center;margin-top:15px;padding:13px 17px;font-size:12px;display:flex}.ic-config-code{background:var(--ic-panel);border:1px solid var(--ic-border);border-radius:0 0 var(--ic-radius-lg) var(--ic-radius-lg);color:var(--ic-accent);border-top:0;margin:0;padding:22px;font-size:12px;line-height:1.8;overflow:auto}.ic-config-note{background:var(--ic-panel-muted);align-items:flex-start;gap:12px;margin-top:16px;display:flex}.ic-config-note svg{color:var(--ic-accent);flex-shrink:0}.ic-config-note strong{font-size:12px}.ic-config-note p{color:var(--ic-text-muted);margin:6px 0 0;font-size:11px;line-height:1.7}@media (max-width:850px){.ic-config-columns{grid-template-columns:1fr}.ic-config-results{position:static}.ic-config-heading{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.ic-config-preview{padding:14px}.ic-config-preview-grid{grid-template-columns:1fr}.ic-config-heading h1{font-size:37px}}