:root{--md-background:#f8fafd;--md-on-background:#1f1f1f;--md-surface:#f8fafd;--md-surface-dim:#dde3ea;--md-surface-bright:#fff;--md-surface-container-lowest:#fff;--md-surface-container-low:#f1f4f9;--md-surface-container:#e9eef6;--md-surface-container-high:#e2e8f0;--md-surface-container-highest:#dce3ec;--md-on-surface:#1f1f1f;--md-on-surface-variant:#444746;--md-outline:#747775;--md-outline-variant:#c4c7c5;--md-primary:#0b57d0;--md-on-primary:#fff;--md-primary-container:#d3e3fd;--md-on-primary-container:#041e49;--md-secondary:#475d92;--md-on-secondary:#fff;--md-secondary-container:#dae2ff;--md-on-secondary-container:#001a41;--md-tertiary:#006b60;--md-on-tertiary:#fff;--md-tertiary-container:#9ef2e4;--md-on-tertiary-container:#00201c;--md-error:#ba1a1a;--md-on-error:#fff;--md-error-container:#ffdad6;--md-on-error-container:#410002;--md-shadow:#000;--md-scrim:#000;--md-inverse-surface:#303030;--md-inverse-on-surface:#f2f2f2;--md-shape-xs:4px;--md-shape-sm:8px;--md-shape-md:12px;--md-shape-lg:16px;--md-shape-xl:28px;--md-shape-full:999px;--md-elevation-1:0 1px 2px #00000014, 0 2px 6px #0000000d;--md-elevation-2:0 2px 5px #00000017, 0 6px 18px #00000012;--md-elevation-3:0 4px 8px #0000001a, 0 12px 32px #0000001a;--md-motion-standard:cubic-bezier(.2, 0, 0, 1);--md-motion-emphasized:cubic-bezier(.2, 0, 0, 1.2);--bg:var(--md-background);--surface:var(--md-surface);--surface-soft:var(--md-surface-container);--surface-muted:var(--md-surface-container-high);--sidebar:var(--md-surface-container-low);--text:var(--md-on-surface);--text-soft:var(--md-on-surface-variant);--text-faint:#6b6f73;--line:var(--md-outline-variant);--line-strong:var(--md-outline);--primary:var(--md-primary);--primary-hover:#0842a0;--primary-container:var(--md-primary-container);--on-primary-container:var(--md-on-primary-container);--secondary:var(--md-secondary);--secondary-container:var(--md-secondary-container);--tertiary:var(--md-tertiary);--tertiary-container:var(--md-tertiary-container);--accent:var(--md-primary);--accent-hover:#0842a0;--accent-soft:var(--md-primary-container);--accent-ink:var(--md-on-primary);--focus:var(--md-primary);--success:#216e45;--danger:var(--md-error);--radius-card:var(--md-shape-xl);--radius-control:var(--md-shape-md);--content-gutter:clamp(16px, 3.2vw, 16px);--space-card-block:clamp(28px, 3.2vw, 48px);--space-panel-block:clamp(24px, 2.8vw, 40px);--space-feature-block:clamp(36px, 5vw, 72px);--space-section-block:clamp(36px, 4vw, 64px);--space-heading-start:clamp(36px, 4vw, 36px);--space-heading-end:clamp(26px, 2.5vw, 34px)}html[data-theme=dark]{--md-background:#111318;--md-on-background:#e2e2e6;--md-surface:#111318;--md-surface-dim:#111318;--md-surface-bright:#37393e;--md-surface-container-lowest:#0c0e13;--md-surface-container-low:#191c20;--md-surface-container:#1d2024;--md-surface-container-high:#282a2f;--md-surface-container-highest:#32353a;--md-on-surface:#e2e2e6;--md-on-surface-variant:#c4c7c5;--md-outline:#8e918f;--md-outline-variant:#444746;--md-primary:#a8c7fa;--md-on-primary:#062e6f;--md-primary-container:#0842a0;--md-on-primary-container:#d3e3fd;--md-secondary:#b1c5f8;--md-on-secondary:#182e5c;--md-secondary-container:#304575;--md-on-secondary-container:#dae2ff;--md-tertiary:#82d5c8;--md-on-tertiary:#003731;--md-tertiary-container:#005047;--md-on-tertiary-container:#9ef2e4;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-inverse-surface:#e2e2e6;--md-inverse-on-surface:#2f3033;--text-faint:#aeb3b7;--primary-hover:#d3e3fd;--accent-hover:#d3e3fd;--success:#83d6a4}html[data-theme=grey]{--md-background:#202124;--md-on-background:#e8eaed;--md-surface:#202124;--md-surface-dim:#1b1c1f;--md-surface-bright:#3b3d42;--md-surface-container-lowest:#17181b;--md-surface-container-low:#282a2e;--md-surface-container:#2d2f34;--md-surface-container-high:#35383d;--md-surface-container-highest:#404348;--md-on-surface:#e8eaed;--md-on-surface-variant:#c4c7c5;--md-outline:#91969c;--md-outline-variant:#50545a;--md-primary:#a8c7fa;--md-on-primary:#062e6f;--md-primary-container:#0842a0;--md-on-primary-container:#d3e3fd;--md-secondary:#b1c5f8;--md-on-secondary:#182e5c;--md-secondary-container:#304575;--md-on-secondary-container:#dae2ff;--md-tertiary:#83d6c9;--md-on-tertiary:#00372f;--md-tertiary-container:#1f5149;--md-on-tertiary-container:#a0f2e5;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-inverse-surface:#e8eaed;--md-inverse-on-surface:#303136;--text-faint:#abb0b6;--primary-hover:#d3e3fd;--accent-hover:#d3e3fd;--success:#8ad5a5}html[data-theme=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-background:#080808;--md-on-background:#eee;--md-surface:#080808;--md-surface-dim:#050505;--md-surface-bright:#242424;--md-surface-container-lowest:#000;--md-surface-container-low:#0d0d0d;--md-surface-container:#121212;--md-surface-container-high:#181818;--md-surface-container-highest:#202020;--md-on-surface:#eee;--md-on-surface-variant:#c7c7c7;--md-outline:#8d8d8d;--md-outline-variant:#3f3f3f;--md-primary:#a8c7fa;--md-on-primary:#062e6f;--md-primary-container:#0842a0;--md-on-primary-container:#d3e3fd;--md-secondary:#b1c5f8;--md-on-secondary:#182e5c;--md-secondary-container:#304575;--md-on-secondary-container:#dae2ff;--md-tertiary:#82d5c8;--md-on-tertiary:#003731;--md-tertiary-container:#005047;--md-on-tertiary-container:#9ef2e4;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-inverse-surface:#eee;--md-inverse-on-surface:#242424;--text-faint:#a7a7a7;--primary-hover:#d3e3fd;--accent-hover:#d3e3fd;--success:#83d6a4;--rail:#000;--rail-hover:#181818}html:not([data-theme=dark]):not([data-theme=grey]):not([data-theme=black]):is([data-accent=red],[data-accent=orange],[data-accent=yellow],[data-accent=green],[data-accent=teal],[data-accent=purple],[data-accent=pink]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-background:color-mix(in srgb, var(--md-primary) 2%, #fff);--md-surface:var(--md-background);--md-surface-dim:color-mix(in srgb, var(--md-primary) 12%, #e5e5e5);--md-surface-bright:#fff;--md-surface-container-lowest:#fff;--md-surface-container-low:color-mix(in srgb, var(--md-primary) 5%, #fff);--md-surface-container:color-mix(in srgb, var(--md-primary) 8%, #f8f8f8);--md-surface-container-high:color-mix(in srgb, var(--md-primary) 11%, #f4f4f4);--md-surface-container-highest:color-mix(in srgb, var(--md-primary) 14%, #f0f0f0);--md-secondary:var(--md-primary);--md-on-secondary:var(--md-on-primary);--md-secondary-container:var(--md-primary-container);--md-on-secondary-container:var(--md-on-primary-container);--primary-hover:var(--theme-primary-hover);--accent-hover:var(--theme-primary-hover);--rail:var(--md-primary);--rail-hover:var(--theme-primary-hover)}html[data-accent=red]{--md-primary:#b3261e;--md-on-primary:#fff;--md-primary-container:#ffdad6;--md-on-primary-container:#410002;--theme-primary-hover:#8c1d18}html[data-accent=orange]{--md-primary:#8f4c00;--md-on-primary:#fff;--md-primary-container:#ffdcc2;--md-on-primary-container:#2f1500;--theme-primary-hover:#703b00}html[data-accent=yellow]{--md-primary:#7d5700;--md-on-primary:#fff;--md-primary-container:#ffdea3;--md-on-primary-container:#281900;--theme-primary-hover:#614300}html[data-accent=green]{--md-primary:#146c2e;--md-on-primary:#fff;--md-primary-container:#a9f5b8;--md-on-primary-container:#002108;--theme-primary-hover:#0d5423}html[data-accent=teal]{--md-primary:#006a6a;--md-on-primary:#fff;--md-primary-container:#9cf1f0;--md-on-primary-container:#002020;--theme-primary-hover:#005252}html[data-accent=purple]{--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#eaddff;--md-on-primary-container:#21005d;--theme-primary-hover:#513e85}html[data-accent=pink]{--md-primary:#984061;--md-on-primary:#fff;--md-primary-container:#ffd9e3;--md-on-primary-container:#3e001d;--theme-primary-hover:#783049}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=red]{--md-primary:#ffb4ab;--md-on-primary:#690005;--md-primary-container:#93000a;--md-on-primary-container:#ffdad6;--theme-primary-hover:#ffdad6}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=orange]{--md-primary:#ffb77d;--md-on-primary:#4c2700;--md-primary-container:#6d3900;--md-on-primary-container:#ffdcc2;--theme-primary-hover:#ffdcc2}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=yellow]{--md-primary:#f5bf48;--md-on-primary:#422c00;--md-primary-container:#5f4100;--md-on-primary-container:#ffdea3;--theme-primary-hover:#ffdea3}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=green]{--md-primary:#8dda9b;--md-on-primary:#003913;--md-primary-container:#00531f;--md-on-primary-container:#a9f5b8;--theme-primary-hover:#a9f5b8}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=teal]{--md-primary:#80d5d4;--md-on-primary:#003737;--md-primary-container:#004f4f;--md-on-primary-container:#9cf1f0;--theme-primary-hover:#9cf1f0}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=purple]{--md-primary:#d0bcff;--md-on-primary:#381e72;--md-primary-container:#4f378b;--md-on-primary-container:#eaddff;--theme-primary-hover:#eaddff}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=pink]{--md-primary:#ffb0c8;--md-on-primary:#5e1133;--md-primary-container:#7b2949;--md-on-primary-container:#ffd9e3;--theme-primary-hover:#ffd9e3}html:is([data-theme=dark],[data-theme=grey],[data-theme=black])[data-accent=white]{--md-primary:#f1f3f4;--md-on-primary:#202124;--md-primary-container:#3c4043;--md-on-primary-container:#f1f3f4;--theme-primary-hover:#fff}html:is([data-theme=dark],[data-theme=grey],[data-theme=black]):not([data-accent=blue]){--md-secondary:var(--md-primary);--md-on-secondary:var(--md-on-primary);--md-secondary-container:var(--md-primary-container);--md-on-secondary-container:var(--md-on-primary-container);--primary-hover:var(--theme-primary-hover);--accent-hover:var(--theme-primary-hover)}html{background:var(--md-background);scrollbar-color:var(--md-outline) transparent}html.theme-changing,html.theme-changing *,html.theme-changing :before,html.theme-changing :after{transition:none!important}html.theme-fade::view-transition-old(root){z-index:1;mix-blend-mode:normal;animation:none}html.theme-fade::view-transition-new(root){z-index:2;mix-blend-mode:normal;animation:.24s ease-out both theme-fade-in}html.theme-fade::view-transition-group(root){animation:none}html.theme-fade::view-transition-image-pair(root){isolation:isolate}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){html.theme-fade::view-transition-old(root){animation:none}html.theme-fade::view-transition-new(root){animation:none}}body{background:var(--md-background);color:var(--md-on-background);letter-spacing:0}::selection{background:var(--md-primary-container);color:var(--md-on-primary-container)}.app-shell,.app-stage,.tool-page,.dashboard-home,.tools-page,.blog-page,.article-page{background:var(--md-background)}.site-header,.mobile-shell-bar{background:var(--md-surface);color:var(--md-on-surface)}.mobile-shell-bar{padding-inline:6px}.mobile-brand{color:var(--md-on-surface);letter-spacing:-.02em;font-size:17px;font-weight:600}.mobile-shell-actions{gap:2px}.nav-panel{background:var(--md-surface-container-low);border:0!important}.nav-rail{background:var(--md-surface-container-lowest)}.rail-brand{border-radius:var(--md-shape-lg);background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:none;border:0}.rail-navigation a,.rail-footer .icon-button{border-radius:var(--md-shape-full)}.rail-navigation a[aria-current=page]{background:var(--md-primary-container);color:var(--md-on-primary-container)}.rail-color{background:conic-gradient(var(--md-primary), var(--md-secondary), #d9a900, var(--md-tertiary), var(--md-primary));border:0}.sidebar-format-setting{background:0 0;border-radius:0;grid-template-columns:1fr;align-items:stretch;gap:12px;margin-top:12px;padding:14px 8px 12px;display:grid;border:0!important}.sidebar-format-setting>div{gap:2px}.sidebar-format-setting>div>span{color:var(--md-on-surface);font-size:14px;font-weight:560}.sidebar-format-setting>div>small{color:var(--md-on-surface-variant);font-size:12px;line-height:1.35}.sidebar-format-setting .select-menu,.sidebar-format-setting .select-trigger{width:100%}.sidebar-format-setting .select-trigger{background:var(--md-surface-container-highest);min-height:44px;padding-inline:14px}.sidebar-format-setting .select-popover{width:100%;left:0;right:auto}.sidebar-section-heading{color:var(--md-on-surface-variant);letter-spacing:.06em;margin:20px 12px 8px;font-size:12px;font-weight:600}.sidebar-section-heading small{border-radius:var(--md-shape-full);background:var(--md-secondary-container);min-width:28px;height:28px;color:var(--md-on-secondary-container)}.sidebar-nav{gap:4px;padding-right:3px}.sidebar-nav a{border-radius:var(--md-shape-full);min-height:52px;color:var(--md-on-surface-variant);grid-template-columns:36px minmax(0,1fr);gap:12px;padding:6px 12px;border:0!important;transform:none!important}.sidebar-nav a:hover,.sidebar-nav a:focus-visible{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent);color:var(--md-on-surface)}.sidebar-nav a[aria-current=page]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.sidebar-nav-icon{border-radius:var(--md-shape-full);color:currentColor;background:0 0;width:36px;height:36px;transform:none!important}.sidebar-nav a[aria-current=page] .sidebar-nav-icon{color:currentColor;background:0 0}.sidebar-nav-copy{gap:0}.sidebar-nav-copy>span{font-size:14px;font-weight:520}.sidebar-nav-copy small,.sidebar-nav-status{display:none}.sidebar-empty{border-radius:var(--md-shape-lg);background:var(--md-surface-container);text-align:center;margin:8px 12px;padding:20px 16px}.button,.icon-button,.select-trigger,.segmented button,.theme-popover button,.select-popover button,.export-popover button{transition:background-color .16s var(--md-motion-standard), color .16s var(--md-motion-standard), box-shadow .16s var(--md-motion-standard), transform .14s var(--md-motion-standard);border:0;font-weight:560}.button{border-radius:var(--md-shape-full);min-height:42px;padding-inline:22px}.button-primary{background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--md-elevation-1)}.button-primary:hover{background:color-mix(in srgb, var(--md-primary) 92%, var(--md-on-primary));box-shadow:var(--md-elevation-2);transform:translateY(-1px)}.button-quiet{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.button-quiet:hover{background:color-mix(in srgb, var(--md-secondary-container) 90%, var(--md-on-secondary-container));color:var(--md-on-secondary-container)}.icon-button{border-radius:var(--md-shape-full);color:var(--md-on-surface-variant)}.icon-button:hover{background:color-mix(in srgb, var(--md-on-surface) 9%, transparent);color:var(--md-on-surface)}.button:active,.icon-button:active,.select-trigger:active,.segmented button:active{transform:scale(.97)}.button:focus-visible,.icon-button:focus-visible,a:focus-visible,.slider:focus-visible,.saturation-area:focus-visible,.color-swatch-button:focus-visible,.select-trigger:focus-visible,.segmented button:focus-visible{outline:3px solid var(--md-primary);outline-offset:3px;box-shadow:none}input:focus-visible,textarea:focus-visible{outline-offset:0;box-shadow:none;outline:none}.select-trigger{border-radius:var(--md-shape-md);background:var(--md-surface-container-high);min-height:48px;color:var(--md-on-surface);padding-inline:16px;border:0!important}.select-trigger:hover{background:var(--md-surface-container-highest)}.app-input{width:100%;min-width:0;color:var(--md-on-surface);font:inherit;outline:0;line-height:1.2;transition:background-color .16s,box-shadow .16s;border-radius:var(--md-shape-md)!important;background:var(--md-surface-container-high)!important;min-height:52px!important;box-shadow:none!important;border:0!important;padding:0 16px!important}.app-input:hover{background:color-mix(in srgb, var(--md-surface-container-highest) 92%, var(--md-on-surface))!important}.app-input:focus{outline:0;background:var(--md-surface-container-highest)!important;box-shadow:inset 0 0 0 2px var(--md-primary)!important;border-color:#0000!important}.app-input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--md-error)!important}.app-input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 2px var(--md-error)!important}.tools-search .app-input,.command-input-row .app-input,.fine-tune-input .app-input{background:0 0!important;min-height:0!important;padding:0!important}.tools-search .app-input:focus,.command-input-row .app-input:focus,.fine-tune-input .app-input:focus{box-shadow:none!important}.color-swatch-button{border-radius:var(--md-shape-md) 0 0 var(--md-shape-md);background:var(--md-surface-container-highest);border:0!important}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.fine-tune-input{min-height:52px;padding-inline:12px;border-radius:var(--md-shape-md)!important;background:var(--md-surface-container-high)!important;box-shadow:none!important;border:0!important}.fine-tune-input:hover{background:var(--md-surface-container-highest)!important}.fine-tune-input:focus-within{background:var(--md-surface-container-highest)!important;box-shadow:inset 0 0 0 2px var(--md-primary)!important}.fine-tune-input .app-input{height:52px;border-radius:0!important}.fine-tune-input i{padding-right:0}.formatted-color-input{grid-template-columns:104px minmax(0,1fr);gap:8px}.formatted-color-input .select-trigger{min-height:52px;border-radius:var(--md-shape-md)!important;background:var(--md-surface-container-high)!important;box-shadow:none!important;border:0!important}.formatted-color-input>.app-input{min-height:52px}.color-control-row{gap:8px}.color-control-row .color-swatch-button,.color-control-row .select-trigger{min-height:52px;border-radius:var(--md-shape-md)!important;background:var(--md-surface-container-high)!important;border:0!important}.color-control-row .app-input{min-height:52px}.segmented{border-radius:var(--md-shape-full);background:var(--md-surface-container-high);padding:4px;border:0!important}.segmented button{border-radius:var(--md-shape-full);color:var(--md-on-surface-variant);border:0!important}.segmented button.is-active{background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:none}.slider-track{height:8px;box-shadow:none;border:0}.slider-thumb{border:3px solid var(--md-surface-container-lowest);background:var(--md-primary);width:20px;height:20px;box-shadow:var(--md-elevation-1)}.popover-shell,.command-dialog,.color-format-popover{border-radius:var(--md-shape-xl);background:var(--md-surface-container);color:var(--md-on-surface);box-shadow:var(--md-elevation-3);border:0!important}.theme-popover button,.select-popover button,.export-popover button{border-radius:var(--md-shape-md)}.theme-popover button:hover,.theme-popover button.is-selected,.select-popover button:hover,.select-popover button.is-selected,.export-popover button:hover{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.command-input-row,.command-footer,.command-results section+section{border:0!important}.command-input-row{border-radius:var(--md-shape-full);background:var(--md-surface-container-high);margin:10px}.command-input-row:focus-within{background:var(--md-surface-container-highest);box-shadow:inset 0 0 0 2px var(--md-primary)}.command-input-row input:focus{box-shadow:none!important}.command-input-row input[type=search]{appearance:none}.command-input-row input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}.command-input-row input[type=search]::-webkit-search-decoration{appearance:none;display:none}.command-results a,.workspace-tool-list>a{border-radius:var(--md-shape-lg);border:0!important}.command-results a:hover,.command-results a.is-active,.workspace-tool-list>a:hover{background:var(--md-surface-container-high)}.command-result-icon,.workspace-tool-icon{border-radius:var(--md-shape-md);background:var(--md-primary-container);color:var(--md-on-primary-container);border:0}.command-palette-strip{border-radius:var(--md-shape-sm);background:var(--md-surface-container-highest);flex:none;width:40px;height:40px;display:flex;overflow:hidden}.command-palette-strip>span{flex:1 1 0;min-width:0}.tool-heading,.dashboard-heading,.blog-heading,.article-header{padding-top:var(--space-heading-start);padding-bottom:var(--space-heading-end);background:0 0;overflow:visible;border:0!important}.tool-heading:after,.dashboard-heading:after{display:none}.dashboard-heading h1,.tool-heading h1,.blog-heading h1,.article-header h1,.not-found h1{letter-spacing:.02em;max-width:880px;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1.03}.page-heading-description,.article-deck{max-width:760px;color:var(--md-on-surface-variant);font-size:clamp(16px,1.5vw,19px);line-height:1.55}.tool-heading.container,.dashboard-heading.container,.tool-workspace.container,.workspace-overview.container,.tools-workspace.container,.related-tools.container{border:0!important}.tool-workspace,.workspace-overview{gap:24px;display:grid}.tool-workspace>*,.workspace-overview>*{box-shadow:none;background:0 0;border-radius:0;border:0!important}.tool-workspace [class*=-layout],.tool-workspace [class*=-card]{border:0!important}.tool-card,.empty-panel,.saved-contrast-card,.saved-palettes-card{box-shadow:none;background:0 0;border-radius:0;border:0!important}.tool-workspace :is(.picker-main-card,.format-card,.library-card,.palette-builder-card,.saved-palettes-card,.contrast-controls-card,.contrast-preview-card,.gradient-editor-card,.gradient-preview-card,.extract-image-card,.extracted-palette-card,.converter-input-card,.converter-results-card,.scale-controls-card,.scale-preview-card,.gamut-input-card,.gamut-result-card,.alpha-controls-card,.alpha-result-card,.token-source-card,.token-results-card,.image-gradient-source,.image-gradient-result,.svg-source-card,.svg-editor-card,.print-controls-card,.print-result-card){border:0!important}.tool-workspace :is(.picker-layout,.palette-layout,.contrast-layout,.gradient-layout,.extract-layout,.converter-layout,.scale-layout,.gamut-layout,.alpha-layout,.token-audit-layout,.image-gradient-layout,.svg-recolor-layout,.print-profile-layout,.palette-audit-layout,.semantic-theme-layout,.data-palette-layout){background:0 0;border-radius:0;overflow:visible;border:0!important}.card-heading h2,.workspace-section-heading h2,.directory-section-heading h2,.related-tools-heading h2{letter-spacing:-.025em;font-weight:570}.format-card>.card-heading,.library-card>.card-heading,.saved-palettes-card>.card-heading{border:0!important}.format-card>.card-heading:before,.format-card>.card-heading:after,.library-card>.card-heading:before,.library-card>.card-heading:after,.saved-palettes-card>.card-heading:before,.saved-palettes-card>.card-heading:after{display:none}.format-card,.library-card{background:0 0}.format-card,.library-card,.saved-palettes-card,.converter-results-card,.scale-preview-card,.gamut-result-card,.alpha-result-card,.mixer-result-card,.wheel-harmony-card,.gradient-preview-card,.contrast-preview-card,.saved-contrast-card,.extracted-palette-card,.palette-audit-report,.theme-preview-card,.theme-role-card,.data-palette-preview,.vision-preview-card,.token-results-card,.image-gradient-result,.svg-editor-card,.print-result-card,.color-detail-values,.color-detail-analysis,.detail-related-colors{border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);box-shadow:none;border:0!important}.picker-side-stack{gap:16px;border:0!important}.card-heading p,.workspace-section-heading p,.field-help,.field-label,.privacy-note{color:var(--md-on-surface-variant)}.result-row,.mixer-result-row,.saved-swatch,.saved-palette,.saved-contrast-pair,.profile-file-row,.profile-meta span,.print-channel-grid article,.token-summary,.token-summary article,.token-findings,.token-findings p,.generic-cmyk,.print-caveat,.svg-current-note{border:0!important}.result-row,.mixer-result-row{border-radius:var(--md-shape-md);background:0 0;min-height:64px;margin-top:2px;padding:8px 10px 8px 16px}.result-row:hover,.mixer-result-row:hover{background:color-mix(in srgb, var(--md-on-surface) 6%, transparent)}.saved-swatch,.saved-palette,.saved-contrast-pair{border-radius:var(--md-shape-md);background:0 0}.empty-panel,.saved-contrast-empty,.svg-current-note{border-radius:var(--md-shape-lg);background:var(--md-surface-container);border:0!important}.code-block,.gradient-code-row,.gamut-css-row,.article-content pre{border-radius:var(--md-shape-lg);background:var(--md-surface-container-lowest);box-shadow:none;border:0!important}.picker-preview,.converter-preview,.contrast-preview,.gradient-preview,.image-dropzone,.image-preview-shell,.image-gradient-preview,.svg-preview-shell,.alpha-preview,.extracted-gradient-preview,.theme-interface-preview,.mixer-result-preview{border-radius:var(--md-shape-xl);overflow:clip;border:0!important}.tools-page,.tools-workspace{background:0 0}.tools-search{border-radius:var(--md-shape-full);background:var(--md-surface-container-high);height:56px;padding-inline:18px;border:0!important}.tools-search:focus-within{box-shadow:inset 0 0 0 2px var(--md-primary)}.tools-popular .directory-section-heading{justify-content:start;justify-items:start;gap:4px;display:grid}.tools-popular .directory-section-heading .eyebrow{margin:0}.tool-category+.tool-category,.compact-tool-grid,.related-tool-list,.related-tools.container{border:0!important}.compact-tool-grid,.related-tool-list{gap:4px 12px}.compact-tool-grid>a,.related-tool-list a{border-radius:var(--md-shape-lg);background:0 0;min-height:84px;border:0!important;padding:14px 16px!important}.related-tool-list a{background:var(--md-surface-container-low)}.compact-tool-grid>a:hover,.related-tool-list a:hover,.related-tool-list a:focus-visible{background:var(--md-surface-container-high);transform:translateY(-2px)}.related-tools.container{background:0 0;border-radius:0;margin-top:24px}.overview-hero,.workspace-tools,.workspace-privacy{box-shadow:none;background:0 0;border-radius:0;border:0!important}.overview-hero{background:var(--md-surface-container-low);overflow:clip}.overview-copy,.workspace-section-heading,.color-metrics,.history-block,.palette-save-row,.contrast-score,.contrast-fix-row,.gradient-stop,.gamut-device-status,.gamut-status,.data-chart-preview,.blog-featured-copy,.blog-palette-strip,.blog-list-heading,.article-related-heading{border:0!important}.gradient-stop,.gamut-device-status,.gamut-status,.data-chart-preview{border-radius:var(--md-shape-lg);background:var(--md-surface-container)}.gradient-stop{background:0 0}.palette-strip{border-radius:var(--md-shape-lg);border:0!important}.overview-color,.overview-color-meta{border:0!important}.overview-color-meta{background:var(--md-inverse-surface);color:var(--md-inverse-on-surface)}.overview-color-meta :is(span,strong,small){color:inherit}.workspace-tool-list{gap:8px}.workspace-tool-list>a{background:0 0}.blog-featured,.blog-list,.article-palette,.article-layout,.article-related,.blog-post-row,.article-related-list,.article-related-list a,.article-content section+section{border:0!important}.blog-featured{background:var(--md-surface-container-low);border-radius:0;overflow:clip}.blog-list,.article-related{padding:var(--space-card-block) var(--content-gutter);background:0 0;border-radius:0;margin-top:24px}.blog-post-list,.article-related-list{gap:10px;display:grid}.blog-post-row>a,.article-related-list a{border-radius:var(--md-shape-lg);background:0 0}.blog-post-row>a:hover,.article-related-list a:hover{background:var(--md-surface-container-high)}.article-palette{border-radius:0;overflow:clip}.article-layout{padding:var(--content-gutter);background:0 0;border-radius:0;gap:clamp(28px,5vw,72px);margin-top:24px}.article-aside{background:0 0;border-radius:0;align-self:start;padding:8px 0;border:0!important}.article-content section+section{margin-top:48px;padding-top:0}.article-content h2{letter-spacing:-.035em;font-weight:570}.auth-page{background:var(--md-background)}.auth-panel{background:var(--md-surface-container-low)}.auth-context{background:var(--md-surface-container-lowest)}.auth-context-color{background:radial-gradient(circle at 24% 28%, color-mix(in srgb, var(--md-tertiary) 88%, white) 0 9%, transparent 30%), linear-gradient(135deg, var(--md-primary) 0%, var(--md-secondary) 58%, #d5a500 100%)}.auth-submit{border-radius:var(--md-shape-full);background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--md-elevation-1)}.tool-heading h1,.dashboard-heading h1,.tool-heading .page-heading-description,.dashboard-heading .page-heading-description,.tool-workspace>*,.workspace-overview>*{animation:m3-page-enter 0s var(--md-motion-standard) both}.tool-workspace>*,.workspace-overview>*{animation-delay:35ms}@keyframes m3-page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1200px){.site-header{background:var(--md-surface);border:0!important}.nav-panel{top:var(--header-height);width:var(--sidebar-width);border-radius:0;min-height:0;padding:18px 8px;bottom:0}.app-stage{background:0 0}}@media (max-width:1199px){.nav-panel{background:var(--md-surface-container-low);padding:18px 16px}.sidebar-header{padding-inline:8px}.mobile-nav-backdrop{background:color-mix(in srgb, var(--md-scrim) 45%, transparent)}}@media (max-width:760px){:root{--content-gutter:16px;--space-heading-start:28px;--space-heading-end:22px}.mobile-shell-bar{padding-inline:0}.dashboard-heading h1,.tool-heading h1,.blog-heading h1,.article-header h1{font-size:clamp(36px,11vw,50px)}.tool-workspace,.workspace-overview{gap:16px}.tool-workspace>*,.workspace-overview>*,.overview-hero,.blog-featured,.blog-list,.article-layout,.article-related,.related-tools.container{border-radius:0}.article-layout{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.tool-heading h1,.dashboard-heading h1,.tool-heading .page-heading-description,.dashboard-heading .page-heading-description,.tool-workspace>*,.workspace-overview>*{animation:none}}
:root{--tool-layout-gap:clamp(24px, 2.6vw, 26px);--tool-section-gap:clamp(24px, 3.2vw, 26px);--tool-card-padding:clamp(24px, 2.5vw, 34px)}.tool-heading{padding-bottom:var(--space-heading-end)}.tool-heading h1,.tool-heading .page-heading-description{max-width:none}.tool-heading h1{font-size:clamp(40px,4.5vw,60px)}.tool-workspace{padding-bottom:clamp(72px,8vw,112px)}.tool-workspace.container,.workspace-overview.container{padding-inline:var(--content-gutter)}.tool-workspace>[class*=-layout]{gap:var(--tool-layout-gap);align-items:start}.tool-workspace :is(.picker-main-card,.palette-builder-card,.contrast-controls-card,.gradient-editor-card,.extract-image-card,.converter-input-card,.scale-controls-card,.gamut-controls-card,.alpha-controls-card,.mixer-controls-card,.wheel-picker-card,.theme-controls-card,.token-source-card,.vision-controls-card,.palette-audit-controls,.data-palette-controls,.image-gradient-source,.svg-preview-card,.print-controls-card,.difference-controls-card,.batch-input-card,.palette-file-controls,.gamut-inspector-controls,.image-recolor-controls){padding:0!important}.tool-workspace :is(.format-card,.library-card,.converter-results-card,.gamut-result-card,.alpha-result-card,.mixer-result-card,.gradient-preview-card,.contrast-preview-card,.saved-contrast-card,.extracted-palette-card,.palette-audit-report,.theme-preview-card,.theme-role-card,.data-palette-preview,.vision-preview-card,.token-results-card,.image-gradient-result,.svg-editor-card,.print-result-card,.color-detail-values,.color-detail-analysis,.detail-related-colors,.difference-results-card,.batch-results-card,.palette-file-preview,.gamut-plot-card,.image-recolor-result){align-self:start;padding:var(--tool-card-padding)!important}.tool-workspace .card-heading{margin-bottom:22px}.tool-workspace .card-heading p{margin-top:6px;line-height:1.45}.tool-workspace .code-textarea{resize:vertical;width:100%;min-height:320px;color:var(--md-on-surface);tab-size:2;outline:0;padding:16px;font:500 .9rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;border-radius:var(--md-shape-md)!important;background:var(--md-surface-container-high)!important;box-shadow:none!important;border:0!important}.tool-workspace .code-textarea:hover{background:color-mix(in srgb, var(--md-surface-container-highest) 92%, var(--md-on-surface))!important}.tool-workspace .code-textarea:focus{box-shadow:inset 0 0 0 2px var(--md-primary)!important}.tool-workspace :is(.field,.color-control,.fine-tune-field){gap:8px}.tool-workspace :is(.field>span,.field-label,.fine-tune-field>span){line-height:1.35}.tool-workspace :is(.button,.select-trigger,.fine-tune-input){min-height:48px}@container toolworkspace (min-width:960px){:is(.contrast-layout,.gradient-layout,.extract-layout,.converter-layout,.color-detail-grid,.gamut-layout,.alpha-layout,.token-audit-layout,.image-gradient-layout,.svg-recolor-layout,.print-profile-layout,.difference-layout,.batch-layout,.palette-file-layout,.gamut-inspector-layout,.image-recolor-layout){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){:root{--tool-layout-gap:28px;--tool-section-gap:36px;--tool-card-padding:22px}.tool-heading h1{font-size:clamp(34px,9vw,44px)}}
.tool-workspace .picker-page-layout{gap:var(--tool-section-gap);grid-template-columns:minmax(0,1.2fr) minmax(300px,.86fr);align-items:start;display:grid}.picker-shade-section{grid-column:1/-1;align-items:center;gap:16px;min-width:0;display:flex}.picker-shade-bar{border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);flex:auto;min-width:0;height:48px;display:flex;overflow:hidden}.picker-shade-bar button{cursor:pointer;border:0;flex:1 1 0;min-width:0}.picker-shade-bar button:focus-visible{z-index:1;outline:3px solid var(--md-primary);outline-offset:-4px;position:relative}.picker-layout{display:contents}.picker-shade-section{grid-area:1/1/auto/-1}.picker-main-card{grid-area:2/1}.picker-library-layout{grid-area:3/1/auto/-1;grid-template-columns:1fr;align-items:start;gap:32px;display:grid}.picker-main-card{padding:0!important}.picker-side-section{gap:14px;min-width:0;display:grid}.picker-side-heading{padding-inline:4px;margin:0!important}.picker-library-layout .picker-side-heading{min-height:0}.library-card{align-self:start;padding:var(--tool-card-padding)!important}.picker-library-layout .library-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.picker-preview{margin:0 0 16px}.picker-slider-stack{margin-top:16px}.picker-controls-section{grid-area:2/2;grid-template-columns:1fr;align-self:start;gap:16px;min-width:0;display:grid}.picker-controls-grid{gap:16px;min-width:0;display:grid}.picker-main-card .picker-slider-stack{display:none}.picker-layout .picker-controls-section .picker-code-row{display:contents}.picker-layout .picker-controls-section .picker-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.picker-layout .picker-controls-section .picker-actions .button{min-width:0;padding-inline:10px}.picker-layout .picker-controls-section .fine-tune-grid{margin-top:0}.picker-layout .picker-controls-section .picker-metrics-grid{padding-top:0}.picker-recent-section{gap:10px;min-width:0;display:grid}.picker-recent-section .picker-side-heading{min-height:0;margin-bottom:0!important}.picker-page-layout>.picker-controls-section{display:none}.picker-code-row{grid-template-columns:minmax(180px,1fr) auto;gap:16px;margin-top:0}.fine-tune-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.picker-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:space-between;gap:12px;min-width:0;padding-top:24px;display:grid}.picker-control-metric{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);align-content:center;align-self:end;gap:2px;min-height:66px;padding:8px 16px;display:grid}.picker-control-metric span{color:var(--md-on-surface-variant);font-size:12px}.picker-control-metric strong{color:var(--md-on-surface);font-size:15px}.saved-swatches{scrollbar-gutter:auto;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;height:auto;max-height:none;margin-top:0;display:grid;overflow:visible}.picker-library-layout .saved-swatches{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.saved-swatch{aspect-ratio:1;border-radius:var(--md-shape-lg);min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden;background:var(--md-surface-container-low)!important;border:0!important}.saved-swatch .swatch-color{border-radius:inherit;width:100%;height:100%}.saved-swatch .saved-color-code{z-index:1;background:var(--saved-color-chip);width:100%;min-height:0;color:var(--saved-color-ink);text-align:center;opacity:0;border-radius:0;padding:6px 10px;transition:opacity .14s;display:block;position:absolute;bottom:0;left:0}.saved-swatch:hover .saved-color-code,.saved-swatch:focus-within .saved-color-code{opacity:1}.saved-swatches>.empty-note,.saved-swatches>.swatch-skeleton-row{grid-column:1/-1}.saved-swatches>.empty-note{text-align:center;background:0 0;border:0;margin:0;padding:0}.recent-colors-card{border-radius:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.recent-colors-card .history-swatches{margin-top:0}.recent-colors-card .empty-note{margin:0}@container toolworkspace (max-width:1100px){.tool-workspace .picker-page-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.picker-shade-section{grid-area:1/1/auto/-1}.picker-main-card{grid-area:2/1}.picker-layout .picker-controls-section{grid-area:2/2}.picker-library-layout{grid-area:3/1/auto/-1}}@container toolworkspace (max-width:760px){.tool-workspace .picker-page-layout{grid-template-columns:1fr}.picker-shade-section,.picker-main-card,.picker-layout .picker-controls-section,.picker-library-layout{grid-area:auto/1}.picker-shade-section{gap:10px}.picker-shade-bar{height:64px}.picker-library-layout{gap:28px}.picker-controls-section{grid-template-columns:1fr}.picker-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.picker-code-row{grid-template-columns:1fr;gap:14px}.fine-tune-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@container toolworkspace (max-width:360px){.fine-tune-grid{grid-template-columns:1fr;gap:14px}}
.tool-workspace .converter-input>span{color:var(--md-on-surface);letter-spacing:-.025em;font-size:20px;font-weight:570;line-height:normal}.converter-input>.field-help{margin:-2px 0 2px;padding-left:0;line-height:1.45;display:block}.converter-input>.field-help:before{display:none}.converter-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0;display:grid}.converter-input-row .converter-save{width:auto;min-height:52px;margin:0}.converter-input-card .converter-preview{margin-top:12px}.tool-workspace .converter-results-card{align-self:start;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.converter-results-card>.card-heading{padding-inline:4px;margin:0 0 14px!important}.converter-result-list{gap:10px;display:grid}.converter-result-list .result-row{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-height:64px;margin:0;padding:8px 10px 8px 16px;transition:background-color .16s;border:0!important}.converter-result-list .result-row:hover,.converter-result-list .result-row:focus-within{background:var(--md-surface-container-high)}.converter-result-list .result-row.is-input-format,.converter-result-list .result-row.is-input-format:hover,.converter-result-list .result-row.is-input-format:focus-within{background:var(--md-primary-container);color:var(--md-on-primary-container)}.converter-result-list .result-row.is-input-format>span,.converter-result-list .result-row.is-input-format code,.converter-result-list .result-row.is-input-format small,.converter-result-list .result-row.is-input-format .icon-button{color:inherit}@container toolworkspace (max-width:560px){.converter-input-row{grid-template-columns:1fr}.converter-input-row .converter-save{width:100%}.converter-result-list .result-row{grid-template-columns:62px minmax(0,1fr) 36px;gap:8px}}
.tool-workspace .gamut-channel{gap:14px;margin:0}.tool-workspace .gamut-channel+.gamut-channel{margin-top:22px}.tool-workspace .gamut-channel-heading{align-items:baseline;gap:12px;display:flex}.tool-workspace .gamut-channel-name{border-radius:var(--md-shape-md);background:var(--md-surface-container-low);min-width:40px;min-height:36px;color:var(--md-on-surface);place-items:center;padding-inline:10px;font-size:18px;font-weight:600;display:inline-grid}.tool-workspace .gamut-channel-heading b{color:var(--md-on-surface);letter-spacing:-.025em;font-size:28px;font-weight:600;line-height:1}.tool-workspace .gamut-result-card{align-self:start;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.gamut-preview-grid{border-radius:var(--md-shape-xl)}.gamut-result-card .gamut-status{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0;margin-top:16px}.gamut-result-list{gap:10px;margin-top:12px;display:grid}.gamut-result-list .result-row{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-height:64px;margin:0;padding:8px 10px 8px 16px;transition:background-color .16s;border:0!important}.gamut-result-list .result-row:hover,.gamut-result-list .result-row:focus-within{background:var(--md-surface-container-high)}.gamut-result-list .gamut-css-row{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);margin:0;padding:16px;border:0!important}@container toolworkspace (max-width:560px){.gamut-preview-grid{grid-template-columns:1fr;min-height:0}.gamut-preview-grid article{min-height:180px}.gamut-result-list .result-row{grid-template-columns:62px minmax(0,1fr) 36px;gap:8px}}
.tool-workspace .alpha-color-controls{grid-template-columns:minmax(0,1fr);gap:10px}.alpha-swap{background:var(--md-surface-container-low);justify-self:center;width:48px;height:48px}.alpha-swap svg{transform:rotate(90deg)}.tool-workspace .alpha-result-card{align-self:start;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.alpha-preview{border-radius:var(--md-shape-xl)}.alpha-result-list{gap:10px;margin-top:12px;display:grid}.alpha-result-list .result-row{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-height:64px;margin:0;padding:8px 10px 8px 16px;transition:background-color .16s;border:0!important}.alpha-result-list .result-row:hover,.alpha-result-list .result-row:focus-within{background:var(--md-surface-container-high)}@container toolworkspace (max-width:560px){.alpha-result-list .result-row{grid-template-columns:62px minmax(0,1fr) 36px;gap:8px}}
.tool-workspace .mixer-layout{gap:var(--tool-layout-gap);background:0 0;border:0;grid-template-columns:minmax(0,1fr);display:grid}.mixer-stage{aspect-ratio:1;width:min(100%,610px);min-width:0;margin-inline:auto;position:relative}.mixer-source{z-index:2;top:var(--mixer-source-y);left:var(--mixer-source-x);width:var(--mixer-source-size);touch-action:none;position:absolute;transform:translate(-50%,-50%)}.mixer-source.is-sorting{cursor:grabbing}.mixer-stage[data-manual-balance=true]{margin-bottom:30px}.mixer-stage[data-color-count="2"]{--mixer-source-size:clamp(104px, 20vw, 160px);aspect-ratio:auto;width:min(100%,680px);height:clamp(240px,32vw,300px)}.mixer-stage[data-color-count="3"]{--mixer-source-size:clamp(100px, 18vw, 140px);width:min(100%,500px)}.mixer-stage[data-color-count="4"]{--mixer-source-size:clamp(94px, 16vw, 132px);width:min(100%,530px)}.mixer-stage[data-color-count="5"]{--mixer-source-size:clamp(88px, 14vw, 124px);width:min(100%,560px)}.mixer-stage[data-color-count="6"]{--mixer-source-size:clamp(84px, 12vw, 118px);width:min(100%,585px)}.mixer-stage[data-color-count="7"]{--mixer-source-size:clamp(80px, 11vw, 112px);width:min(100%,610px)}.mixer-stage[data-color-count="8"]{--mixer-source-size:clamp(74px, 9vw, 102px);width:min(100%,620px)}.mixer-stage[data-color-count="9"]{--mixer-source-size:clamp(70px, 8vw, 94px);width:min(100%,630px)}.mixer-stage[data-color-count="10"]{--mixer-source-size:clamp(66px, 7.5vw, 88px);width:min(100%,640px)}.mixer-stage[data-color-count="11"]{--mixer-source-size:clamp(62px, 7vw, 82px);width:min(100%,650px)}.mixer-stage[data-color-count="12"]{--mixer-source-size:clamp(58px, 6.5vw, 118px);width:min(100%,660px)}.mixer-source-control{container-type:normal}.mixer-source-preview,.mixer-result-preview{text-align:center;border-radius:50%;place-content:center;gap:6px;display:grid;overflow:hidden}.mixer-source-preview{aspect-ratio:1;width:100%;color:inherit;cursor:grab;transition:transform .16s var(--motion-standard), box-shadow .16s var(--motion-standard);border:0;padding:12px}.mixer-source.is-sorting .mixer-source-preview{cursor:grabbing}.mixer-source-preview:hover,.mixer-source-preview:focus-visible{box-shadow:var(--elevation-2);transform:scale(1.035)}.mixer-source-preview span{font-size:11px}.mixer-source-preview strong{font-size:clamp(13px,1.45vw,18px)}.mixer-stage:is([data-color-count="8"],[data-color-count="9"],[data-color-count="10"],[data-color-count="11"],[data-color-count="12"]) .mixer-source-preview{gap:3px;padding:8px}.mixer-stage:is([data-color-count="8"],[data-color-count="9"],[data-color-count="10"],[data-color-count="11"],[data-color-count="12"]) .mixer-source-preview span{font-size:9px}.mixer-stage:is([data-color-count="8"],[data-color-count="9"],[data-color-count="10"],[data-color-count="11"],[data-color-count="12"]) .mixer-source-preview strong{font-size:11px}.mixer-source-balance{text-align:center;gap:0;width:100%;display:grid;position:absolute;top:calc(100% + 3px);left:0}.mixer-source-balance>span{color:var(--md-on-surface-variant);font-size:10px;line-height:1}.mixer-source-balance .mixer-source-slider{height:24px}.mixer-source-slider .slider-track{height:4px}.mixer-source-slider .slider-thumb{border-width:2px;width:14px;height:14px}.mixer-source-slider:hover .slider-thumb,.mixer-source-slider:focus-visible .slider-thumb{width:16px;height:16px}.mixer-result-preview{z-index:1;aspect-ratio:1;width:clamp(180px,38%,290px);min-height:0;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mixer-stage[data-color-count="2"] .mixer-result-preview{width:clamp(180px,32%,220px)}.mixer-result-preview span,.mixer-result-preview small{font-size:12px}.mixer-result-preview strong{font-size:clamp(27px,3vw,42px)}.mixer-result-preview small{max-width:190px;margin-inline:auto}.color-control-popup-fields{padding:0 10px 10px}.mixer-controls-card{grid-template-columns:minmax(120px,.5fr) auto minmax(240px,1.4fr) minmax(300px,1fr) auto;align-items:end;gap:16px;display:grid}.mixer-controls-card.is-multi{grid-template-columns:minmax(120px,.55fr) minmax(180px,.8fr) minmax(300px,1.2fr) auto}.mixer-controls-card :is(.mixer-ratio-field,.mixer-space-controls,.mixer-actions){margin-top:0}.mixer-controls-card .mixer-actions{align-self:end}.mixer-controls-card .swap-button{background:var(--md-surface-container-low);color:var(--md-on-surface-variant)}.mixer-controls-card .swap-button:hover,.mixer-controls-card .swap-button:focus-visible{background:var(--md-surface-container-high);color:var(--md-on-surface)}.tool-workspace .mixer-result-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.mixer-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0;display:grid}.mixer-result-list .mixer-result-row{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-height:64px;margin:0;padding:8px 10px 8px 16px;transition:background-color .16s;border:0!important}.mixer-result-list .mixer-result-row:hover,.mixer-result-list .mixer-result-row:focus-within{background:var(--md-surface-container-high)}@container toolworkspace (min-width:621px) and (max-width:980px){.mixer-controls-card{grid-template-columns:minmax(120px,.45fr) auto minmax(240px,1fr) auto}.mixer-controls-card.is-multi{grid-template-columns:minmax(120px,.45fr) minmax(180px,1fr) minmax(240px,1fr) auto}.mixer-ratio-field{grid-column:3/-1}.mixer-controls-card.is-multi .mixer-balance-field{grid-column:2/-1}.mixer-space-controls{grid-column:1/4}.mixer-actions{grid-column:4}}@container toolworkspace (min-width:561px) and (max-width:620px){.mixer-controls-card,.mixer-controls-card.is-multi{grid-template-columns:1fr}.mixer-controls-card .swap-button{justify-self:center}}@container toolworkspace (max-width:560px){.mixer-stage{width:100%}.mixer-stage[data-color-count="2"]{--mixer-source-size:clamp(88px, 25vw, 104px);height:clamp(200px,58vw,230px)}.mixer-source-preview span{display:none}.mixer-source-preview strong{font-size:11px}.mixer-result-preview{width:clamp(154px,43%,180px);min-height:0;padding:18px}.mixer-stage[data-color-count="2"] .mixer-result-preview{width:clamp(144px,42%,174px)}.mixer-result-preview strong{font-size:27px}.mixer-result-preview small{font-size:10px}.mixer-controls-card,.mixer-controls-card.is-multi,.mixer-result-list{grid-template-columns:1fr}.mixer-controls-card .swap-button{justify-self:center}.mixer-space-controls,.mixer-actions{grid-column:auto}.mixer-result-list .mixer-result-row{grid-template-columns:62px minmax(0,1fr) 36px;gap:8px}}
.tool-workspace .print-result-card{align-self:start;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.print-result-card>.card-heading{padding-inline:4px;margin:0 0 14px!important}.print-result-card .empty-panel{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0!important}.print-result-card .generic-cmyk{border:0;margin-top:28px;padding-top:0}.print-result-card .print-channel-grid{gap:10px}.print-result-card .print-channel-grid article{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0!important}.print-result-card .print-caveat{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);margin:12px 0 0;padding:16px;line-height:1.45;border:0!important}
.tool-workspace .semantic-theme-layout{gap:var(--tool-section-gap);display:grid}.tool-workspace .theme-preview-card,.tool-workspace .theme-role-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.theme-interface-preview{border-radius:var(--md-shape-xl)}.theme-role-card>.card-heading{padding-inline:4px;margin:0 0 14px!important}.theme-role-grid{border-radius:0;gap:10px;overflow:visible}.theme-role-grid .shared-color-swatch{border-radius:var(--md-shape-lg);overflow:clip}
.tool-workspace .data-palette-layout{gap:var(--tool-section-gap);display:grid}.tool-workspace .data-palette-preview{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .data-palette-preview>.card-heading{padding-inline:4px;margin:0 0 16px!important}.tool-workspace .data-chart-preview{border-radius:0;gap:10px;height:clamp(230px,28vw,310px);padding:8px 0 0;background:0 0!important;border:0!important}.tool-workspace .data-chart-preview i{border-radius:8px 8px 0 0;overflow:hidden}.tool-workspace .data-palette-swatches{scrollbar-width:thin;border-radius:0;gap:10px;margin-top:18px;overflow-x:auto}.tool-workspace .data-palette-swatches .shared-color-swatch{border-radius:var(--md-shape-lg);min-width:142px;min-height:160px;overflow:clip}.tool-workspace .data-palette-note{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);margin-top:16px;padding:14px 16px;line-height:1.45}@container toolworkspace (max-width:520px){.tool-workspace .data-chart-preview{gap:6px;height:220px}.tool-workspace .data-palette-swatches{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.tool-workspace .data-palette-swatches .shared-color-swatch{min-width:0;min-height:132px}}
.tool-workspace .ccv-contrast{gap:clamp(32px,4vw,52px);min-width:0;display:grid}.tool-workspace .ccv-contrast-workbench{align-items:start;gap:var(--tool-section-gap);grid-template-columns:minmax(340px,.76fr) minmax(0,1.24fr);min-width:0;display:grid}.tool-workspace .ccv-contrast-controls,.tool-workspace .ccv-contrast-preview-panel,.tool-workspace .ccv-contrast-library{min-width:0}.tool-workspace .ccv-contrast-controls{gap:22px;display:grid}.tool-workspace .ccv-contrast-color-editor{gap:12px;display:grid}.tool-workspace .ccv-contrast-swap{background:var(--surface-muted);width:40px;height:40px;color:var(--text-soft);cursor:pointer;transition:background-color .16s var(--motion-standard), color .16s var(--motion-standard);border:0;border-radius:999px;justify-self:center;place-items:center;padding:0;display:grid}.tool-workspace .ccv-contrast-swap svg{width:18px;height:18px;transform:rotate(90deg)}.tool-workspace .ccv-contrast-swap:hover{background:var(--md-primary);color:var(--md-on-primary)}.tool-workspace .ccv-contrast-swap:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tool-workspace .ccv-contrast-score{min-width:0}.tool-workspace .ccv-contrast-score-heading{color:var(--text-soft);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.tool-workspace .ccv-contrast-rating{color:var(--text-soft);border-radius:999px;padding:6px 10px;line-height:1}.tool-workspace .ccv-contrast-score>strong{color:var(--text);letter-spacing:-.055em;margin-top:10px;font-size:clamp(52px,6vw,78px);font-weight:500;line-height:.95;display:block}.tool-workspace .ccv-contrast-score>strong span{color:var(--text-soft);letter-spacing:-.02em;margin-left:4px;font-size:.38em}.tool-workspace .ccv-contrast-score>p{color:var(--text-soft);margin:16px 0 0;font-size:14px;line-height:1.45}.tool-workspace .ccv-contrast-actions{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;display:grid}.tool-workspace .ccv-contrast-actions .button,.tool-workspace .ccv-contrast-actions .export-menu,.tool-workspace .ccv-contrast-actions .export-menu>.button{width:100%;min-width:0}.tool-workspace .ccv-contrast-apca{background:var(--surface-soft);border-radius:20px;overflow:clip}.tool-workspace .ccv-contrast-apca summary{color:var(--text);cursor:pointer;padding:16px 18px;font-weight:600}.tool-workspace .ccv-contrast-apca-content{gap:10px;padding:0 18px 18px;display:grid}.tool-workspace .ccv-contrast-apca-score{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.tool-workspace .ccv-contrast-apca-score span,.tool-workspace .ccv-contrast-apca-content :is(p,small){color:var(--text-soft)}.tool-workspace .ccv-contrast-apca-score strong{color:var(--text);font-size:1.35rem}.tool-workspace .ccv-contrast-apca-content :is(p,small){margin:0;line-height:1.5}.tool-workspace .ccv-contrast-preview-panel{gap:12px;display:grid}.tool-workspace .ccv-contrast-preview{border-radius:28px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:470px;padding:clamp(38px,5vw,68px);display:flex;overflow:hidden}.tool-workspace .ccv-contrast-preview-kicker{letter-spacing:.055em;text-transform:uppercase;margin:0 0 20px;font-size:12px;line-height:1.2}.tool-workspace .ccv-contrast-preview h2{max-width:680px;color:inherit;letter-spacing:-.045em;margin:0;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.02}.tool-workspace .ccv-contrast-preview>p:not(.ccv-contrast-preview-kicker){max-width:620px;color:inherit;margin:24px 0 28px;font-size:17px;line-height:1.5}.tool-workspace .ccv-contrast-preview-button{border:1px solid;border-radius:14px;align-items:center;min-height:46px;padding:0 18px;font-size:15px;display:inline-flex}.tool-workspace .ccv-contrast-preview>small{color:inherit;margin-top:12px;font-size:13px;line-height:1.4}.tool-workspace .ccv-contrast-criteria{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.tool-workspace .ccv-contrast-criterion{background:var(--surface-soft);border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;min-height:100px;padding:14px;display:flex}.tool-workspace .ccv-contrast-criterion>div{gap:3px;min-width:0;display:grid}.tool-workspace .ccv-contrast-criterion span{color:var(--text-soft);font-size:13px;line-height:1.25}.tool-workspace .ccv-contrast-criterion small{color:var(--text-faint);font-size:11px}.tool-workspace .ccv-contrast-criterion strong{align-items:center;gap:6px;font-size:14px;display:inline-flex}.tool-workspace .ccv-contrast-criterion strong svg{width:16px;height:16px}.tool-workspace .ccv-contrast-criterion.is-pass strong{color:var(--success)}.tool-workspace .ccv-contrast-criterion.is-fail strong{color:var(--danger)}.tool-workspace .ccv-contrast-library{gap:18px;display:grid}.tool-workspace .ccv-contrast-library-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.tool-workspace .ccv-contrast-library-heading h2{color:var(--text);margin:0;font-size:clamp(22px,2vw,28px)}.tool-workspace .ccv-contrast-list{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px;display:grid}.tool-workspace .ccv-contrast-empty{color:var(--text-soft);text-align:center;grid-column:1/-1;margin:0;padding:0}.tool-workspace .ccv-contrast-pair{--contrast-pair-background:var(--surface-soft);--contrast-pair-foreground:var(--text);--contrast-pair-overlay:color-mix(in srgb, var(--contrast-pair-foreground) 20%, transparent);aspect-ratio:1;border-radius:var(--md-shape-lg);background:var(--contrast-pair-background);min-width:0;color:var(--contrast-pair-foreground);position:relative;overflow:hidden}.tool-workspace .ccv-contrast-pair-main{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.tool-workspace .ccv-contrast-pair-main>span{letter-spacing:-.04em;font-size:clamp(30px,4vw,42px);font-weight:500}.tool-workspace .ccv-contrast-pair-details{z-index:1;background:var(--contrast-pair-overlay);width:100%;min-width:0;min-height:50px;color:inherit;text-align:center;opacity:0;grid-template-columns:minmax(0,1fr);place-items:center;padding:7px 7px 7px 10px;transition:opacity .14s;display:grid;position:absolute;bottom:0;left:0}.tool-workspace .ccv-contrast-pair:hover .ccv-contrast-pair-details,.tool-workspace .ccv-contrast-pair:focus-within .ccv-contrast-pair-details{opacity:1}.tool-workspace .ccv-contrast-pair-values{justify-items:center;gap:2px;width:100%;min-width:0;display:grid}.tool-workspace .ccv-contrast-pair-values button{max-width:100%;color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.tool-workspace .ccv-contrast-pair-values button:first-child{font-size:12px;font-weight:600}.tool-workspace .ccv-contrast-pair-values button:last-child{font-size:10px}@container toolworkspace (max-width:1080px){.tool-workspace .ccv-contrast-workbench{grid-template-columns:minmax(0,1fr)}.tool-workspace .ccv-contrast-preview{min-height:420px}}@container toolworkspace (max-width:720px){.tool-workspace .ccv-contrast-criteria{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-workspace .ccv-contrast-library-heading{flex-direction:column;align-items:stretch}}@container toolworkspace (max-width:520px){.tool-workspace .ccv-contrast{gap:32px}.tool-workspace .ccv-contrast-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-workspace .ccv-contrast-preview{border-radius:22px;min-height:360px;padding:28px}.tool-workspace .ccv-contrast-preview h2{font-size:clamp(34px,12vw,48px)}.tool-workspace .ccv-contrast-preview>p:not(.ccv-contrast-preview-kicker){margin-block:20px 24px;font-size:15px}.tool-workspace .ccv-contrast-criteria{grid-template-columns:repeat(2,minmax(0,1fr))}}@container toolworkspace (max-width:390px){.tool-workspace .ccv-contrast-actions,.tool-workspace .ccv-contrast-criteria{grid-template-columns:minmax(0,1fr)}}
.tool-workspace .gradient-layout{gap:var(--tool-section-gap)}.tool-workspace .gradient-preview-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .gradient-preview{border-radius:var(--md-shape-xl);min-height:clamp(280px,38vw,520px)}.tool-workspace .gradient-code-row{background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) 48px;margin-top:12px;padding:0;border:0!important}.tool-workspace .gradient-code-row code{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-height:48px;padding:12px 16px}.tool-workspace .gradient-code-row>.icon-button{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);width:48px;height:48px}.tool-workspace .stop-list{gap:18px}.tool-workspace .gradient-stop{border-radius:0;padding:0;background:0 0!important;border:0!important}
.tool-workspace .extract-layout{grid-template-columns:minmax(0,1fr);gap:0}.tool-workspace .extract-image-card{--image-preview-height:390px;width:100%;min-height:0}.tool-workspace .extract-image-card .image-preview-canvas{cursor:default;height:100%}.tool-workspace .extract-image-card .image-dominant-marker{z-index:2;cursor:grab;touch-action:none;background:0 0;border-style:solid;border-width:4px;border-radius:50%;width:22px;height:22px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 0 0 3px #0000008c,0 2px 8px #00000059}.tool-workspace .extract-image-card .image-dominant-marker.is-dragging{z-index:4;cursor:grabbing}.tool-workspace .extract-image-card .image-preview-shell{width:100%;min-height:var(--image-preview-height);background:0 0;border-radius:0;grid-template-rows:auto;grid-template-columns:minmax(0,220px) minmax(0,760px) minmax(0,220px);justify-content:center;gap:clamp(16px,2vw,28px);overflow:visible;border:0!important}.tool-workspace .extract-image-card .image-preview-visual{height:var(--image-preview-height);min-height:var(--image-preview-height);border-radius:var(--md-shape-xl);grid-area:1/2;overflow:hidden}.tool-workspace .extract-image-card .image-preview-visual.is-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:background .15s;display:flex}.tool-workspace .extract-image-card .image-preview-visual.is-empty.is-dragging{background:var(--accent-soft)}.tool-workspace .extract-image-card .image-preview-visual.is-empty>svg{width:40px;height:40px;color:var(--text-soft);margin-bottom:18px}.tool-workspace .extract-image-card .image-preview-visual.is-empty>h2{margin:0;font-size:25px}.tool-workspace .extract-image-card .image-preview-visual.is-empty>p{max-width:440px;color:var(--text-soft);margin:10px 0 24px}.tool-workspace .extract-image-card .image-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tool-workspace .extract-image-card .image-url-control{display:flex}.tool-workspace .extract-image-card .image-preview-visual.is-empty>small{color:var(--text-faint);margin-top:16px;font-size:12px}.tool-workspace .extract-image-card .image-preview-bar{background:0 0;flex-direction:column;grid-area:1/1;justify-content:flex-start;align-items:stretch;gap:20px;min-height:0;padding:0}.tool-workspace .extract-image-card .image-preview-bar .button{width:100%}.tool-workspace .extract-image-card .image-preview-action-slot{min-height:42px}.image-url-popover{width:min(360px,100vw - 16px)}.image-url-form{gap:14px;padding:12px;display:grid}.image-url-form .button,.tool-workspace .extract-image-card .image-color-count-field,.tool-workspace .extract-image-card .image-color-count-field .select-menu,.tool-workspace .extract-image-card .image-color-count-field .select-trigger{width:100%}.tool-workspace .extract-image-card .image-color-count-field .select-trigger>span{color:inherit;font-size:15px}.tool-workspace .extract-image-card .image-preview-bar :is(strong,span){text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.tool-workspace .extracted-palette-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .image-extracted-strip{border-radius:var(--md-shape-xl)}.tool-workspace .image-extracted-strip>.extract-empty{width:100%;min-height:inherit;margin:0}.tool-workspace .image-ring-color-bar{min-height:40px;margin-bottom:0;position:relative}.tool-workspace .image-ring-color-bar>span{opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:132px;min-height:32px;padding:6px 14px;font-size:.8125rem;line-height:1;transition:left .22s cubic-bezier(.2,.8,.2,1),background-color .16s,color .16s,opacity .14s,transform .18s;display:flex;position:absolute;top:4px;transform:translate(-50%)translateY(3px)}.tool-workspace .image-ring-color-bar>span.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.tool-workspace .image-extracted-swatch{width:100%;height:100%;min-height:inherit;cursor:pointer;border:0;border-radius:0;padding:0}.tool-workspace .image-extracted-actions{margin-top:16px;display:flex}@container toolworkspace (max-width:620px){.tool-workspace .extract-image-card .image-preview-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:18px}.tool-workspace .extract-image-card .image-preview-visual{grid-area:1/1}.tool-workspace .extract-image-card .image-preview-bar{grid-area:2/1;gap:16px}}
.tool-workspace .palette-audit-layout{gap:var(--tool-section-gap);display:grid}.tool-workspace .palette-audit-report{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .audit-summary{border:0;border-radius:0;gap:10px}.tool-workspace .audit-summary article{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0!important}.tool-workspace .audit-swatches{border-radius:0;gap:10px;overflow-x:auto}.tool-workspace .audit-swatches .shared-color-swatch{border-radius:var(--md-shape-lg);overflow:clip}.tool-workspace .audit-section-heading{padding-inline:4px}.tool-workspace .audit-matrix-scroll{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0}.tool-workspace :is(.audit-conflict-list article,.audit-clear){border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0;padding:14px 16px}.tool-workspace .audit-conflict-list{gap:10px;border-top:0!important}.tool-workspace .audit-disclaimer{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);margin-top:16px;padding:14px 16px}
.tool-workspace .vision-layout{gap:var(--tool-section-gap);flex-direction:column;display:flex}.tool-workspace :is(.vision-controls-card,.vision-preview-card){box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .vision-controls-card{width:100%;margin-inline:auto}.tool-workspace .vision-controls-card .card-heading{text-align:center;width:min(100%,520px);margin-inline:auto}.tool-workspace .vision-controls-card .card-heading>div{width:100%}.tool-workspace .vision-controls-card .color-control{text-align:center;width:min(100%,520px);margin-inline:auto}.tool-workspace .vision-controls-card .color-control>.field-label{display:none}.tool-workspace .vision-preview-card,.tool-workspace .vision-palette-strip{width:100%}.tool-workspace .vision-note{text-align:center;background:0 0;border:0;border-radius:0;margin-top:18px;padding:0}.tool-workspace .vision-palette-strip{border-radius:var(--md-shape-xl)}.tool-workspace .vision-palette-swatch{width:100%;height:100%;min-height:inherit;text-align:center;border:0;border-radius:0;justify-content:center;align-items:flex-start;padding:20px;display:flex}.tool-workspace .vision-palette-label{justify-items:center;gap:4px;display:grid}.tool-workspace .vision-palette-label small{font-size:11px}.tool-workspace .vision-palette-label strong{overflow-wrap:anywhere;font-size:16px}
.tool-workspace .token-audit-layout{gap:var(--tool-section-gap)}.tool-workspace .token-results-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .token-summary{border-radius:0;gap:10px;padding:0;background:0 0!important;border:0!important}.tool-workspace .token-summary article{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0!important}.tool-workspace :is(.token-swatches,.image-gradient-swatches){border-radius:0;gap:10px;overflow:visible}.tool-workspace .token-swatches .shared-color-swatch{border-radius:var(--md-shape-lg);overflow:clip}.tool-workspace .token-findings{border:0}.tool-workspace .token-findings p{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0;margin-top:8px;padding:14px 16px}@container toolworkspace (max-width:620px){.tool-workspace .token-summary,.tool-workspace .token-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tool-workspace .image-gradient-layout{gap:var(--tool-section-gap)}.tool-workspace .image-gradient-result{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .image-gradient-result>.card-heading{padding-inline:4px;margin:0 0 16px!important}.tool-workspace .extracted-gradient-preview{border-radius:var(--md-shape-xl)}.tool-workspace .image-gradient-source .image-preview-bar{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0;min-height:80px;margin-top:12px;padding:14px 16px}.tool-workspace .image-gradient-source .image-preview-bar>div{gap:4px}.tool-workspace .image-gradient-source .image-preview-bar .button{flex:none}.tool-workspace .image-gradient-swatches{border-radius:0;gap:10px;overflow:visible}.tool-workspace .image-gradient-swatches .shared-color-swatch{border-radius:var(--md-shape-lg);overflow:clip}.tool-workspace .image-gradient-result .gradient-code-row{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);padding:14px 12px 14px 16px}.tool-workspace .image-gradient-result .privacy-note{padding-left:0}.tool-workspace .image-gradient-result .privacy-note:before{display:none}@container toolworkspace (max-width:620px){.tool-workspace .image-gradient-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-workspace .image-gradient-source .image-preview-bar{align-items:stretch;gap:12px}.tool-workspace .image-gradient-source .image-preview-bar .button{width:100%}}
.tool-workspace .svg-recolor-layout{gap:var(--tool-section-gap)}.tool-workspace .svg-editor-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .svg-editor-card>.card-heading{padding-inline:4px;margin:0 0 16px!important}.tool-workspace .svg-color-list{gap:10px}.tool-workspace .svg-color-list>.color-control{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);padding:14px}.tool-workspace .svg-current-note,.tool-workspace .svg-editor-card>.empty-panel{background:var(--md-surface-container-low)}.tool-workspace .svg-editor-card .privacy-note{padding-left:0}.tool-workspace .svg-editor-card .privacy-note:before{display:none}
.site-header{z-index:80;width:100%;height:var(--header-height);background:var(--md-surface);color:var(--md-on-surface);display:block;position:fixed;inset:0 0 auto}.top-header-bar{z-index:83;width:100%;height:var(--header-height);background:var(--md-surface);position:relative}.top-header-inner{justify-content:space-between;align-items:center;gap:20px;width:100%;height:100%;margin-inline:auto;padding-inline:16px;display:flex}.sidebar-brand-row{align-items:center;min-width:0;display:flex}.sidebar-brand-row .header-brand{flex:auto}.header-icon-button.sidebar-collapse-button{display:none}.header-brand{min-width:0;height:48px;color:var(--md-primary);letter-spacing:-.025em;align-items:center;font-size:30px;font-weight:600;display:inline-flex}.header-brand-wordmark{white-space:nowrap;display:inline-block}.header-brand-character{transition:color .18s var(--motion-standard);display:inline}.header-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.header-icon-button,.header-actions .icon-button{border-radius:var(--md-shape-full);width:48px;height:48px;color:var(--md-on-surface-variant);cursor:pointer;transition:background-color .16s var(--motion-standard), color .16s var(--motion-standard), transform .16s var(--motion-standard);background:0 0;border:0;place-items:center;padding:0;display:grid}.header-icon-button svg,.header-actions .icon-button svg{stroke-width:1.8px;width:24px;height:24px}.header-actions .global-search-trigger{border-radius:var(--md-shape-lg);background:var(--md-surface-container-high);width:184px;height:44px;color:var(--md-on-surface-variant);justify-content:flex-start;gap:10px;padding-inline:16px;display:flex;box-shadow:inset 0 0 0 1px #0000}.header-actions .global-search-trigger svg{width:20px;height:20px}.global-search-trigger span{font-size:14px;font-weight:500}.header-actions .global-search-trigger:hover,.header-icon-button:hover,.header-icon-button:focus-visible,.header-actions .icon-button:hover,.header-actions .icon-button:focus-visible{background:var(--md-surface-container-highest);color:var(--md-on-surface)}.header-actions .global-search-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--md-primary)}.header-icon-button:active,.header-actions .icon-button:active{transform:scale(.94)}.header-icon-button[aria-current=page]{color:var(--md-primary)}.header-user-name{display:none}.header-actions .theme-menu{position:relative}.theme-color-dot{border:2px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:50%;flex:none;width:18px;height:18px}.theme-menu-trigger{position:relative}.theme-trigger-icons,.theme-trigger-icons>span{place-items:center;width:24px;height:24px}.theme-trigger-icons{display:grid}.theme-trigger-icons>span{display:none}html[data-theme-preference=system] .theme-trigger-icons>[data-theme-trigger-icon=system],html[data-theme-preference=light] .theme-trigger-icons>[data-theme-trigger-icon=light],html[data-theme-preference=grey] .theme-trigger-icons>[data-theme-trigger-icon=grey],html[data-theme-preference=dark] .theme-trigger-icons>[data-theme-trigger-icon=dark],html[data-theme-preference=black] .theme-trigger-icons>[data-theme-trigger-icon=black]{display:grid}.theme-menu-trigger .theme-trigger-accent{background:var(--md-primary);border-width:1px;width:8px;height:8px;position:absolute;bottom:5px;right:5px}.theme-popover-label{color:var(--md-on-surface-variant);letter-spacing:.04em;text-transform:uppercase;padding:7px 11px 4px;font-size:11px;font-weight:600;display:block}.theme-popover-divider{background:var(--md-outline-variant);height:1px;margin:5px 9px;display:block}.header-actions .theme-popover{top:calc(100% + 8px);right:0}.header-menu-button,.sidebar-footer-actions{display:none}.sidebar-footer-slot{place-items:center;min-width:0;display:grid}.site-header .nav-panel{z-index:80;top:var(--header-height);width:var(--sidebar-width);overscroll-behavior:contain;flex-direction:column;min-height:0;padding:0;display:flex;position:fixed;bottom:0;left:0;overflow:hidden;background:var(--md-background)!important;border:0!important}.site-header .sidebar-navigation-content{overscroll-behavior:contain;flex:auto;min-height:0;padding:18px 12px 24px;overflow:hidden auto}.site-header .sidebar-format-setting{background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:12px;margin:0 4px 14px;padding:0 0 16px;display:grid;border-bottom:0px solid var(--md-outline-variant)!important}.site-header .sidebar-format-setting>div:first-child{gap:2px;display:grid}.site-header .sidebar-format-setting>div:first-child>span{color:var(--md-on-surface);font-size:13px;font-weight:580}.site-header .sidebar-format-setting small{color:var(--md-on-surface-variant);font-size:11px}.site-header .sidebar-format-setting .select-menu,.site-header .sidebar-format-setting .select-trigger{width:100%}.site-header .sidebar-format-setting .select-trigger{background:var(--md-surface-container-high);min-height:42px}.site-header .sidebar-format-setting .select-popover{width:150px;left:auto;right:0}.site-header .sidebar-format-setting .select-menu-description{border-top:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant);margin:4px 8px 6px;padding-top:8px;font-size:11px;line-height:1.35}.sidebar-overview-link,.site-header .sidebar-nav a{border-radius:var(--md-shape-lg);min-width:0;min-height:46px;color:var(--md-on-surface-variant);background:0 0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:5px 8px;display:grid;border:0!important}.sidebar-overview-link:hover,.sidebar-overview-link:focus-visible,.site-header .sidebar-nav a:hover,.site-header .sidebar-nav a:focus-visible{background:var(--md-surface-container-high);color:var(--md-on-surface)}.sidebar-overview-link[aria-current=page],.site-header .sidebar-nav a[aria-current=page]{background:var(--md-primary-container);color:var(--md-on-primary-container)}.site-header .sidebar-nav-icon{border-radius:var(--md-shape-md);background:var(--md-surface-container-high);color:currentColor;place-items:center;width:34px;height:34px;display:grid}.site-header .sidebar-nav-icon svg{width:18px;height:18px}.sidebar-overview-link>span:last-child,.site-header .sidebar-nav-copy>span{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:570;overflow:hidden}.site-header .sidebar-nav-copy{gap:0;min-width:0;display:grid}.site-header .sidebar-nav-copy small{display:none}.sidebar-tool-group{flex:none}.site-header .sidebar-section-heading{color:var(--md-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;margin:20px 10px 7px;font-size:11px;font-weight:650;display:flex}.site-header .sidebar-nav{scrollbar-gutter:auto;gap:3px;min-height:auto;display:grid;overflow:visible}.app-stage{padding-top:var(--header-height);width:100%!important;max-width:none!important;margin-left:0!important}@media (min-width:1440px){html{--sidebar-current-width:var(--sidebar-width)}html[data-sidebar-collapsed=true]{--sidebar-current-width:76px}.site-header{width:var(--sidebar-current-width);background:var(--md-background);flex-direction:column;height:100dvh;display:flex;inset:0 auto 0 0}.top-header-bar{background:var(--md-background);flex:none;width:100%;height:auto}.top-header-inner{grid-template-columns:minmax(0,1fr);place-items:start stretch;gap:6px;width:100%;height:auto;padding:12px 12px 8px;display:grid}.sidebar-brand-row{grid-template-columns:minmax(0,1fr);align-items:center;width:100%;display:grid}.header-icon-button.sidebar-collapse-button{z-index:84;left:calc(var(--sidebar-current-width) - 18px);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-high);width:36px;height:36px;box-shadow:var(--elevation-2);opacity:0;pointer-events:none;transition:opacity .16s var(--motion-standard), background-color .16s var(--motion-standard), color .16s var(--motion-standard), transform .16s var(--motion-standard);display:grid;position:fixed;bottom:6px}.site-header:hover .header-icon-button.sidebar-collapse-button,.site-header:focus-within .header-icon-button.sidebar-collapse-button,.header-icon-button.sidebar-collapse-button:focus-visible{opacity:1;pointer-events:auto}.sidebar-collapse-button svg{transition:transform .18s var(--motion-standard)}.header-brand{width:100%;height:46px;padding-inline:6px;font-size:27px}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:flex-start;gap:2px;width:100%;padding-inline:2px;display:grid}.header-icon-button,.header-actions .icon-button,.header-actions .global-search-trigger{width:42px;height:42px}.header-actions .global-search-trigger{border-radius:var(--md-shape-lg);background:var(--md-surface-container-high);grid-column:1/-1;justify-content:flex-start;width:100%;padding-inline:14px}.header-actions .global-search-trigger:hover,.header-actions .global-search-trigger:focus-visible{background:var(--md-surface-container-highest)}.header-actions .global-search-trigger span{display:inline}.header-actions .header-account-link.has-user-name{border-radius:var(--md-shape-lg);background:var(--md-surface-container-high);grid-column:1/-1;justify-content:flex-start;gap:10px;width:100%;padding-inline:12px;display:flex}.header-actions .header-account-link.has-user-name .header-user-name{min-width:0;color:var(--md-on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:560;display:block;overflow:hidden}.header-actions .header-journal-link,.header-actions>.theme-menu{display:none}.sidebar-footer-actions{box-sizing:border-box;border-top:0px solid var(--md-outline-variant);background:var(--md-background);grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:0;width:100%;margin:0;padding:6px 28px 6px 8px;display:grid;position:relative}.sidebar-footer-actions>*{justify-self:center}.sidebar-footer-actions .header-icon-button,.sidebar-footer-actions .icon-button{width:36px;height:36px}.sidebar-footer-actions [data-tooltip]:after{top:auto;bottom:calc(100% + 9px)}.sidebar-footer-actions>:nth-child(-n+2) [data-tooltip]:after{left:0;transform:none}.sidebar-footer-actions>:nth-child(n+5) [data-tooltip]:after{left:auto;right:0;transform:none}.sidebar-footer-actions .theme-menu{position:static}.sidebar-footer-actions .theme-popover{inset:auto 8px calc(100% + 8px) auto}.header-actions .theme-popover{left:0;right:auto}.site-header .nav-panel{z-index:auto;flex:auto;width:100%;min-height:0;padding:0;position:static}.app-stage{padding-top:0;padding-right:calc(var(--sidebar-current-width) + 24px);padding-left:calc(var(--sidebar-current-width) + 24px)}.tool-heading.container,.dashboard-heading.container,.tool-workspace.container,.workspace-overview.container{border-inline:0!important}html[data-sidebar-collapsed=true] .top-header-inner{padding-inline:8px}html[data-sidebar-collapsed=true] .sidebar-brand-row{grid-template-columns:1fr;justify-items:center;gap:0}html[data-sidebar-collapsed=true] .header-brand{justify-content:center;width:42px;padding:0;font-size:28px}html[data-sidebar-collapsed=true] .header-brand-character:not(:first-child){display:none}html[data-sidebar-collapsed=true] .sidebar-collapse-button svg{transform:rotate(180deg)}html[data-sidebar-collapsed=true] .header-actions{grid-template-columns:1fr;justify-items:center;padding:0}html[data-sidebar-collapsed=true] .header-actions .global-search-trigger,html[data-sidebar-collapsed=true] .header-actions .header-account-link.has-user-name{border-radius:var(--md-shape-full);background:0 0;grid-column:auto;justify-content:center;place-items:center;width:42px;height:42px;padding:0;display:grid}html[data-sidebar-collapsed=true] .header-actions .global-search-trigger span,html[data-sidebar-collapsed=true] .header-actions .header-user-name{display:none!important}html[data-sidebar-collapsed=true] .sidebar-navigation-content{padding:12px 10px 18px}html[data-sidebar-collapsed=true] .sidebar-format-setting{width:44px;margin:0 auto 10px;padding:0 0 10px;display:block}html[data-sidebar-collapsed=true] .sidebar-format-setting>div:first-child,html[data-sidebar-collapsed=true] .sidebar-format-setting .select-trigger svg{display:none}html[data-sidebar-collapsed=true] .sidebar-format-setting .select-trigger{justify-content:center;width:44px;min-height:40px;padding:0;font-size:11px}html[data-sidebar-collapsed=true] .sidebar-overview-link,html[data-sidebar-collapsed=true] .site-header .sidebar-nav a{grid-template-columns:34px;gap:0;width:46px;min-height:46px;margin-inline:auto;padding:6px}html[data-sidebar-collapsed=true] .sidebar-overview-link>span:last-child,html[data-sidebar-collapsed=true] .site-header .sidebar-nav-copy,html[data-sidebar-collapsed=true] .site-header .sidebar-section-heading{display:none}html[data-sidebar-collapsed=true] .sidebar-tool-group+.sidebar-tool-group{margin-top:8px}html[data-sidebar-collapsed=true] .sidebar-footer-actions{justify-content:initial;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;flex:0 0 48px;grid-template-columns:none;grid-auto-columns:100%;grid-auto-flow:column;gap:0;height:48px;min-height:48px;padding:6px 0;overflow:auto hidden}html[data-sidebar-collapsed=true] .sidebar-footer-actions::-webkit-scrollbar{display:none}html[data-sidebar-collapsed=true] .sidebar-footer-slot{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:36px}html[data-sidebar-collapsed=true] .sidebar-footer-slot[data-footer-action=theme]{order:-1}html[data-sidebar-collapsed=true] .sidebar-footer-actions .header-icon-button,html[data-sidebar-collapsed=true] .sidebar-footer-actions .icon-button{width:32px;height:32px}}@media (max-width:1439px){.top-header-inner{padding-inline:12px}.header-menu-button{display:grid}.header-actions .global-search-trigger{border-radius:var(--md-shape-full);background:0 0;justify-content:center;width:48px;height:48px;padding:0}.header-actions .global-search-trigger:hover,.header-actions .global-search-trigger:focus-visible{background:0 0}.header-actions .global-search-trigger span,.header-actions .header-journal-link,.header-actions>.theme-menu{display:none}.sidebar-footer-actions{box-sizing:border-box;background:var(--md-background);grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:0;width:100%;margin:0;padding:6px 8px;display:grid;position:relative}.sidebar-footer-actions>*{justify-self:center}.sidebar-footer-actions .header-icon-button,.sidebar-footer-actions .icon-button{width:36px;height:36px}.sidebar-footer-actions [data-tooltip]:after{top:auto;bottom:calc(100% + 9px)}.sidebar-footer-actions>:nth-child(-n+2) [data-tooltip]:after{left:0;transform:none}.sidebar-footer-actions>:nth-child(n+5) [data-tooltip]:after{left:auto;right:0;transform:none}.sidebar-footer-actions .theme-menu{position:static}.sidebar-footer-actions .theme-popover{inset:auto 8px calc(100% + 8px) auto}.site-header .nav-panel{z-index:82;visibility:hidden;pointer-events:none;width:min(340px,100vw - 24px);transition:transform .18s var(--motion-standard), visibility .18s var(--motion-standard);transform:translate(-102%)}.site-header.is-mobile-open .nav-panel{visibility:visible;pointer-events:auto;transform:translate(0)}.mobile-nav-backdrop{z-index:81;inset:var(--header-height) 0 0;background:color-mix(in srgb, var(--md-scrim) 34%, transparent);cursor:pointer;border:0;width:auto;height:auto;padding:0;display:block;position:fixed}}@media (max-width:700px){.top-header-inner{gap:10px;padding-inline:10px}.header-brand{font-size:26px}.header-actions{gap:0}.header-icon-button,.header-actions .icon-button{width:44px;height:44px}.header-actions .global-search-trigger{border-radius:var(--md-shape-full);justify-content:center;width:44px;padding:0}.global-search-trigger span{display:none}}@media (max-width:520px){.header-journal-link{display:none}}@media (max-width:390px){.header-brand{padding-left:6px;font-size:23px}.header-icon-button,.header-actions .icon-button{width:40px;height:40px}}
.scale-layout{gap:var(--tool-section-gap);display:grid;border:0!important}.scale-controls-card{gap:24px;padding:0!important}.scale-band-actions-row{grid-column:1/-1;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:24px;display:grid}.scale-band-actions-row .scale-actions{flex-wrap:nowrap;grid-column:auto;gap:10px;margin:0;display:flex}.scale-band-actions-row .scale-actions .button{white-space:nowrap;flex:none}.scale-preview-card{background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.scale-preview-card>.card-heading{margin-bottom:20px}.scale-swatches.shared-palette-strip{overscroll-behavior-inline:contain;border-radius:var(--md-shape-xl);scroll-snap-type:x proximity;overflow:auto hidden}.scale-swatches.shared-palette-strip>.shared-palette-strip-item{scroll-snap-align:start;flex:1 0 112px;min-width:112px}.scale-swatches .scale-swatch{width:100%;height:100%;min-height:inherit;cursor:pointer;border:0;border-radius:0}@container toolworkspace (max-width:720px){.scale-controls-card{gap:20px}.scale-swatches.shared-palette-strip>.shared-palette-strip-item{flex-basis:108px;min-width:108px}}@container toolworkspace (max-width:920px){.scale-band-actions-row{grid-template-columns:1fr}.scale-band-actions-row .scale-actions{flex-wrap:wrap}}@container toolworkspace (max-width:520px){.scale-band-actions-row .scale-actions .button{flex:140px}}
.shared-palette-strip{--palette-strip-height:300px;--palette-strip-expanded-size:320px;min-height:var(--palette-strip-height);gap:0;display:flex;position:relative;overflow:hidden}.shared-palette-strip.is-vertical{flex-direction:column}.shared-palette-strip.is-tall{min-height:520px}.shared-palette-strip>.shared-palette-strip-item{min-width:0;min-height:inherit;flex:1 1 0;transition:flex-basis .18s cubic-bezier(.2,0,0,1),flex-grow .18s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,.8,.2,1);position:relative;overflow:clip}.shared-palette-strip.is-vertical>.shared-palette-strip-item{min-height:0}.shared-palette-strip>.shared-palette-strip-item:is(:hover,.is-touch-active),.shared-palette-strip>.shared-palette-strip-item:not(.is-pointer-focused):is(:focus-visible,:has(:focus-visible)){z-index:2;flex:0 0 min(var(--palette-strip-expanded-size), 100%)}.shared-palette-strip.is-vertical>.shared-palette-strip-item:is(:hover,.is-touch-active),.shared-palette-strip.is-vertical>.shared-palette-strip-item:not(.is-pointer-focused):is(:focus-visible,:has(:focus-visible)){flex-basis:var(--palette-strip-expanded-size)}.shared-palette-strip.is-sorting>.shared-palette-strip-item,.shared-palette-strip.is-sorting:hover>.shared-palette-strip-item,.shared-palette-strip.is-sorting:focus-within>.shared-palette-strip-item,.shared-palette-strip.is-sorting>.shared-palette-strip-item:hover,.shared-palette-strip.is-sorting>.shared-palette-strip-item:focus-within{flex-grow:1;flex-basis:0;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.shared-palette-strip.is-sorting>.shared-palette-strip-item.is-sorting{transition:none}.shared-palette-strip-color{z-index:3;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .14s var(--motion-standard);font-size:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shared-palette-strip-item:is(:hover,.is-touch-active)>.shared-palette-strip-color,.shared-palette-strip-item:not(.is-pointer-focused):is(:focus-visible,:has(:focus-visible))>.shared-palette-strip-color{opacity:1}.shared-palette-strip-expand-color{z-index:4;visibility:hidden;color:inherit;background:0 0;position:absolute;bottom:12px;right:12px}.shared-palette-strip-item:is(:hover,.is-touch-active)>.shared-palette-strip-expand-color,.shared-palette-strip-item:not(.is-pointer-focused):focus-within>.shared-palette-strip-expand-color,.shared-palette-strip-expand-color:focus-visible{visibility:visible}.shared-palette-strip-expand-all{z-index:6;visibility:hidden;background:0 0;position:absolute;bottom:12px;left:12px}.shared-palette-strip:hover>.shared-palette-strip-expand-all,.shared-palette-strip:focus-within>.shared-palette-strip-expand-all,.shared-palette-strip-expand-all:focus-visible{visibility:visible}.shared-palette-strip.is-sorting .shared-palette-strip-color{opacity:0}.shared-palette-strip.is-sorting :is(.shared-palette-strip-expand-color,.shared-palette-strip-expand-all){visibility:hidden;pointer-events:none}.shared-palette-strip>.shared-palette-strip-item.is-displaced{will-change:transform}@media (hover:none),(pointer:coarse){.shared-palette-strip:not(.is-sorting)>.shared-palette-strip-item:focus-within{z-index:2;flex:0 0 min(var(--palette-strip-expanded-size), 100%)}.shared-palette-strip.is-vertical:not(.is-sorting)>.shared-palette-strip-item:focus-within{flex-basis:var(--palette-strip-expanded-size)}.shared-palette-strip:not(.is-sorting)>.shared-palette-strip-item:focus-within>.shared-palette-strip-color{opacity:1}.shared-palette-strip:not(.is-sorting)>.shared-palette-strip-item:focus-within>.shared-palette-strip-expand-color{visibility:visible}}.shared-palette-strip .shared-color-swatch{width:100%;height:100%;min-height:inherit;border-radius:0;transition:none;overflow:clip}.shared-palette-strip .shared-color-swatch:hover{filter:none;transform:none}.shared-palette-fullscreen-content,.shared-palette-fullscreen-color,.shared-palette-fullscreen-palette{width:100%;height:100%;min-height:0}.shared-palette-fullscreen-color,.shared-palette-fullscreen-palette{border:0;position:relative;overflow:hidden}.shared-palette-fullscreen-palette{display:flex}.shared-palette-fullscreen-palette.is-vertical{flex-direction:column}.shared-palette-fullscreen-palette>span{flex:1 1 0;min-width:0;min-height:0}.shared-palette-fullscreen-title{z-index:3;pointer-events:none;white-space:nowrap;background:0 0;border:0;margin:0;font-size:clamp(20px,2.5vw,32px);position:absolute;top:24px;left:50%;transform:translate(-50%)}.shared-palette-fullscreen-cycle{z-index:1;background:0 0;position:absolute;bottom:12px;left:12px}.shared-palette-fullscreen-nav{z-index:2;opacity:0;width:clamp(64px,12vw,120px);height:auto;transition:opacity .15s var(--motion-standard);background:0 0;border-radius:0;align-items:center;padding:18px;display:flex;position:absolute;top:0;bottom:0}.shared-palette-fullscreen-nav.is-previous{justify-content:flex-start;left:0}.shared-palette-fullscreen-nav.is-next{justify-content:flex-end;right:0}.shared-palette-fullscreen-nav:is(:hover,:focus-visible){opacity:1;background:0 0}.shared-palette-fullscreen-nav>svg{box-sizing:content-box;background:color-mix(in srgb, currentColor 12%, transparent);border-radius:50%;width:24px;height:24px;padding:10px}.shared-palette-fullscreen-nav.is-previous>svg{transform:rotate(180deg)}:is(.shared-palette-strip-expand-color,.shared-palette-strip-expand-all,.shared-palette-fullscreen-cycle):hover{background:color-mix(in srgb, currentColor 12%, transparent)}@media (max-width:720px){.shared-palette-strip{--palette-strip-height:240px}}@media (prefers-reduced-motion:reduce){.shared-palette-strip>.shared-palette-strip-item,.shared-palette-strip>.shared-palette-strip-item.is-displaced,.shared-palette-strip-color{transition:none!important}}
.palette-layout{gap:var(--tool-section-gap)}.palette-builder-card{padding:0!important}.palette-controls{grid-template-columns:minmax(240px,1.2fr) minmax(130px,.55fr) minmax(220px,1.3fr) auto;gap:16px;padding:0 0 24px}.palette-edit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:22px}.palette-builder-card .palette-color{cursor:grab}.palette-builder-card .palette-strip.is-sorting .palette-color.is-sorting{cursor:grabbing}.palette-builder-card .palette-color-reveal{z-index:1;visibility:hidden;pointer-events:none;width:100%;min-width:0;height:100%;position:absolute;inset:0;overflow:visible}.palette-builder-card .palette-color-copy{width:100%;height:100%;min-height:0}.palette-builder-card .palette-color-reveal :is(.color-format-trigger,.palette-lock,.palette-color-delete){visibility:inherit;background:0 0}.palette-builder-card .palette-strip button{transition:none}.palette-builder-card .palette-strip .icon-button:active{transform:none}.palette-builder-card .color-format-trigger{background:0 0;border-radius:50%;width:40px;height:40px}.palette-builder-card .color-format-trigger:hover,.palette-builder-card .color-format-trigger:focus-visible{color:inherit;background:0 0}.palette-builder-card .palette-lock{color:inherit}.palette-builder-card .palette-color:hover .palette-color-reveal,.palette-builder-card .palette-color:not(.is-pointer-focused):focus-within .palette-color-reveal,.palette-builder-card .palette-color.is-touch-active .palette-color-reveal{visibility:visible;pointer-events:auto}.palette-builder-card .palette-strip.is-sorting .palette-color-reveal,.palette-builder-card .palette-strip.is-sorting .palette-color:hover .palette-color-reveal,.palette-builder-card .palette-strip.is-sorting .palette-color:focus-within .palette-color-reveal{visibility:hidden;pointer-events:none}.palette-builder-card .palette-strip.is-sorting{z-index:5}.palette-color-delete{z-index:4;color:inherit;background:0 0;position:absolute;top:12px;right:100px}.palette-color-delete:hover,.palette-color-delete:focus-visible{color:inherit;background:0 0}.palette-color-roles{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);margin-top:18px;padding:14px 16px}.palette-color-roles summary{cursor:pointer;color:var(--md-on-surface);justify-content:space-between;align-items:center;font-weight:600;display:flex}.palette-color-roles summary small{color:var(--md-on-surface-variant);font-size:12px;font-weight:500}.palette-color-roles>p{color:var(--md-on-surface-variant);margin:12px 0 14px;font-size:13px}.palette-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.palette-role-row{grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:10px;min-width:0;display:grid}.palette-role-row>span{min-width:0;color:var(--md-on-surface-variant);align-items:center;gap:8px;font-size:13px;display:flex}.palette-role-row i{border-radius:50%;flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px #7f7f7f3d}.palette-role-row .select-trigger{min-height:40px}.palette-save-row{grid-template-columns:minmax(220px,1fr) minmax(140px,180px) auto auto;gap:12px;margin-top:24px;padding-top:0}.palette-save-row.is-local{grid-template-columns:minmax(220px,1fr) auto auto}@container toolworkspace (min-width:621px) and (max-width:920px){.palette-save-row,.palette-save-row.is-local{grid-template-columns:minmax(0,1fr) auto auto}.palette-save-row .palette-name-field,.palette-save-row:not(.is-local) .palette-visibility-field{grid-column:1/-1}}@container toolworkspace (max-width:820px){.palette-controls{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.palette-controls,.palette-save-row,.palette-save-row.is-local{grid-template-columns:minmax(0,1fr)}.palette-save-row .palette-name-field,.palette-save-row:not(.is-local) .palette-visibility-field{grid-column:auto}.palette-save-row .button,.palette-save-row .export-menu,.palette-save-row .export-menu>.button{width:100%}}.saved-palettes-card{background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.saved-palettes-card>.card-heading{margin-bottom:22px}.saved-palette-list{scrollbar-gutter:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:auto;max-height:none;margin-top:0;display:grid;overflow:visible}.saved-palette-list>.empty-note{text-align:center;background:0 0;border:0;grid-column:1/-1;margin:0;padding:0}.saved-palette{border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);grid-template-rows:118px minmax(132px,auto);grid-template-columns:minmax(0,1fr) 42px 42px;align-items:end;gap:0 8px;min-width:0;min-height:250px;padding:0;border:0!important}.saved-palette-strip{border-radius:var(--md-shape-xl) var(--md-shape-xl) 0 0;grid-column:1/-1;width:100%;height:118px}.saved-palette-strip .saved-palette-swatch,.saved-palette-strip:hover .saved-palette-swatch,.saved-palette-strip:focus-within .saved-palette-swatch,.saved-palette-strip .saved-palette-swatch:hover,.saved-palette-strip .saved-palette-swatch:focus{flex:1 1 0;min-width:0;transition:none}.saved-palette-swatch span{display:none}.saved-palette-details{grid-area:2/1;align-content:start;align-self:stretch;min-width:0;min-height:132px;padding:18px 8px 18px 18px}.saved-palette>.icon-button{background:0 0;grid-row:2;align-self:end;margin-bottom:18px}.saved-palette>.icon-button:nth-last-child(2){display:inline-flex}.saved-palette>.icon-button:last-child{margin-right:10px}@container toolworkspace (max-width:1120px){.saved-palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@container toolworkspace (max-width:700px){.saved-palette-list{grid-template-columns:minmax(0,1fr)}.saved-palette{grid-template-rows:104px minmax(116px,auto);min-height:0}.saved-palette-strip{height:104px}.saved-palette-details{min-height:116px}}@container toolworkspace (max-width:620px){.palette-controls,.palette-edit-grid,.palette-save-row{gap:14px}.saved-palette-details{padding-left:16px}.palette-role-grid{grid-template-columns:minmax(0,1fr)}}
.fullscreen-dialog-layer{z-index:9999;overscroll-behavior:contain;background:var(--md-background);width:100vw;height:100dvh;color:var(--md-on-background);margin:0;padding:0;display:grid;overflow:hidden;position:fixed!important;inset:0!important}.fullscreen-dialog-panel{width:100%;height:100%;min-height:0;margin:0}.fullscreen-dialog-content{width:100%;height:100%;min-height:0}.fullscreen-dialog-layer--framed{padding:clamp(12px,2vw,24px)}.fullscreen-dialog-panel--framed{grid-template-rows:auto minmax(0,1fr);gap:12px;display:grid}.fullscreen-dialog-header{justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:48px;display:flex}.fullscreen-dialog-header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:clamp(20px,2vw,26px);overflow:hidden}.fullscreen-dialog-header .icon-button{flex:none}.fullscreen-dialog-panel--framed .fullscreen-dialog-content{border-radius:var(--md-shape-xl);height:auto;overflow:hidden}
.wheel-tool-layout{gap:var(--tool-layout-gap);background:0 0;grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr);align-items:start;border:0!important}.wheel-picker-card,.wheel-harmony-card{align-self:start;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.wheel-shell{background:0 0;border:0;border-radius:0;width:min(100%,470px);margin:0 auto;padding:0}.wheel-base-row{gap:14px;margin-top:20px}.wheel-harmony-heading{gap:20px;margin-top:20px}.wheel-harmony-swatches{--palette-strip-height:470px;--palette-strip-expanded-size:180px;border-radius:var(--md-shape-xl)}.wheel-harmony-swatches .wheel-copy-swatch{cursor:copy;border:0;width:100%;height:100%;padding:0;display:block}.wheel-actions{justify-content:flex-end;margin-top:0}@container toolworkspace (max-width:959px){.wheel-tool-layout{gap:var(--tool-section-gap);grid-template-columns:1fr}}@container toolworkspace (max-width:620px){.wheel-harmony-heading{gap:12px}.wheel-actions{justify-content:stretch}.wheel-harmony-swatches{--palette-strip-height:360px}}
:root{--overlay-scrollbar-color:color-mix(in srgb, var(--md-on-surface-variant) 68%, transparent)}html,*{scrollbar-gutter:auto!important;scrollbar-width:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important}.global-overlay-scrollbar-thumb{z-index:120;pointer-events:none;border-radius:var(--md-shape-full);background:var(--overlay-scrollbar-color);opacity:0;transition:opacity .16s var(--motion-standard);position:fixed}.global-overlay-scrollbar-thumb.is-vertical{width:4px}.global-overlay-scrollbar-thumb.is-horizontal{height:4px}.global-overlay-scrollbar-thumb.is-visible{opacity:1}@media (prefers-reduced-motion:reduce){.global-overlay-scrollbar-thumb{transition:none}}
.toast-viewport{z-index:1200;isolation:isolate;pointer-events:none;width:min(390px,100vw - 32px);height:140px;position:fixed;overflow:visible}.toast-viewport--top-left,.toast-viewport--top-center,.toast-viewport--top-right{top:calc(82px + env(safe-area-inset-top))}.toast-viewport--bottom-left,.toast-viewport--bottom-center,.toast-viewport--bottom-right{bottom:calc(20px + env(safe-area-inset-bottom))}.toast-viewport--top-left,.toast-viewport--bottom-left{left:20px}.toast-viewport--top-right,.toast-viewport--bottom-right{right:20px}.toast-viewport--top-center,.toast-viewport--bottom-center{left:50%;transform:translate(-50%)}.toast{--toast-accent:var(--primary);background:var(--surface-muted);min-height:64px;color:var(--text);box-shadow:var(--elevation-2);pointer-events:auto;transition:top .22s var(--motion-standard), bottom .22s var(--motion-standard), inset-inline-start .22s var(--motion-standard), inset-inline-end .22s var(--motion-standard), filter .22s var(--motion-standard);animation:toast-enter .22s var(--motion-emphasized) both;border:0;border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;padding:10px 10px 10px 14px;display:grid;position:absolute}.toast-viewport--top-left .toast,.toast-viewport--top-center .toast,.toast-viewport--top-right .toast{transform-origin:top}.toast-viewport--bottom-left .toast,.toast-viewport--bottom-center .toast,.toast-viewport--bottom-right .toast{transform-origin:bottom}.toast--behind{pointer-events:none}.toast--leaving{pointer-events:none;animation:toast-exit .18s var(--motion-standard) forwards}.toast--success{--toast-accent:#2f7d4a}.toast--warning{--toast-accent:#9a6700}.toast--error{--toast-accent:var(--danger,#b3261e)}.toast__mark{background:color-mix(in srgb, var(--toast-accent) 16%, transparent);width:22px;height:22px;color:var(--toast-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.toast__mark svg{width:15px;height:15px}.toast__content{gap:2px;min-width:0;padding-right:8px;display:grid}.toast__title,.toast__message{overflow-wrap:anywhere}.toast__title{font-size:14px;font-weight:600}.toast__message{color:var(--text-muted);font-size:14px;line-height:1.35}.toast__action,.toast__close{color:inherit;background:0 0;border:0}.toast__action{min-height:40px;color:var(--toast-accent);border-radius:20px;padding:0 12px;font-weight:600}.toast__close{width:40px;height:40px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.toast__close svg{width:18px;height:18px}.toast__action:hover,.toast__action:focus-visible,.toast__close:hover,.toast__close:focus-visible{background:color-mix(in srgb, var(--text) 8%, transparent)}@keyframes toast-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@media (max-width:600px){.toast-viewport{width:min(390px,100vw - 32px)}.toast-viewport--top-left,.toast-viewport--bottom-left{left:16px}.toast-viewport--top-right,.toast-viewport--bottom-right{right:16px}.toast-viewport--top-left,.toast-viewport--top-center,.toast-viewport--top-right{top:calc(76px + env(safe-area-inset-top))}.toast-viewport--bottom-left,.toast-viewport--bottom-center,.toast-viewport--bottom-right{bottom:calc(16px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.toast{transition:none;animation:none}}
.difference-layout,.batch-layout,.palette-file-layout,.gamut-inspector-layout,.image-recolor-layout{display:grid}.palette-file-layout{gap:var(--tool-section-gap);grid-template-columns:minmax(0,1fr)!important}.difference-controls-card,.batch-input-card,.palette-file-controls,.gamut-inspector-controls,.image-recolor-controls{gap:20px;display:grid}.palette-file-controls{gap:24px}.tool-workspace .batch-results-card,.tool-workspace .difference-results-card,.tool-workspace .gamut-plot-card,.tool-workspace .image-recolor-result{padding:0!important}.palette-file-controls>.button{justify-self:start;width:auto}.palette-file-controls>.field-help{margin:-14px 0 0;padding-left:0}.palette-file-controls>.field-help:before{display:none}.difference-color-controls{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.difference-swap{background:var(--md-surface-container-low);justify-self:center;width:48px;height:48px}.difference-swap svg{transform:rotate(90deg)}.difference-preview{border-radius:var(--md-shape-xl);grid-template-columns:1fr 1fr;min-height:250px;display:grid;overflow:hidden}.difference-preview>div{flex-direction:column;justify-content:flex-end;gap:5px;padding:26px;display:flex}.difference-preview strong{font-size:clamp(1.25rem,2vw,1.8rem)}.difference-metrics,.batch-result-list,.palette-file-list,.gamut-inspector-list{gap:10px;display:grid}.difference-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.difference-metrics article,.batch-result-list article,.gamut-inspector-list article{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low)}.tool-workspace .palette-file-preview{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tool-workspace .palette-file-preview>.card-heading{margin-bottom:20px}.tool-workspace .palette-file-preview>.button{width:auto;margin-top:16px}.difference-metrics article{gap:5px;padding:18px;display:grid}.difference-metrics strong{font-size:clamp(1.7rem,3vw,2.4rem)}.difference-metrics small,.method-note{color:var(--md-on-surface-variant);line-height:1.45}.method-note{margin:18px 0 0}.batch-input-card>.card-heading,.gamut-inspector-controls>.card-heading{margin-bottom:-4px}.gamut-inspector-controls>.field-help{margin:-14px 0 0;padding-left:0}.gamut-inspector-controls>.field-help:before{display:none}.batch-actions,.palette-file-actions{flex-wrap:wrap;gap:10px;display:flex}.batch-output-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0;display:grid}.batch-output-row .field{min-width:0}.batch-output-row .button{min-height:52px}.batch-copy-all{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);flex:none}.batch-copy-all:hover,.batch-copy-all:focus-visible{background:var(--md-surface-container-highest);color:var(--md-on-surface)}.batch-result-list article,.gamut-inspector-list article{grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:14px;min-height:74px;padding:12px 14px;display:grid}.batch-result-list article>div,.gamut-inspector-list article>div{gap:3px;min-width:0;display:grid}.batch-result-list :is(strong,small),.gamut-inspector-list :is(strong,small){overflow-wrap:anywhere}.batch-result-list small,.gamut-inspector-list small{color:var(--md-on-surface-variant)}.batch-swatch,.gamut-inspector-list article>span,.palette-file-swatch{background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-size:12px 12px;border-radius:12px;width:38px;height:38px}.batch-result-list .is-invalid{color:var(--md-error)}.palette-file-list article{background:0 0;border-radius:0;grid-template-columns:42px minmax(100px,1fr) minmax(120px,1fr) 42px;align-items:center;gap:10px;min-height:48px;padding:0;display:grid}.palette-file-entry-field{min-width:0}.palette-file-entry-field input{width:100%;min-height:48px}.palette-file-list article>.icon-button{border-radius:var(--md-shape-md);background:var(--md-surface-container-low);width:42px;height:42px;color:var(--md-on-surface-variant)}.palette-file-list article>.icon-button:hover,.palette-file-list article>.icon-button:focus-visible{background:var(--md-surface-container-high);color:var(--md-on-surface)}.gamut-plot-card{min-width:0}.gamut-boundary-controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.gamut-boundary-controls button{border:2px solid var(--md-outline-variant);border-radius:var(--md-shape-md);min-height:36px;color:var(--md-on-surface-variant);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.gamut-boundary-controls button:hover,.gamut-boundary-controls button:focus-visible{border-color:var(--md-outline);color:var(--md-on-surface);background:0 0}.gamut-boundary-controls button[aria-pressed=true]{border-color:var(--gamut-color);color:var(--md-on-surface);background:0 0}.gamut-boundary-controls button>i{background:var(--gamut-color);border-radius:999px;flex:none;width:18px;height:3px}.gamut-map-view,.gamut-map-canvas{min-width:0;position:relative}.gamut-plot{width:100%;height:auto;display:block;overflow:hidden}.gamut-axis-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.gamut-axis-values,.gamut-axis-title{fill:var(--md-on-surface-variant);font-family:inherit;font-size:12px;font-weight:550}.gamut-axis-title{fill:var(--md-on-surface);font-size:12px;font-weight:700}.gamut-axis-values text{paint-order:stroke;stroke:var(--md-surface);stroke-width:3px;stroke-linejoin:round}.gamut-map-toolbar{z-index:4;align-items:center;gap:4px;display:inline-flex;position:absolute;top:8px;right:8px}.gamut-map-toolbar .icon-button,.gamut-zoom-value{border-radius:var(--md-shape-md);background:var(--md-surface-container-low);width:38px;height:38px;color:var(--md-on-surface-variant);border:0}.gamut-zoom-value{width:58px;font:inherit;cursor:pointer;padding:0 7px;font-size:12px;font-weight:650}.gamut-map-toolbar :is(button:hover,button:focus-visible):not(:disabled){background:var(--md-surface-container-high);color:var(--md-on-surface)}.gamut-map-toolbar button:disabled{opacity:.42;cursor:default}.gamut-grid line{stroke:var(--md-outline-variant);stroke-width:1px;opacity:.35}.gamut-triangle{fill:none;stroke-width:4px;stroke-linejoin:round}.gamut-white-point{overflow:visible}.gamut-white-anchor{cursor:help;outline:none;place-items:center;width:16px;height:16px;display:grid}.gamut-white-anchor>i{border:2px solid var(--md-surface);pointer-events:none;border-radius:50%;place-items:center;width:12px;height:12px;display:grid;position:relative}.gamut-white-anchor>i:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;display:block}.gamut-point{overflow:visible}.gamut-point-anchor{cursor:help;outline:none;width:16px;height:16px;display:block;position:relative}.gamut-point-marker{z-index:1;border:2.5px solid var(--md-surface);pointer-events:none;border-radius:50%;width:16px;height:16px;display:block;position:relative}.gamut-point-ring{z-index:0;border:1.5px solid var(--md-on-surface);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .11s,transform .15s;display:block;position:absolute;inset:-2px;transform:scale(.86)}.gamut-point-anchor:hover .gamut-point-ring,.gamut-point-anchor:focus-visible .gamut-point-ring{opacity:1;transform:scale(1)}.gamut-point-anchor[data-tooltip]:after{max-width:280px;padding:9px 12px;font-size:15px;line-height:1.35;transition:opacity .1s,visibility 0s linear .1s}.gamut-point-anchor[data-tooltip]:hover:after,.gamut-point-anchor[data-tooltip]:focus-visible:after{transition:opacity .1s .18s,visibility 0s linear .18s}.gamut-fullscreen-trigger{background:var(--md-surface-container-low);color:var(--md-on-surface-variant);flex:none}.gamut-fullscreen-map,.gamut-fullscreen-map .gamut-map-view{min-height:0}.gamut-fullscreen-map .gamut-map-view{box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto;height:100%;padding:0 8px 8px;display:grid}.gamut-fullscreen-map .gamut-map-canvas{height:100%;min-height:0}.gamut-fullscreen-map .gamut-plot{width:100%;height:100%;min-height:0}.image-recolor-canvas{border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);place-items:center;min-height:420px;display:grid;overflow:hidden}.image-recolor-canvas>div{color:var(--md-on-surface-variant);justify-items:center;gap:12px;display:grid}.image-recolor-canvas>div svg{width:42px;height:42px}.image-recolor-canvas canvas{object-fit:contain;cursor:crosshair;width:100%;height:auto;max-height:680px;display:none}.image-recolor-canvas.is-ready canvas{display:block}@container toolworkspace (max-width:680px){.difference-preview,.difference-metrics{grid-template-columns:1fr}.difference-preview{min-height:340px}.palette-file-list article{grid-template-columns:42px minmax(0,1fr) 42px}.palette-file-list article .palette-file-entry-field:first-of-type{grid-area:1/2}.palette-file-list article>.icon-button{grid-area:1/3}.palette-file-list article .palette-file-entry-field:nth-of-type(2){grid-area:2/1/auto/-1}.image-recolor-canvas{min-height:280px}}
.website-colors-layout{gap:var(--tool-section-gap);display:grid}.tool-workspace .website-colors-controls,.tool-workspace .website-colors-results{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.website-colors-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.website-colors-form>p{color:var(--md-on-surface-variant);grid-column:1/-1;margin:0;line-height:1.45}.website-colors-form .button{min-width:164px}.website-colors-controls .form-error{margin-top:14px}.website-colors-heading{margin-bottom:20px}.website-colors-heading>div:first-child{min-width:0}.website-colors-heading h2,.website-colors-heading p{overflow-wrap:anywhere}.website-colors-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.website-source-link{background:var(--md-surface-container-low);color:var(--md-on-surface-variant)}.website-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.website-color-grid .shared-color-swatch{border-radius:var(--md-shape-lg);min-height:180px;transition:none;overflow:clip}.website-color-grid .shared-color-swatch:hover{filter:none;transform:none}.website-color-grid .shared-swatch-main small{overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.website-colors-note{color:var(--md-on-surface-variant);margin:16px 0 0;line-height:1.45}.website-colors-empty{min-height:180px}@container toolworkspace (max-width:880px){.website-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container toolworkspace (max-width:640px){.website-colors-form{grid-template-columns:1fr}.website-colors-form .button,.website-colors-form>p{grid-column:1;width:100%}.website-colors-heading{flex-direction:column;align-items:stretch}.website-colors-actions{justify-content:flex-start}.website-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}