.studio-color-inspector{min-width:0;font:var(--studio-text-control)/var(--studio-line-ui) var(--studio-font-ui)}.studio-color-inspector .studio-section-body{gap:12px}.studio-color-channel-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--studio-text-meta);color:var(--studio-muted)}.studio-color-hex-field>label,.studio-color-text-field{display:grid;gap:6px;font-size:var(--studio-text-label)}.studio-color-hex-field>label{margin-bottom:6px}.studio-color-hex-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px}.studio-color-channel-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;margin:6px 0 0;color:var(--studio-muted);font-size:var(--studio-text-meta)}.studio-color-channel-meta code{font:inherit;font-family:var(--font-mono),monospace}.studio-color-inspector .studio-color-channel-sample{padding:0;width:38px;height:38px;border:1px solid var(--studio-rule);font:500 var(--studio-text-panel)/1 var(--studio-font-ui)}.studio-color-hex-field .ui-input{min-width:0;width:100%;font:var(--studio-text-control)/var(--studio-line-ui) var(--font-mono),monospace}.studio-color-hex-error{display:block;margin-top:6px;font-size:var(--studio-text-meta);color:var(--studio-danger)}.studio-color-target-note{margin:0;color:var(--studio-muted);font-size:var(--studio-text-meta)}.studio-color-contrast-ratio{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.studio-color-contrast-ratio>span:first-child{font:var(--studio-text-number)/1 var(--font-mono),monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.studio-color-contrast-ratio small{font-size:var(--studio-text-meta);margin-left:4px}.studio-color-contrast-ratio>span:last-child{color:var(--studio-muted);font-size:var(--studio-text-meta)}.studio-color-contrast-grades{display:grid;gap:8px}.studio-color-contrast-grades>div{display:flex;justify-content:space-between;gap:12px;font-size:var(--studio-text-label)}.studio-color-contrast-grades small{display:block;color:var(--studio-muted);font-size:var(--studio-text-meta)}.studio-color-contrast-grades strong{display:flex;align-items:center;gap:4px;font-size:var(--studio-text-meta);font-weight:500}.studio-color-contrast-grades [data-pass=false]{color:var(--studio-muted)}.studio-color-reference-link{display:inline-flex;align-items:center;gap:6px;color:var(--studio-text);font-size:var(--studio-text-meta);text-decoration:underline;text-underline-offset:3px}.studio-color-selected-swatch{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:8px}.studio-color-selected-fill{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--studio-rule);border-radius:5px;font-size:var(--studio-text-panel)}.studio-color-selected-swatch strong{display:block;font-size:var(--studio-text-panel);font-weight:500;overflow-wrap:anywhere}.studio-color-selected-swatch code{color:var(--studio-muted);font:var(--studio-text-meta)/var(--studio-line-ui) var(--font-mono),monospace}.studio-color-swatch-metadata{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:start;gap:10px 8px;margin:0;font-size:var(--studio-text-label)}.studio-color-swatch-metadata dt{color:var(--studio-muted)}.studio-color-swatch-metadata dd{display:grid;gap:4px;margin:0;min-width:0;overflow-wrap:anywhere}.studio-color-swatch-metadata code{font:var(--studio-text-meta)/var(--studio-line-ui) var(--font-mono),monospace}.studio-color-swatch-metadata small{color:var(--studio-muted);font-size:var(--studio-text-meta)}.studio-color-text-field .ui-input{width:100%;min-width:0;font-size:var(--studio-text-control)}.studio-color-text-field textarea{min-height:84px;line-height:var(--studio-line-ui);resize:vertical}.studio-color-saved-preview{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px}.studio-color-saved-preview>span{display:grid;place-items:center;border:1px solid var(--studio-rule);border-radius:5px;width:44px;height:44px;font-size:var(--studio-text-panel)}.studio-color-saved-preview>div{display:grid;gap:3px;min-width:0}.studio-color-saved-preview strong{font-size:var(--studio-text-label);font-weight:500;overflow-wrap:anywhere}.studio-color-saved-preview code,.studio-color-saved-preview small{font:var(--studio-text-meta)/var(--studio-line-ui) var(--font-mono),monospace;color:var(--studio-muted);overflow-wrap:anywhere}.studio-color-saved-actions{display:flex;align-items:center;gap:8px}.studio-color-inspector-footer{padding:12px 16px;border-top:1px solid var(--studio-rule);background:var(--studio-panel)}.studio-color-inspector-footer .ui-button{width:100%}.studio-color-swatch-dialog{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}.studio-color-swatch-dialog label{display:grid;gap:6px;font-size:var(--studio-text-label)}.studio-color-swatch-dialog .ui-input{width:100%;font-size:var(--studio-text-control)}.studio-color-swatch-dialog textarea{min-height:120px;font-family:var(--font-mono),monospace;line-height:var(--studio-line-ui)}.studio-color-inspector .studio-color-form-error,.studio-color-swatch-dialog .studio-color-form-error{color:var(--studio-danger);font-size:var(--studio-text-label)}.studio-color-swatch-dialog .studio-color-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}