.preset-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preset-palette-filter{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 18px;display:flex}.preset-palette-filter>div{align-items:center;gap:8px;display:flex}.preset-palette-filter>div>span{color:var(--md-on-surface-variant);font-size:13px;font-weight:600}.preset-palette-filter .select-trigger{min-width:140px;min-height:42px}.preset-palette-error{border:1px dashed var(--md-outline-variant);border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);text-align:center;align-content:center;place-items:center;gap:18px;min-height:220px;padding:30px;display:grid}.preset-palette-error h2,.preset-palette-error p{margin:0}.preset-palette-error h2{font-size:20px}.preset-palette-error p{max-width:42ch;color:var(--md-on-surface-variant);margin-top:7px}.preset-palette-load-more{justify-content:center;margin-top:28px;display:flex}.preset-palette-card{border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);cursor:pointer;min-width:0;position:relative;overflow:visible}.preset-palette-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.preset-palette-card-link:focus-visible{outline:3px solid var(--md-primary);outline-offset:3px}.preset-palette-strip{border-radius:var(--md-shape-xl) var(--md-shape-xl) 0 0;height:118px;display:flex;overflow:hidden}.preset-palette-swatch{cursor:copy;border:0;flex:1 1 0;min-width:0}.preset-palette-swatch:focus-visible{z-index:1;outline:3px solid var(--md-primary);outline-offset:-4px;position:relative}.preset-palette-content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 16px;display:grid;position:relative}.preset-palette-copy{align-self:center;min-width:0}.preset-palette-copy h2{margin:0 0 5px;font-size:20px}.preset-palette-count{color:var(--md-on-surface-variant);opacity:0;pointer-events:none;margin:0;font-size:12px;line-height:16px;position:absolute;bottom:5px;left:16px}.preset-palette-card:hover .preset-palette-count,.preset-palette-card:focus-within .preset-palette-count{opacity:1}.preset-palette-actions{z-index:2;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.preset-palette-actions .icon-button{width:42px;height:42px;color:var(--md-on-surface-variant);background:0 0}.preset-palette-actions .icon-button:hover,.preset-palette-actions .icon-button:focus-visible{background:var(--md-surface-container-high);color:var(--md-on-surface)}.palette-bookmark-button[aria-pressed=true]{color:var(--md-primary)}.palette-bookmark-button[aria-pressed=true] svg{fill:currentColor}.preset-palette-actions .palette-like-button,.preset-palette-detail-actions .palette-like-button{gap:5px;width:auto;min-width:42px;padding-inline:9px;display:inline-flex}.palette-like-button span{font-variant-numeric:tabular-nums;font-size:12px}.palette-like-button[aria-pressed=true]{color:var(--md-primary)}.palette-like-button[aria-pressed=true] svg{fill:currentColor}.palette-bookmark-button:disabled{cursor:default;opacity:1}.preset-palette-detail{gap:24px;display:grid}.preset-palette-detail-strip{border-radius:var(--md-shape-xl);min-height:280px}.preset-palette-detail-strip .preset-palette-swatch{width:100%;height:100%;min-height:280px;display:block}.preset-palette-detail-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;display:grid}.preset-palette-detail-toolbar p{color:var(--md-on-surface-variant);margin:0}.preset-palette-detail-actions{flex-wrap:wrap;justify-self:center;align-items:center;gap:10px;display:flex}.preset-palette-detail-publisher{color:var(--md-on-surface-variant);text-align:right;justify-self:end;justify-items:end;gap:3px;font-size:13px;line-height:1.1;display:grid}.preset-palette-detail-publisher strong{max-width:16ch;color:var(--md-on-surface);justify-items:end;font-weight:600;line-height:1.05;display:grid}.preset-palette-detail-publisher strong span{overflow-wrap:anywhere;max-width:100%;display:block}.preset-palette-detail-actions .icon-button{background:var(--md-surface-container-low)}.preset-palette-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.preset-palette-color-card{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:12px;display:grid}.preset-palette-color-sample{border-radius:var(--md-shape-md);width:52px;height:52px;box-shadow:inset 0 0 0 1px #7f7f7f2e}.preset-palette-color-copy{min-width:0}.preset-palette-color-copy span,.preset-palette-color-copy strong{display:block}.preset-palette-color-copy span{color:var(--md-on-surface-variant);margin-bottom:3px;font-size:12px}.preset-palette-color-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@container toolworkspace (max-width:1080px){.preset-palette-grid,.preset-palette-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container toolworkspace (max-width:680px){.preset-palette-grid{grid-template-columns:minmax(0,1fr)}.preset-palette-strip{height:104px}.preset-palette-content{min-height:0}.preset-palette-detail-strip,.preset-palette-detail-strip .preset-palette-swatch{min-height:190px}.preset-palette-detail-toolbar{flex-direction:column;align-items:flex-start}.preset-palette-color-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:680px){.preset-palette-detail-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.preset-palette-detail-publisher{width:70px}}
.tool-workspace .color-detail-layout{gap:var(--tool-section-gap);border:0;padding-bottom:clamp(32px,4vw,48px);display:grid}.tool-workspace .color-detail-hero{border-radius:var(--md-shape-xl);min-height:330px;padding:clamp(24px,4vw,48px)}.tool-workspace .color-detail-grid{gap:var(--tool-layout-gap);border:0}.tool-workspace :is(.color-detail-values,.color-detail-analysis,.detail-related-colors){background:0 0;border-radius:0;border:0!important;padding:0!important}.color-detail-format-list{gap:10px;display:grid}.tool-workspace .color-detail-format-list .result-row{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-height:72px;margin:0;padding:10px 12px 10px 18px}.tool-workspace .color-detail-format-list .result-row:hover,.tool-workspace .color-detail-format-list .result-row:focus-within{background:var(--md-surface-container)}.tool-workspace .detail-contrast-list{gap:12px}.tool-workspace .detail-contrast-list>div{border-radius:var(--md-shape-lg);border:0;min-height:118px}.tool-workspace .detail-best-text{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);border:0;align-items:center;margin-top:12px;padding:16px 18px}.tool-workspace .detail-related-colors h3{margin-top:24px}@container toolworkspace (max-width:1080px){.tool-workspace .color-detail-grid{gap:var(--tool-section-gap)}}@container toolworkspace (max-width:720px){.tool-workspace .color-detail-hero{min-height:260px}}
.palette-login-backdrop{z-index:1200;background:#0000007a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.palette-login-dialog{border-radius:var(--md-shape-xl);background:var(--md-surface-container-high);width:min(100%,440px);color:var(--text);box-shadow:var(--md-elevation-3);gap:24px;padding:30px;display:grid;position:relative}.palette-login-close{position:absolute;top:14px;right:14px}.palette-login-copy{gap:8px;padding-right:32px;display:grid}.palette-login-copy h2,.palette-login-copy p{margin:0}.palette-login-copy h2{font-size:clamp(22px,4vw,28px);line-height:1.15}.palette-login-copy p{color:var(--muted);line-height:1.5}.palette-login-actions{justify-content:flex-end;gap:10px;display:flex}@media (max-width:520px){.palette-login-backdrop{padding:16px}.palette-login-dialog{padding:24px 20px 20px}.palette-login-actions{grid-template-columns:1fr 1fr;display:grid}}
.profile-page{gap:48px;padding-block:clamp(32px,5vw,64px) 72px;display:grid}.profile-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.profile-avatar{background:var(--md-primary-container);width:76px;height:76px;color:var(--md-on-primary-container);letter-spacing:-.04em;border-radius:50%;place-items:center;font-size:26px;font-weight:700;display:grid}.profile-heading{gap:6px;display:grid}.profile-heading :is(h1,p),.profile-section-heading :is(h2,p),.profile-palette-content :is(h3,p),.profile-empty :is(h3,p){margin:0}.profile-heading h1{font-size:clamp(34px,5vw,52px);line-height:1.05}.profile-heading>p:last-child,.profile-section-heading p,.profile-palette-content p,.profile-empty p{color:var(--muted)}.profile-details,.profile-palettes{gap:22px;display:grid}.profile-section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.profile-section-heading>div{gap:5px;display:grid}.profile-section-heading h2{font-size:24px}.profile-detail-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0;display:grid}.profile-detail-grid>div{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-width:0;padding:18px}.profile-detail-grid dt{color:var(--muted);font-size:13px}.profile-detail-grid dd{overflow-wrap:anywhere;margin:7px 0 0;font-size:17px;font-weight:600}.profile-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.profile-palette-card{border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);min-width:0;position:relative;overflow:hidden}.profile-palette-strip{height:112px;display:flex}.profile-palette-strip span{flex:1 1 0;min-width:0}.profile-palette-content{grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:10px;min-height:82px;padding:16px 14px 16px 18px;display:grid}.profile-palette-content--saved{grid-template-columns:minmax(0,1fr) 40px}.profile-saved-color-code :is(.profile-saved-color-expand,.profile-saved-color-delete){width:26px;height:26px;color:inherit;background:0 0;position:absolute;top:50%;transform:translateY(-50%)}.profile-saved-color-code .profile-saved-color-expand{left:3px}.profile-saved-color-code .profile-saved-color-delete{right:3px}.profile-saved-color-code :is(.profile-saved-color-expand,.profile-saved-color-delete):hover,.profile-saved-color-code :is(.profile-saved-color-expand,.profile-saved-color-delete):focus-visible{background:color-mix(in srgb, var(--saved-color-ink) 12%, transparent)}.profile-palette-content>div{min-width:0}.profile-palette-content h3{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.profile-palette-content p{margin-top:3px;font-size:13px}.profile-palette-content .icon-button{z-index:2;position:relative}.profile-visibility{border-radius:var(--md-shape-full);padding:5px 9px;font-size:12px;font-weight:600}.profile-visibility--public{background:var(--md-primary-container);color:var(--md-on-primary-container)}.profile-visibility--private{background:var(--md-surface-container-highest);color:var(--md-on-surface-variant)}.profile-palette-link{z-index:1;position:absolute;inset:0}.profile-palette-card:has(.profile-palette-link):hover{background:var(--md-surface-container)}.profile-empty{border-radius:var(--md-shape-xl);background:var(--md-surface-container-low);text-align:center;align-content:center;place-items:center;gap:8px;min-height:220px;padding:32px;display:grid}.profile-empty .button{margin-top:10px}@media (max-width:980px){.profile-detail-grid,.profile-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.profile-page{gap:38px}.profile-hero{grid-template-columns:auto minmax(0,1fr)}.profile-hero>.button{grid-column:1/-1;width:100%}.profile-avatar{width:60px;height:60px;font-size:21px}.profile-section-heading{flex-direction:column;align-items:stretch}.profile-section-heading>.button{width:100%}.profile-detail-grid,.profile-palette-grid{grid-template-columns:minmax(0,1fr)}}
.search-page{padding-block:40px 72px}.search-page-heading{text-align:center;justify-items:center;gap:8px;display:grid}.search-page-heading h1,.search-result-section h2{margin:0}.search-page-heading p:not(.eyebrow){max-width:62ch;color:var(--md-on-surface-variant);margin:0}.search-page-form{grid-template-columns:minmax(0,1fr) auto;gap:12px;width:min(100%,760px);margin:24px auto 0;display:grid}.search-page-field{border-radius:var(--md-shape-lg);background:var(--md-surface-container-high);min-width:0;min-height:48px;color:var(--md-on-surface-variant);align-items:center;gap:10px;padding-inline:16px;display:flex}.search-page-field .app-input{min-width:0;height:48px;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.search-page-field:focus-within{outline:3px solid var(--md-primary);outline-offset:2px}.search-page-field .app-input:focus-visible{outline:0}.search-page-field .app-input:focus{box-shadow:none!important;background:0 0!important}.search-page-results{gap:32px;margin-top:32px;display:grid}.search-page-summary,.search-page-empty{color:var(--md-on-surface-variant);margin:0}.search-result-section{gap:12px;display:grid}.search-result-section h2{font-size:22px;line-height:28px}.search-result-grid{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:12px;display:grid}.search-result-card{border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);min-height:76px;color:inherit;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid}.search-result-card:hover{background:var(--md-surface-container-high)}.search-result-card>span:last-child{gap:3px;min-width:0;display:grid}.search-result-card strong,.search-result-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result-card small{color:var(--md-on-surface-variant)}.search-result-tool-icon,.search-result-swatch{border-radius:var(--md-shape-md);background:var(--md-secondary-container);width:42px;height:42px;color:var(--md-on-secondary-container);place-items:center;display:grid}.search-result-tool-icon svg{width:20px;height:20px}.search-result-swatch{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--md-on-surface) 18%, transparent)}.search-result-palette{grid-template-columns:76px minmax(0,1fr)}.search-result-palette-strip{border-radius:var(--md-shape-md);width:76px;height:42px;display:flex;overflow:hidden}.search-result-palette-strip i{flex:1 1 0;min-width:0}@media (max-width:560px){.search-page{padding-block:28px 48px}.search-page-form{grid-template-columns:1fr}.search-page-form .button{width:100%}}
.information-page{max-width:860px;padding-top:56px;padding-bottom:80px}.information-page-header{border-bottom:1px solid var(--md-outline-variant);padding-bottom:28px}.information-page-header h1{max-width:720px;color:var(--md-on-surface);letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(36px,5vw,56px);line-height:1.04}.information-page-header p:not(.eyebrow){max-width:680px;color:var(--md-on-surface-variant);margin:0;font-size:18px;line-height:1.55}.information-page-updated{color:var(--md-on-surface-variant);margin:18px 0 0;font-size:13px}.information-page-content{gap:30px;padding-top:34px;display:grid}.information-page-content section{gap:10px;display:grid}.information-page-content h2{color:var(--md-on-surface);letter-spacing:-.02em;margin:0;font-size:23px}.information-page-content p,.information-page-content li{color:var(--md-on-surface-variant);line-height:1.65}.information-page-content p{margin:0}.information-page-content ul{gap:8px;margin:0;padding-left:22px;display:grid}.information-page-content a{color:var(--md-primary);text-underline-offset:3px}.information-contact-card{border-radius:var(--md-shape-lg);background:var(--md-surface-container-high);padding:20px}.information-contact-card strong{color:var(--md-on-surface)}@media (max-width:700px){.information-page{padding-top:36px;padding-bottom:56px}.information-page-header p:not(.eyebrow){font-size:16px}}