.converter-panel__section{display:flex;flex-direction:column;gap:var(--space-4)}.converter-panel__header{display:flex;align-items:center;justify-content:space-between}.converter-panel__label{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.converter-panel__reset{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.converter-panel__reset:hover{color:var(--color-accent);border-color:var(--color-accent)}.converter-panel--stacked{gap:var(--space-8)}.match-input-panel{gap:var(--space-4)}.match-result-board{min-height:100%}.js-copy-btn{white-space:nowrap}.slider-group{display:flex;flex-direction:column;gap:var(--space-4)}.color-slider{display:flex;align-items:center;gap:var(--space-3);width:100%;margin-bottom:8px}.color-slider__label{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-normal);width:20px;flex-shrink:0;text-align:center}.color-slider__track-wrapper{flex:1;position:relative;height:28px;display:flex;align-items:center}.color-slider__track{width:100%;height:8px;border-radius:var(--radius-full);background:var(--track-bg);position:relative;overflow:hidden}.color-slider__fill{height:100%;border-radius:var(--radius-full);position:absolute;top:0;left:0;transition:width .05s ease-out}.color-slider__range{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;-webkit-appearance:none;appearance:none}.color-slider__number{width:52px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;color:var(--text-primary);background:var(--bg-white);transition:border-color var(--transition-fast);-moz-appearance:textfield;appearance:textfield}.color-slider__number::-webkit-inner-spin-button,.color-slider__number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-slider__number:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.color-slider__unit{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.color-slider__thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:var(--radius-full);background:#fff;border:2px solid var(--color-accent);transform:translate(-50%,-50%);pointer-events:none;box-shadow:var(--shadow-sm)}.hue-track{background:var(--gradient-hue-spectrum)!important}.color-preview{margin-top:var(--space-3);margin-bottom:var(--space-3)}.color-preview__swatch{width:100%;height:48px;border-radius:var(--radius-md);background:var(--track-bg);border:1px solid var(--border);display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}.color-preview__info{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center;display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;align-items:center}.result-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;width:100%}.result-card--visible{display:flex}.result-card__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);flex:1;min-width:0}.result-card__info--full{gap:var(--space-2)}.result-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.result-card__name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.result-card__copy-btn{flex-shrink:0;align-self:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.result-card__copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.result-card__copy-btn:active{background:var(--border-light)}.result-card__swatch{width:64px;height:64px;background:var(--track-bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;cursor:pointer;transition:transform var(--transition-fast);position:relative}.result-card__swatch:hover{transform:scale(1.05)}.result-card__swatch:active{transform:scale(.95)}.result-detail{display:flex;gap:var(--space-4);margin-block:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.result-detail__item strong{color:var(--text-primary)}.gamut-warn{display:block;margin-top:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-surface);color:var(--color-warning-text);font-size:var(--text-xs);font-weight:var(--font-semibold)}.cmyk-bars{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-2)}.cmyk-bar{display:flex;align-items:center;gap:var(--space-2)}.cmyk-bar__label{width:16px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted)}.cmyk-bar__label--c{color:var(--slider-cyan)}.cmyk-bar__label--m{color:var(--slider-magenta)}.cmyk-bar__label--y{color:var(--slider-yellow)}.cmyk-bar__label--k{color:var(--text-primary)}.cmyk-bar__track{flex:1;height:8px;background:var(--bg-light);border-radius:var(--radius-md);overflow:hidden}.cmyk-bar__fill{height:100%;border-radius:var(--radius-md);transition:width var(--transition-fast)}.cmyk-bar__fill--c{background:var(--slider-cyan)}.cmyk-bar__fill--m{background:var(--slider-magenta)}.cmyk-bar__fill--y{background:var(--slider-yellow)}.cmyk-bar__fill--k{background:var(--slider-key)}.cmyk-bar__val,.cmyk-bar__value{width:40px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:right}.tic-indicator{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-1-5);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-light);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium)}.tic-label{font-weight:var(--font-bold);color:var(--text-primary)}.tool-tic--safe{background:var(--color-success-light);color:var(--color-success-strong)}.tool-tic--warning{background:var(--color-warning-light);color:var(--color-warning-text)}.tool-tic--danger{background:var(--color-error-light);color:var(--color-error-strong)}.hex-input-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.hex-input__label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.hex-input__row{display:flex;align-items:center;gap:0}.hex-input__hash{padding:var(--space-2) var(--space-2-5);background:var(--bg-surface);border:1px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-muted)}.hex-input__field{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-right:none;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-white);text-transform:uppercase;letter-spacing:var(--tracking-ultra);height:42px}.hex-input__field:focus{outline:none;border-color:var(--color-accent);z-index:10;position:relative;box-shadow:0 0 0 3px var(--color-accent-light)}.hex-input__field::placeholder{color:var(--text-muted);opacity:.5}.hex-input__apply{padding:var(--space-2) var(--space-4);white-space:nowrap;height:42px;background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.hex-input__apply:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.hex-input-row{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.hex-input-row:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.hex-prefix{padding:var(--space-3-5) 0 var(--space-3-5) var(--space-4-5);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-muted);user-select:none}.hex-input{flex:1;padding:var(--space-3-5) var(--space-4-5) var(--space-3-5) var(--space-2);border:none;outline:none;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);background:transparent;text-transform:uppercase;letter-spacing:.08em}.hex-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hex-preset{padding:var(--space-1-5) var(--space-3-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border)}.hex-preset:hover{background:var(--color-accent);color:var(--text-white);border-color:var(--color-accent)}.copy-btn-enhanced{display:inline-flex;align-items:center;gap:var(--space-1-5);transition:all var(--transition-fast)}.copy-btn-enhanced.copied{border-color:var(--color-success)!important;color:var(--color-success)!important;background:var(--color-success-light)!important}.reverse-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);text-decoration:none;transition:all var(--transition-fast)}.reverse-link:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.converter-panel,.advanced-picker-panel{--tool-chip-min: 88px;--tool-chip-code-size: var(--text-3xs);--tool-chip-label-max-width: none;--tool-chip-bg: var(--bg-white);--tool-chip-bg-hover: var(--bg-surface);--tool-chip-bg-active: var(--color-accent-soft);--tool-chip-border-active: var(--color-accent);--tool-result-highlight-border: var(--color-primary);--tool-result-highlight-bg: color-mix(in srgb, var(--color-accent-soft) 76%, white 24%)}.converter-panel--catalog-ncs{--tool-chip-min: 110px;--tool-chip-code-size: var(--text-5xs);--tool-chip-bg: var(--bg-surface);--tool-chip-bg-active: var(--color-accent-soft);--tool-chip-border-active: var(--color-primary)}.converter-panel--catalog-compact{--tool-chip-min: 72px;--tool-chip-code-size: var(--text-3xs);--tool-chip-label-max-width: 56px;--tool-chip-bg: transparent;--tool-chip-bg-hover: var(--bg-light);--tool-chip-bg-active: var(--bg-surface);--tool-chip-border-active: var(--color-accent)}.tool-control-row,.base-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center}.tool-panel,.tool-readout-panel{display:flex;flex-direction:column;gap:var(--space-4);margin:0;min-width:0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm)}.tool-panel--compact{padding:var(--space-4);gap:var(--space-3)}.tool-panel__header,.tool-readout-panel__header{display:flex;flex-direction:column;gap:var(--space-2)}.tool-panel__eyebrow,.tool-preview-panel__eyebrow,.tool-readout-panel__eyebrow{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.tool-panel__title,.tool-readout-panel__title{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.12}.tool-panel__text,.tool-readout-panel__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.tool-panel__meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.tool-panel__meta-item{display:flex;flex-direction:column;gap:var(--space-1);min-height:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass)}.tool-panel__meta-label{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.tool-panel__meta-value{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.tool-preview-panel{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:var(--space-5);align-items:stretch;min-width:0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm)}.tool-preview-panel__swatch{min-height:184px;border:1px solid var(--alpha-black-10);border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.tool-preview-panel__content{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.tool-preview-panel__value{margin:0;font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.05;letter-spacing:.04em}.tool-preview-panel__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool-preview-panel__meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-glass);box-shadow:var(--surface-outline);font-size:var(--text-sm);color:var(--text-secondary)}.tool-preview-panel__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.tool-preview-panel__actions,.tool-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tool-image-results{display:flex;flex-direction:column;gap:var(--space-4)}.color-picker-lg{width:68px;height:56px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-tinted);box-shadow:inset 0 1px 0 var(--alpha-white-56);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.color-picker-lg:hover{border-color:var(--color-primary-light);transform:translateY(-1px)}.color-picker-lg:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.tool-segmented,.harmony-pills,.type-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);background:var(--surface-card-soft)}.tool-segmented__button,.harmony-pill,.type-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-soft);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.tool-segmented__button:hover,.harmony-pill:hover,.type-pill:hover{color:var(--text-primary);background:var(--surface-glass);border-color:var(--alpha-black-08)}.tool-segmented__button.active,.harmony-pill.active,.type-pill.active{color:var(--text-white);background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-primary-sm)}.tool-search-input,.converter-panel .search-input,.converter-panel .pantone-search__input{width:100%;min-height:48px;padding:var(--space-3-5) var(--space-4-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-tinted);box-shadow:inset 0 1px 0 var(--alpha-white-56);color:var(--text-primary);font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.tool-search-input::placeholder,.converter-panel .search-input::placeholder,.converter-panel .pantone-search__input::placeholder{color:var(--text-muted)}.tool-search-input:focus,.converter-panel .search-input:focus,.converter-panel .pantone-search__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.converter-panel .pantone-search{position:relative}.converter-panel .pantone-search__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.converter-panel .pantone-search__input{padding-left:calc(var(--space-12) + var(--space-1))}.tool-chip-grid,.ral-grid,.pantone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tool-chip-min),1fr));gap:var(--space-2);max-height:304px;overflow-y:auto;padding:var(--space-1-5);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);background:var(--surface-card-soft);scrollbar-width:thin}.lookup-search-panel__catalog>.tool-chip-grid,.lookup-search-panel__catalog>.ral-grid,.lookup-search-panel__catalog>.pantone-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr));align-items:stretch;align-content:start;min-height:0;max-height:clamp(280px,40vh,420px);overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.tool-quickpick-block{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);background:var(--surface-card-soft)}.tool-quickpick-block__header{display:flex;flex-direction:column;gap:var(--space-1)}.tool-quickpick-block__eyebrow{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.tool-quickpick-block__title{margin:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.tool-quickpicks{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--space-2)}.tool-quickpick{appearance:none;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%;min-height:0;padding:var(--space-2-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.tool-quickpick:hover{transform:translateY(-1px);border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);background:var(--bg-white)}.tool-quickpick:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.tool-quickpick__swatch{position:relative;width:100%;min-height:68px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--text-primary) 14%,transparent);box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 3px color-mix(in srgb,var(--bg-white) 92%,var(--color-primary-light) 8%)}.tool-quickpick__content{min-width:0;display:flex;flex-direction:column;gap:3px}.tool-quickpick__label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.3}.tool-quickpick__meta{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;white-space:normal;overflow-wrap:anywhere}.lookup-choice{appearance:none;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-2) var(--space-2-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.lookup-choice:hover{border-color:var(--color-primary-light);background:var(--surface-card-soft)}.lookup-choice:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.lookup-choice__swatch{width:26px;height:26px;min-height:26px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--text-primary) 14%,transparent);box-shadow:inset 0 0 0 1px #fff3}.lookup-choice__body{min-width:0;display:flex;align-items:center;min-height:100%}.lookup-choice__code{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}.lookup-choice__meta,.lookup-choice__action{display:none}.lookup-choice.active{border-color:color-mix(in srgb,var(--color-error) 28%,var(--border));background:color-mix(in srgb,var(--color-error-light) 28%,var(--bg-white))}.lookup-choice.active .lookup-choice__code{color:var(--color-error)}.lookup-workspace,.match-workspace{display:flex;flex-direction:column;gap:var(--space-4)}.lookup-workspace__shell,.match-workspace__shell{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:var(--space-4);align-items:start}.lookup-search-panel,.match-input-panel,.lookup-workspace__stage,.match-workspace__stage{min-width:0}.lookup-search-panel,.match-input-panel,.lookup-empty,.lookup-selection-card,.lookup-result-board,.match-source-card,.match-result-board{display:flex;flex-direction:column;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm)}.lookup-search-panel{position:sticky;top:calc(var(--header-height) + var(--space-5));gap:var(--space-3);max-height:calc(100vh - var(--header-height) - var(--space-8));overflow:hidden}.match-input-panel{gap:var(--space-4);position:sticky;top:calc(var(--header-height) + var(--space-5));align-self:start}.lookup-search-panel__header,.lookup-search-panel__catalog-head,.match-input-panel__header,.lookup-empty,.lookup-selection-card,.lookup-result-board,.match-source-card,.match-result-board{gap:var(--space-2)}.lookup-search-panel__header{max-width:68rem}.match-input-panel__header{display:flex;flex-direction:column;gap:var(--space-2)}.lookup-search-panel__title,.match-input-panel__title{margin:0;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.lookup-search-panel__search{display:flex;flex-direction:column;gap:var(--space-2)}.lookup-search-panel__catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:start;align-content:start}.lookup-search-panel__catalog{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;flex:1 1 auto}.lookup-search-panel__catalog-text{margin:0;font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-muted)}.lookup-empty__text,.lookup-selection-card__note,.lookup-result-board__text,.lookup-result-route__text,.match-source-card__note,.match-result-board__text,.match-result-route__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.lookup-search-panel__catalog-eyebrow,.lookup-empty__eyebrow,.lookup-selection-card__eyebrow,.lookup-result-board__eyebrow,.match-source-card__eyebrow,.match-result-board__eyebrow{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.lookup-search-panel__catalog-grid{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-1);overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}.lookup-no-results{grid-column:1 / -1;padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-card-soft);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.lookup-workspace__stage,.match-workspace__stage{display:flex;flex-direction:column;gap:var(--space-3)}.tool-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3)}.tool-workflow-card{display:flex;flex-direction:column;gap:var(--space-1-5);min-height:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-soft);box-shadow:var(--shadow-xs)}.tool-workflow-card__label{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.tool-workflow-card__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.lookup-empty{justify-content:center;min-height:160px}.lookup-empty__title,.lookup-result-board__title,.match-result-board__title{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.1}.lookup-selection-card__body,.match-source-card__body{display:grid;grid-template-columns:clamp(132px,12vw,176px) minmax(0,1fr);gap:var(--space-3);align-items:center}.lookup-selection-card__swatch,.match-source-card__swatch{min-height:112px;border-radius:var(--radius-xl);border:1px solid var(--alpha-black-10);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.lookup-selection-card__copy,.match-source-card__copy{display:flex;flex-direction:column;gap:var(--space-1-5);min-width:0;max-width:58rem}.lookup-selection-card__system,.match-source-card__system{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.lookup-selection-card__code,.match-source-card__code{margin:0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.05}.lookup-selection-card__name,.match-source-card__name{margin:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary)}.lookup-result-board,.match-result-board{gap:var(--space-3)}.lookup-result-board__top,.match-result-board__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.lookup-result-board__copy,.match-result-board__copy{display:flex;flex-direction:column;gap:var(--space-1-5);max-width:60rem}.lookup-result-board__share,.match-result-board__share,.lookup-output-card__copy{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:var(--space-2-5) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-glass);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.lookup-result-board__share:hover,.match-result-board__share:hover,.lookup-output-card__copy:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--bg-white);transform:translateY(-1px)}.lookup-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.lookup-output-card{display:flex;flex-direction:column;gap:var(--space-2);min-height:144px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-card-tinted);box-shadow:inset 0 1px 0 var(--alpha-white-56)}.lookup-output-card--primary,.lookup-output-card--wide{grid-column:span 2}.lookup-output-card__label{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.lookup-output-card__value{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.1;letter-spacing:.03em}.lookup-output-card__value--mono{font-family:var(--font-mono);letter-spacing:0}.lookup-output-card__meta{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.lookup-output-card__hero{display:grid;grid-template-columns:clamp(132px,16vw,188px) minmax(0,1fr);gap:var(--space-3);align-items:stretch}.lookup-output-card--stacked .lookup-output-card__hero{grid-template-columns:1fr}.lookup-output-card--stacked .lookup-output-card__swatch{min-height:184px}.lookup-output-card__swatch{min-height:124px;border-radius:var(--radius-xl);border:1px solid var(--alpha-black-10);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.lookup-output-card__stack{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.lookup-output-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.lookup-output-card__copy{margin-top:auto;align-self:flex-start}.lookup-channel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.lookup-channel-list--cmyk{grid-template-columns:repeat(4,minmax(0,1fr))}.lookup-channel-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass)}.lookup-channel-item__label{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.lookup-channel-item__value{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.lookup-output-card .cmyk-bars,.lookup-output-card .tic-indicator{margin-top:0}.lookup-result-routes,.match-result-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3)}.lookup-result-route,.match-result-route{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass);color:var(--text-primary);text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.lookup-result-route:hover,.match-result-route:hover{transform:translateY(-1px);border-color:var(--color-primary-light);background:var(--bg-white);box-shadow:var(--shadow-sm)}.lookup-result-route__label,.match-result-route__label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.lookup-workspace__aux,.match-workspace__aux{display:flex;flex-direction:column;gap:var(--space-5)}.lookup-workspace__aux .variant-strip-section,.match-workspace__aux .variant-strip-section{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-card-tinted);box-shadow:var(--shadow-sm)}.tool-chip,.ral-chip,.pantone-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1-5);min-height:86px;padding:var(--space-2-5) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--tool-chip-bg);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.pantone-chip{appearance:none;font:inherit}.tool-chip:hover,.ral-chip:hover,.pantone-chip:hover{transform:translateY(-1px);border-color:var(--color-primary-light);background:var(--tool-chip-bg-hover);box-shadow:var(--shadow-sm)}.tool-chip.active,.ral-chip.active,.pantone-chip.active,.pantone-chip--active{border-color:var(--tool-chip-border-active);background:var(--tool-chip-bg-active);box-shadow:var(--shadow-xs)}.tool-chip__swatch,.ral-chip__swatch,.pantone-chip__swatch{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--alpha-black-10);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.tool-chip__label,.ral-chip__code,.pantone-chip__label{max-width:var(--tool-chip-label-max-width);font-size:var(--tool-chip-code-size);font-weight:var(--font-semibold);color:var(--text-muted);text-align:center;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-result-list,.match-results{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.tool-match-insight{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:inset 0 1px 0 var(--alpha-white-56)}.tool-match-insight--medium{border-color:var(--border-warning);background:var(--surface-card-warning)}.tool-match-insight--low{border-color:var(--border-error);background:var(--surface-card-error)}.tool-match-insight__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.tool-match-insight__badge,.tool-match-insight__delta{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tool-match-insight__badge{background:var(--surface-ink-soft);color:var(--color-primary)}.tool-match-insight__delta{background:var(--surface-ink-soft);color:var(--text-secondary)}.tool-match-insight__title{margin:0;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.tool-match-insight__body,.tool-match-insight__note{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.tool-match-insight__note{color:var(--text-primary)}.tool-result-card,.match-card,.pantone-result{appearance:none;display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-quiet);box-shadow:inset 0 1px 0 var(--alpha-white-56);color:inherit;font:inherit;text-align:left}.tool-result-card--featured,.match-card:first-child{border-color:var(--tool-result-highlight-border);background:var(--tool-result-highlight-bg)}.match-card{cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.match-card:hover{transform:translateY(-1px);border-color:var(--color-primary-light);background:var(--bg-white);box-shadow:var(--shadow-sm)}.match-card:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.tool-result-card__swatch,.match-card__swatch,.pantone-result__swatch{width:72px;height:72px;border-radius:var(--radius-lg);border:1px solid var(--alpha-black-10);flex-shrink:0}.tool-result-card__info,.match-card__info,.pantone-result__info{min-width:0;flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.tool-result-card__name,.match-card__name,.pantone-result__name,.hex-big{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:.04em}.tool-result-card__meta,.match-card__sub,.match-card__hex,.pantone-result__value,.result-card__sub,.ral-name{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.pantone-result__value strong{color:var(--text-primary)}.match-card__delta,.tool-result-card__delta{font-size:var(--text-sm);font-weight:var(--font-semibold)}.match-input-panel__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.match-input-panel__body{display:flex;flex-direction:column;gap:var(--space-4)}.match-workspace .slider-wheel-row,.match-workspace .hex-visual-row{grid-template-columns:1fr}.match-workspace .slider-wheel-row>.color-wheel,.match-workspace .slider-wheel-row>div>.color-wheel{width:100%;max-width:200px!important;height:auto!important;margin:0 auto}.match-workspace .hex-visual-row__right{align-items:center}.match-workspace .hex-visual-row__right>.color-wheel{width:min(100%,220px)!important;height:auto!important}.match-source-card .match-source-card__code{letter-spacing:.04em}.match-result-stack{gap:var(--space-4)}.match-result-hero{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--tool-result-highlight-border);border-radius:calc(var(--radius-lg) + 2px);background:var(--tool-result-highlight-bg);box-shadow:inset 0 1px 0 var(--alpha-white-56)}.match-result-hero__head{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:var(--space-4);align-items:center}.match-result-hero__swatch{width:88px;height:88px;border-radius:var(--radius-xl);border:1px solid var(--alpha-black-10);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.match-result-hero__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.match-result-hero__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.match-result-hero__name{margin:0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.08}.match-result-hero__meta{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.match-result-hero__metrics{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.match-result-hero__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.match-result-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.match-result-choices{display:flex;flex-direction:column;gap:var(--space-3)}.match-result-choices__header{display:flex;flex-direction:column;gap:var(--space-1)}.match-result-choices__title{margin:0;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.match-result-choices__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.match-result-choices__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.match-card--secondary{min-height:100%;align-items:flex-start}.match-card__rank{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.hex-big{font-size:var(--text-2xl)!important;letter-spacing:.06em}.ral-name{color:var(--text-muted)}.hex-output{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);letter-spacing:.05em}.tool-swatch-strip,.palette-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.scale-display{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.tool-swatch-card,.palette-swatch,.scale-swatch{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);min-height:148px;padding:var(--space-4);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 var(--surface-inset-highlight),var(--shadow-sm);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.tool-swatch-card:hover,.palette-swatch:hover,.scale-swatch:hover{transform:translateY(-2px);border-color:var(--surface-border-strong);box-shadow:var(--shadow-card-strong)}.tool-swatch-card.is-active,.palette-swatch.is-active,.scale-swatch.is-active{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-card-strong-focus)}.palette-swatch__hex,.palette-swatch__name,.scale-swatch__step,.scale-swatch__hex{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-full);background:var(--surface-glass);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--surface-glass-border)}.palette-swatch__hex,.scale-swatch__step{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-soft)}.palette-swatch__name,.scale-swatch__hex{font-size:var(--text-xs);font-weight:var(--font-medium)}.tool-swatch-card--palette,.palette-swatch.tool-swatch-card--palette{min-height:196px}.palette-swatch.tool-swatch-card--palette .palette-swatch__hex{font-size:var(--text-base)}.palette-swatch.tool-swatch-card--palette .palette-swatch__name{align-self:flex-start}.scale-swatch{min-height:112px;align-items:flex-start}.scale-swatch__step{font-size:var(--text-xs)}.scale-swatch__hex{font-family:var(--font-mono);letter-spacing:.04em}.harmony-wheel-card{display:flex;justify-content:center;padding:var(--space-5);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);--harmony-wheel-center-fill: var(--bg-white);--harmony-wheel-pointer-fill: var(--bg-white);--harmony-wheel-pointer-stroke: var(--color-primary);--harmony-wheel-pointer-stroke-width: 3;background:var(--surface-wheel-card)}.harmony-wheel-card canvas{width:min(100%,280px);height:auto}.harmony-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3)}.harmony-group{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);background:var(--surface-card-quiet)}.harmony-group__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.harmony-colors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.harmony-chip{width:40px;height:40px;border:1px solid var(--alpha-black-10);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.harmony-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.harmony-chip.is-active{transform:translateY(-1px);box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-sm)}.harmony-hex{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.gradient-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.hex-visual-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:start}.hex-visual-row__left,.hex-visual-row__right{display:flex;flex-direction:column;gap:var(--space-4)}.hex-visual-row__right{align-items:center}.gradient-col{display:flex;flex-direction:column;gap:var(--space-2)}.angle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:56px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-tinted)}.angle-slider{width:100%}.angle-val{min-width:52px;padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-full);background:var(--bg-surface);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.gradient-preview{min-height:220px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--gradient-tool-demo);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.css-output{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-code-panel);overflow-x:auto}.css-output code{color:var(--text-white);font-size:var(--text-sm);line-height:1.55;white-space:pre-wrap;word-break:break-word}.preset-row,.preset-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.preset-chip{width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.preset-chip:hover{transform:translateY(-1px);border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.preset-chip.is-active{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light),var(--shadow-sm)}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.format-item{appearance:none;display:flex;flex-direction:column;gap:var(--space-3);min-height:100%;width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-quiet);cursor:pointer;color:inherit;font:inherit;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.format-item:hover{transform:translateY(-1px);border-color:var(--color-primary-light);background:var(--bg-white);box-shadow:var(--shadow-sm)}.format-item:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.format-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.format-item__label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.format-item__hint{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.format-item__value{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);word-break:break-word}.wheel-container{display:flex;gap:var(--space-4);align-items:center}.wheel-container canvas{display:block;max-width:100%}.advanced-picker-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);gap:var(--space-4);padding:0}.tool-wheel-panel{align-items:start}.css-preview-panel{min-height:100%}.lookup-output-card--visual .lookup-output-card__swatch{min-height:clamp(180px,24vw,240px)}.sim-primary{min-height:100%}.contrast-meta-grid{align-items:stretch}.picker-controls-col,.picker-swatch-col{min-width:0}.picker-controls-col{gap:var(--space-5)}.picker-swatch-col{gap:var(--space-4)}.picker-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.picker-wheel-stack,.picker-channel-stack{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.wheel-container .color-wheel{width:200px;height:200px;border-radius:50%;position:relative;cursor:crosshair;touch-action:none;background:conic-gradient(red,#f0f,#00f,#0ff,#0f0,#ff0,red);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--surface-inset-highlight),var(--shadow-sm)}.wheel-container .color-wheel:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-light),inset 0 1px 0 var(--surface-inset-highlight),var(--shadow-sm)}.wheel-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--text-white);background:transparent;box-shadow:var(--shadow-thumb);position:absolute;pointer-events:none}.vertical-slider-track{width:24px;height:200px;border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;cursor:pointer;touch-action:none;box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.vertical-slider-track:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-light),inset 0 1px 0 var(--surface-inset-highlight)}.vertical-thumb{width:28px;height:12px;border-radius:var(--radius-full);background:var(--text-white);box-shadow:var(--shadow-thumb-soft);position:absolute;left:-3px;transform:translateY(-50%);pointer-events:none}.picker-slider-card{gap:var(--space-3)}.picker-slider-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.picker-slider-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.picker-channel-group{gap:var(--space-4)}.picker-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.picker-channel-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.picker-channel-field__label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.picker-channel-field .number-stepper{min-height:42px}.picker-channel-field .stepper-input{width:100%}.swatch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.swatch-info label,.swatch-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.hex-direct{display:flex;align-items:center;min-height:48px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-tinted);overflow:hidden}.hex-direct span{padding:0 var(--space-3);font-family:var(--font-heading);font-weight:var(--font-semibold);color:var(--text-muted)}.hex-direct input{flex:1;min-height:48px;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-ultra);text-transform:uppercase}.hex-direct input:focus{outline:none}.picked-swatch{min-height:96px}.picked-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.result-card__swatch[role=button],.picked-swatch[role=button],.picked-value[role=button]{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.result-card__swatch[role=button]:hover,.picked-swatch[role=button]:hover,.picked-value[role=button]:hover{transform:translateY(-1px)}.result-card__swatch[role=button]:focus-visible,.picked-swatch[role=button]:focus-visible,.picked-value[role=button]:focus-visible{outline:none;box-shadow:0 0 0 4px var(--color-accent-light)}.picked-value[role=button]{display:inline-flex;align-self:flex-start;border-radius:var(--radius-md)}.calc-color-preview__swatch[role=button],.calc-color-preview__copyable[role=button],.visual-preview-card__copyable[role=button],.channel-bars__css-copyable[role=button]{cursor:pointer}.calc-color-preview__swatch[role=button]:focus-visible,.calc-color-preview__copyable[role=button]:focus-visible,.visual-preview-card__copyable[role=button]:focus-visible,.channel-bars__css-copyable[role=button]:focus-visible{outline:3px solid var(--color-accent-light);outline-offset:2px}.picked-detail{font-size:var(--text-sm);color:var(--text-secondary)}.tool-upload-zone,.upload-zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;padding:var(--space-6);border:1px dashed var(--border-dashed);border-radius:calc(var(--radius-lg) + 4px);background:var(--surface-upload-zone);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.tool-upload-zone:hover,.tool-upload-zone.dragover,.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);box-shadow:var(--shadow-card-hover)}.upload-zone__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:420px;margin-inline:auto}.upload-zone__badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-primary-light);border-radius:999px;background:var(--surface-accent-badge);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase}.upload-zone__icon{font-size:var(--text-5xl);line-height:1}.upload-zone__text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.upload-zone__hint{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:var(--space-2)}.palette-color{width:100%;aspect-ratio:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.palette-color:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.palette-color:focus-visible{outline:2px solid var(--focus-outline-strong);outline-offset:2px}.palette-color.is-active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.variant-strip-section{margin-top:var(--space-4);min-width:0;overflow:hidden}.variant-strip-section__title{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.variant-strip{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.variant-strip .variant-chip{flex:1 1 0;min-height:40px;padding-inline:var(--space-1);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xs);font-weight:var(--font-semibold);color:var(--text-white);cursor:pointer;position:relative;transition:filter var(--transition-fast),outline-color var(--transition-fast)}.variant-strip .variant-chip:hover{filter:brightness(1.04)}.variant-strip .variant-chip:focus-visible{outline:2px solid var(--alpha-white-72);outline-offset:-2px;z-index:1}.variant-strip .variant-chip.light-text{color:var(--text-primary)}.contrast-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);position:relative;align-items:start}.contrast-col{display:flex;flex-direction:column;gap:var(--space-3)}.swap-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:var(--text-xl);padding:var(--space-2) var(--space-3)}.preview-box{margin:0;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);text-align:center;transition:all var(--transition-fast)}.preview-text{margin-bottom:var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold)}.preview-text--sm{font-size:var(--text-sm);margin:0}.ratio-display{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin-block:var(--space-4)}.ratio-number{font-family:var(--font-heading);font-size:var(--text-7xl);font-weight:var(--font-bold);line-height:1;color:var(--text-primary)}.ratio-label{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-muted)}.wcag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.wcag-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-2);min-height:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-quiet)}.wcag-item.is-pass{border-color:var(--border-success);background:var(--surface-card-success)}.wcag-item.is-fail{border-color:var(--border-error);background:var(--surface-card-error)}.wcag-badge{display:inline-flex;align-items:center;min-height:36px;padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-bold)}.wcag-badge.pass{background:var(--color-success-surface);color:var(--color-success-strong)}.wcag-badge.fail{background:var(--color-error-surface);color:var(--color-error-strong)}.wcag-desc{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.wcag-req{font-size:var(--text-sm);color:var(--text-muted)}.generative-controls{display:flex;flex-direction:column;gap:var(--space-5)}.slider-wrapper{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.slider-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.slider-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center}.control-slider{width:100%;height:6px;border-radius:var(--radius-full);background:var(--border);outline:none;appearance:none}.control-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;border:3px solid var(--color-primary);background:var(--text-white);cursor:pointer}.control-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:3px solid var(--color-primary);background:var(--text-white);cursor:pointer}.number-stepper{display:flex;align-items:center;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-tinted);overflow:hidden}.stepper-btn{width:42px;height:100%;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.stepper-btn:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border)}.stepper-input{width:56px;min-height:44px;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-semibold);text-align:center;-moz-appearance:textfield}.stepper-input::-webkit-inner-spin-button,.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input:focus{outline:none}.generative-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);width:100%}.color-card{appearance:none;display:flex;flex-direction:column;overflow:hidden;width:100%;padding:0;border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);cursor:pointer;background:var(--surface-card-quiet);box-shadow:inset 0 1px 0 var(--alpha-white-56);text-align:left;font:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.color-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.color-card.is-active{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-md)}.color-card__swatch{position:relative;width:100%;height:140px}.color-card__info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.color-card__row{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs)}.color-card__lbl{width:var(--space-8);flex-shrink:0;color:var(--text-muted);font-weight:var(--font-bold)}.color-card__val{flex:1;color:var(--text-primary);letter-spacing:var(--tracking-wide)}.color-card__toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);background:var(--alpha-black-70);color:var(--text-white);font-size:var(--text-xs);font-weight:var(--font-bold);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.color-card.copied .color-card__toast{opacity:1;transform:translate(-50%,-50%) scale(1)}.tool-preview-image{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:calc(var(--radius-lg) + 2px)}.tool-image-selection-marker{position:absolute;width:18px;height:18px;border:2px solid var(--color-primary);border-radius:999px;transform:translate(-50%,-50%);pointer-events:none;z-index:3;box-shadow:0 0 0 3px var(--alpha-white-92),0 10px 24px color-mix(in srgb,var(--color-primary) 22%,transparent)}.tool-image-selection-marker:after{content:"";position:absolute;inset:3px;border:1px solid var(--surface-glass-strong);border-radius:inherit}.palette-bar{display:flex;height:80px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.palette-bar-swatch{flex:1;cursor:pointer;transition:flex var(--transition-fast)}.palette-bar-swatch:hover{flex:1.5}.palette-bar-swatch:focus-visible{outline:3px solid var(--surface-focus-inverse);outline-offset:-4px}.palette-bar-swatch.is-active{outline:3px solid var(--surface-focus-inverse);outline-offset:-4px;box-shadow:var(--surface-outline)}.color-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.color-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-quiet);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.color-item:hover{transform:translateY(-1px);border-color:var(--color-primary-light);background:var(--bg-white);box-shadow:var(--shadow-sm)}.color-item:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.color-item.is-active{border-color:var(--color-primary);background:var(--color-accent-light);box-shadow:0 0 0 3px var(--focus-ring)}.color-dot{width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0}.color-info{display:flex;flex-direction:column;min-width:0}.color-hex{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary)}.color-pct{font-size:var(--text-3xs);color:var(--text-muted)}.paper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4)}.paper-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-quiet);box-shadow:inset 0 1px 0 var(--alpha-white-56)}.paper-card__sample{display:flex;align-items:center;justify-content:center;position:relative;min-height:120px;padding:var(--space-4);border-bottom:1px solid var(--border)}.paper-card__surface{position:absolute;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;min-height:28px;padding:0 var(--space-2-5);border-radius:var(--radius-full);background:var(--surface-glass-quiet);box-shadow:var(--surface-outline);font-size:var(--text-3xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.paper-card__color{width:min(100%,128px);height:76px;border:1px solid var(--alpha-black-08);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.paper-card__info{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-3)}.paper-card__name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.paper-card__hex{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--text-muted)}.paper-card__note{margin:0;font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-secondary)}.sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.sim-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);min-height:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card-quiet);box-shadow:inset 0 1px 0 var(--alpha-white-56)}.sim-swatch{width:100%;height:96px;border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0}.sim-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sim-type{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.sim-hex{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.sim-desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.contrast-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:var(--space-4);align-items:stretch}.contrast-inputs--balanced{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.contrast-color-row{width:100%}.swap-btn--inline{position:static;left:auto;top:auto;transform:none;min-height:48px;align-self:center;justify-self:center;padding-inline:var(--space-4)}.contrast-summary .ratio-display{margin:0;justify-content:flex-start}.contrast-summary .ratio-number{font-size:var(--text-6xl)}.tool-readout-panel .color-preview__swatch{min-height:156px;align-items:flex-start;justify-content:flex-start;border-radius:var(--radius-xl)}.tool-readout-panel .color-preview__info{justify-content:flex-start;text-align:left}.tool-readout-panel .btn{align-self:flex-start}.tool-article-grid{display:flex;flex-direction:column;width:100%}.article-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border)}.article-section__layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.article-section__main,.article-section__side{min-width:0}.tool-workflow-grid--aside{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0}.article-section h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.article-section#faq h2{text-align:left}.article-section p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.article-section p code{background:var(--bg-surface);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid var(--border)}.article-steps{display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-4)}.article-list{list-style:disc;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-4)}.article-list li{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.use-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-block:var(--space-5)}.use-case{padding:var(--space-5);border-radius:var(--radius-md);background:var(--bg-surface)}.use-case__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.use-case__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.use-case__text code{background:var(--bg-white);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-xs)}.info-table{margin-block:var(--space-4);overflow-x:auto}.info-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.info-table th{padding:var(--space-3) var(--space-4);text-align:left;background:var(--bg-dark);color:var(--text-white);font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-soft);border-right:1px solid var(--alpha-white-10)}.info-table th:last-child{border-right:none}.info-table td{padding:var(--space-2-5) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-secondary)}.info-table tr:last-child td{border-bottom:none}.info-table th code,.info-table td code{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);font-size:var(--text-xs);color:inherit}.article-section h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.article-section a{color:var(--color-accent);font-weight:var(--font-medium)}.article-list li code{background:var(--bg-surface);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid var(--border)}.info-table tr:hover td{background:var(--bg-surface)}.callout{padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-accent-light);border:1px solid var(--border);margin-block:var(--space-4)}.callout p{color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.callout p code{background:var(--bg-white);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);border:1px solid var(--border)}.step{display:flex;align-items:flex-start;gap:var(--space-3)}.step__number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.step__text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.slider-wheel-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:stretch;min-width:0}.slider-wheel-row .slider-group{min-width:0;display:flex;flex-direction:column;justify-content:center}.slider-wheel-row>.color-wheel,.slider-wheel-row>div>.color-wheel{height:100%!important;width:auto!important;aspect-ratio:1!important;max-width:none!important;min-height:140px;max-height:200px}@media(max-width:640px){.slider-wheel-row{grid-template-columns:1fr}.slider-wheel-row>.color-wheel,.slider-wheel-row>div>.color-wheel{width:100%;max-width:200px;height:auto;margin:0 auto}}@media(max-width:768px){.use-cases,.tool-preview-panel,.tool-control-row,.base-row,.gradient-controls,.picker-layout,.advanced-picker-panel,.hex-visual-row,.contrast-stage,.css-output,.slider-controls,.contrast-inputs,.wcag-grid,.format-grid,.paper-grid,.sim-grid{grid-template-columns:1fr}.tool-segmented,.harmony-pills,.type-pills{gap:var(--space-1-5)}.tool-swatch-strip,.palette-display,.scale-display,.tool-chip-grid,.ral-grid,.pantone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-result-card,.match-card,.pantone-result,.color-preview{flex-direction:column;align-items:stretch}.tool-panel__meta-grid{grid-template-columns:1fr}.tool-result-card__swatch,.match-card__swatch,.pantone-result__swatch,.color-preview__swatch{width:100%}.match-result-hero__head{grid-template-columns:1fr}.match-result-hero__swatch{width:100%;height:132px}.match-result-hero__metrics{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.match-result-choices__list,.swatch-actions{grid-template-columns:1fr}.picker-channel-grid{grid-template-columns:1fr;gap:var(--space-2)}.wheel-container{flex-wrap:wrap;justify-content:center}.hex-input__row{flex-wrap:wrap}.hex-input__apply{border-radius:var(--radius-md);margin-top:var(--space-2);border-left:1px solid var(--color-accent);width:100%}.hex-input__field{border-right:1px solid var(--border);border-radius:0}.color-slider__number{width:44px;padding:3px 4px;font-size:var(--text-xs)}.generative-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.color-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-swatch-card--palette,.palette-swatch.tool-swatch-card--palette{min-height:148px}.scale-swatch{min-height:100px}.harmony-wheel-card{padding:var(--space-4)}.preview-box{padding:var(--space-6)}.swap-btn{position:relative;left:auto;top:auto;transform:none;justify-self:center}}@media(max-width:1080px){.lookup-workspace__shell,.match-workspace__shell{grid-template-columns:1fr}.lookup-search-panel,.match-input-panel{position:static;max-height:none}}@media(max-width:960px){.tool-workflow-grid,.lookup-result-routes,.match-result-routes,.lookup-selection-card__body,.match-source-card__body{grid-template-columns:1fr}.lookup-selection-card__swatch,.match-source-card__swatch{min-height:112px}.lookup-result-board__top,.match-result-board__top{grid-template-columns:1fr}.lookup-result-board__share,.match-result-board__share{width:100%}}@media(min-width:1081px){.lookup-search-panel__catalog-grid{max-height:calc(100vh - var(--header-height) - var(--space-14))}.lookup-workspace__stage,.match-workspace__stage{gap:var(--space-3)}.lookup-empty{min-height:180px}.lookup-selection-card__swatch,.match-source-card__swatch{min-height:152px}.article-section--split .article-section__layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.95fr);align-items:start}.article-section--split .tool-workflow-grid--aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.scale-display{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.lookup-empty,.lookup-selection-card,.lookup-result-board,.match-source-card,.match-result-board,.lookup-search-panel,.match-input-panel{padding:var(--space-4)}.tool-preview-panel__swatch{min-height:144px}.lookup-output-grid{grid-template-columns:1fr}.lookup-output-card--primary,.lookup-output-card--wide{grid-column:auto}.lookup-output-card__hero{grid-template-columns:1fr}.lookup-output-card__swatch{min-height:140px}.lookup-channel-list,.lookup-channel-list--cmyk{grid-template-columns:repeat(2,minmax(0,1fr))}.match-result-hero__actions{flex-direction:column}.tool-readout-panel .color-preview__info{flex-direction:column;align-items:flex-start}.generative-controls{gap:var(--space-4)}}.risk-alto{font-weight:var(--font-bold);color:var(--color-error)}.risk-medio{font-weight:var(--font-bold);color:var(--color-warning)}.risk-bajo{font-weight:var(--font-bold);color:var(--color-success)}.info-table-source{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);font-weight:var(--font-medium)}.section-bridge{padding:var(--space-5) 0;margin-block:var(--space-2)}.section-bridge__text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--bg-surface)}.section-bridge--learn{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}@media(min-width:769px){.converter-panel--split{display:flex;flex-direction:column;gap:var(--space-5)}.calculator-body>.color-preview,.converter-panel--split>.color-preview{margin:0}.calculator-body>.color-preview .color-preview__swatch,.converter-panel--split>.color-preview .color-preview__swatch{min-height:180px;height:auto}.hex-visual-row{align-items:stretch!important}.hex-visual-row__right{justify-content:center!important}.hex-visual-row__right>.color-wheel{height:100%!important;width:auto!important;aspect-ratio:1!important;max-width:none!important;max-height:260px}}[data-hidden=true]{display:none!important}.is-click-copy{cursor:pointer}.is-copy-disabled{cursor:default}.tool-action-spacer{margin-top:var(--space-3)}.tool-section-title{margin-top:var(--space-4)}.tool-preview-image,.tool-image-canvas{max-width:100%;border-radius:var(--radius-md)}.tool-image-canvas{display:block;cursor:crosshair}.tool-copy-flash-target{position:relative}.tool-copy-flash-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-strong);color:var(--text-white);font-size:var(--text-xl);font-weight:var(--font-bold);pointer-events:none}.tool-tic--safe{color:var(--text-muted)}.tool-tic--warning{color:var(--color-warning)}.tool-tic--danger{color:var(--color-error)}.tool-hero__summary{margin-top:var(--space-3);color:var(--text-secondary)}.tool-hero__highlights{margin:var(--space-3) 0 0;padding-left:var(--space-5);display:grid;gap:var(--space-2);color:var(--text-secondary)}