@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..700&display=swap";.site-footer{color:#fff;background:#0a0a0a;border-radius:28px;grid-template-columns:1fr auto auto;align-items:start;gap:40px;min-height:210px;margin:72px 2vw 8px;padding:38px;display:grid}.footer-brand-block{flex-direction:column;align-items:flex-start;gap:22px;min-width:0;display:flex}.footer-brand{width:110px;display:flex}.footer-brand img{filter:brightness(0)invert();width:100%;height:auto;display:block}.footer-nav{color:#bbb;gap:25px;font-size:13px;display:flex}.footer-nav a{transition:color .25s,opacity .25s}.footer-nav a:hover{color:#fff}.footer-socials{flex-wrap:wrap;justify-self:end;gap:9px;display:flex}.footer-socials a{color:#bbb;border:1px solid #343434;border-radius:999px;place-items:center;width:38px;height:38px;transition:all .3s;display:grid}.footer-socials a:hover{color:#0a0a0a;background:#fff;border-color:#fff}.footer-socials svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.footer-socials .social-dot,.footer-socials .social-play{fill:currentColor;stroke:none}.footer-signature{letter-spacing:-.025em;white-space:nowrap;color:#f2f2f2;margin:0;font-size:15px;font-weight:500;line-height:1.35}.shakl-heart{background:linear-gradient(90deg,var(--sky),var(--aqua),var(--mint),var(--violet),var(--sky));color:#0000;filter:saturate(1.08);will-change:transform,background-position;background-position:0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin:0 .16em;font-size:1.12em;line-height:1;animation:5s linear infinite shakl-heart-flow,2.8s ease-in-out infinite shakl-heart-float;display:inline-block}.footer-brand-block:hover .shakl-heart{animation-duration:2.8s,2.1s}@keyframes shakl-heart-flow{to{background-position:300%}}@keyframes shakl-heart-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=1000px){.site-footer{grid-template-columns:1fr auto}.footer-socials{grid-column:2}.footer-nav{flex-wrap:wrap;grid-column:1/-1}}@media (width<=760px){.site-footer{border-radius:26px;grid-template-columns:1fr;gap:26px;margin:48px 4px 4px;padding:30px 24px}.footer-socials{grid-column:1;justify-self:start}.footer-nav{gap:18px;line-height:1.5}.footer-signature{white-space:normal;font-size:14px}.footer-brand-block{gap:18px}}@media (prefers-reduced-motion:reduce){.shakl-heart{background-position:50%;animation:none}}:root{color:#0a0a0a;font-synthesis:none;--ink:#0a0a0a;--paper:#fff;--surface:#f7f7f5;--cloud:#efefed;--muted:#73746f;--sky:#a9e1f7;--aqua:#63d9db;--mint:#8fe46c;--violet:#b99af8;--radius-xl:40px;--radius-lg:32px;--radius-md:24px;--radius-sm:14px;--ease:cubic-bezier(.22,1,.36,1);background:#fff;font-family:Instrument Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}button,input{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.34}a{color:inherit;text-decoration:none}::selection{color:#0a0a0a;background:#b9a0ff}.app-shell{min-height:100vh;padding:18px 28px 40px}.topbar{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#ffffffd1;border:1px solid #0a0a0a1a;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;padding:0 18px 0 22px;display:grid;position:sticky;top:18px;box-shadow:0 12px 44px #14191e0f}.brand-lockup{align-items:center;gap:11px;min-width:0;display:flex}.brand-lockup img{width:104px;height:auto;display:block}.brand-lockup span{color:#9b9b96}.brand-lockup strong{letter-spacing:-.02em;font-size:14px;font-weight:500}.topnav{gap:26px;font-size:13px;display:flex}.topnav a{opacity:.45;transition:opacity .25s}.topnav a:hover,.topnav a.active{opacity:1}.nav-disabled{opacity:.2;cursor:not-allowed}.top-actions{justify-self:end;gap:8px;display:flex}.ghost-button,.dark-button{cursor:pointer;background:#fff;border:1px solid #d9d9d4;border-radius:999px;min-height:38px;padding:0 15px}.dark-button{color:#fff;background:#0a0a0a;border-color:#0a0a0a}main{padding-top:42px}.search-stage{max-width:1450px;margin:0 auto;padding:76px 2vw 70px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#8a8b86;margin-bottom:30px;font-size:11px}.search-stage h1{letter-spacing:-.068em;max-width:1050px;margin:0 0 48px;font-size:clamp(68px,8vw,132px);font-weight:500;line-height:.84}.search-box{border-bottom:1px solid #bebfba;grid-template-columns:1fr auto;align-items:center;max-width:980px;padding:0 0 12px;display:grid}.search-box input{letter-spacing:-.035em;background:0 0;border:0;outline:0;padding:10px 0;font-size:clamp(24px,2.4vw,40px)}.search-box input::placeholder{color:#b0b1ac}.search-box button{color:#fff;cursor:pointer;width:54px;height:54px;transition:transform .3s var(--ease);background:#0a0a0a;border:0;border-radius:50%;font-size:20px}.search-box button:hover{transform:translateY(-2px)rotate(6deg)}.quick-searches{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.quick-searches button{cursor:pointer;background:#fff;border:1px solid #d4d5d0;border-radius:999px;padding:10px 15px;font-size:13px;transition:all .25s}.quick-searches button:hover{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.workspace-grid{grid-template-columns:180px minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.side-panel,.inspector{border-radius:var(--radius-lg);background:var(--surface);min-height:560px;padding:22px;position:sticky;top:102px}.panel-label{text-transform:uppercase;letter-spacing:.12em;color:#8a8b86;margin-bottom:24px;font-size:10px}.side-links{flex-direction:column;gap:4px;display:flex}.side-links button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 12px;font-size:14px}.side-links button.selected,.side-links button:not(:disabled):hover{background:#fff}.main-workspace{border-radius:var(--radius-xl);background:#fff;border:1px solid #ecece8;min-width:0;padding:34px}.section-heading{border-bottom:1px solid #deded9;grid-template-columns:1fr .75fr;align-items:end;gap:40px;padding-bottom:26px;display:grid}.section-heading>div{align-items:flex-end;gap:20px;display:flex}.section-heading span{color:#999a95;padding-bottom:8px;font-size:11px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,4.6vw,76px);font-weight:500;line-height:.9}.section-heading p{color:#6b6c67;max-width:430px;margin:0 0 5px;font-size:16px;line-height:1.5}.section-heading.compact{grid-template-columns:1fr;margin-top:72px}.search-results-block{margin-bottom:72px}.search-result-heading{grid-template-columns:1fr auto;margin-top:0}.search-result-heading h2{text-transform:capitalize}.search-result-heading p{color:#868781;margin:0 0 4px;font-size:13px}.result-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.result-card{text-align:left;cursor:pointer;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;background:#fff;border:1px solid #ecece8;border-radius:22px;padding:0;overflow:hidden}.result-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #14141412}.result-card.is-selected{border-color:#0a0a0a}.result-swatch{aspect-ratio:1.75;display:block}.result-copy{justify-content:space-between;align-items:center;padding:14px;display:flex}.result-copy strong{letter-spacing:-.02em;font-size:15px;font-weight:500}.result-copy small{color:#7b7c77;font-size:11px}.no-results{flex-direction:column;gap:6px;padding:32px 0 4px;display:flex}.no-results strong{font-size:18px;font-weight:500}.no-results span{color:#73746f;font-size:14px}.family-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.family-card{background:var(--surface);cursor:pointer;text-align:left;transition:transform .35s var(--ease),box-shadow .35s;border:0;border-radius:26px;padding:0;overflow:hidden}.family-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #14141414}.family-swatch{aspect-ratio:1.45;display:block}.family-meta{justify-content:space-between;align-items:end;padding:17px 18px 19px;display:flex}.family-meta strong{letter-spacing:-.035em;font-size:20px;font-weight:500}.family-meta small{color:#7f807b;font-size:11px}.palette-list{flex-direction:column;margin-top:18px;display:flex}.palette-row{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7e7e3;grid-template-columns:210px 1fr auto;align-items:center;gap:20px;padding:16px 0;display:grid}.palette-preview{border-radius:18px;grid-template-columns:repeat(4,1fr);height:72px;display:grid;overflow:hidden}.palette-copy{flex-direction:column;gap:5px;display:flex}.palette-copy strong{letter-spacing:-.025em;font-size:19px;font-weight:500}.palette-copy small{color:#81827d;font-size:11px}.arrow{background:#f2f2ef;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .3s;display:grid}.palette-row:hover .arrow{color:#fff;background:#0a0a0a;transform:rotate(8deg)}.inspector{overflow:hidden}.inspector-empty{flex-direction:column;justify-content:flex-end;min-height:450px;display:flex}.inspector-swatch{background:linear-gradient(135deg,#f0f0ec,#fff);border:1px solid #e8e8e4;border-radius:24px;height:180px;margin-bottom:28px}.inspector-swatch.selected{border:0;height:220px}.inspector h3{letter-spacing:-.045em;margin:0 0 6px;font-size:28px;font-weight:500}.inspector p{color:#70716c;margin:0;font-size:14px;line-height:1.5}.inspector-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.copy-pill{cursor:pointer;background:#fff;border:1px solid #d7d7d2;border-radius:999px;padding:8px 11px;font-size:11px}.add-palette-button{color:#fff;cursor:pointer;background:#0a0a0a;border:0;border-radius:999px;width:100%;min-height:42px;margin-top:18px;font-size:12px}.add-palette-button:disabled{color:#777872;opacity:1;background:#deded9}.value-list{border-top:1px solid #deded9;flex-direction:column;margin-top:24px;display:flex}.value-list>button,.value-list>div{text-align:left;background:0 0;border:0;border-bottom:1px solid #deded9;grid-template-columns:82px 1fr;align-items:center;gap:12px;padding:12px 0;display:grid}.value-list>button{cursor:pointer}.value-list span{letter-spacing:.08em;text-transform:uppercase;color:#8a8b86;font-size:10px}.value-list strong{word-break:break-word;font-size:12px;font-weight:500}.inspector-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.inspector-tags span{color:#696a65;text-transform:capitalize;border:1px solid #d8d8d3;border-radius:999px;padding:6px 9px;font-size:10px}.tonal-section{border-top:1px solid #deded9;margin-top:72px;padding-top:26px}.tonal-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.tonal-heading>div{align-items:baseline;gap:10px;display:flex}.tonal-heading span{letter-spacing:-.03em;font-size:21px;font-weight:500}.tonal-heading strong,.tonal-heading small{text-transform:uppercase;letter-spacing:.08em;color:#8a8b86;font-size:10px;font-weight:500}.tonal-strip{grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;display:grid}.tonal-step{cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:0}.tonal-step>span{border-radius:10px;height:110px;display:block}.tonal-step small{color:#797a75;margin-top:7px;font-size:9px;display:block}.tonal-step:hover>span{outline-offset:2px;outline:1px solid #0a0a0a}.palette-builder{border-top:1px solid #deded9;margin-top:90px;padding-top:26px}.palette-heading{margin-top:0}.palette-heading p{justify-self:end}.palette-empty{color:#73746f;flex-direction:column;justify-content:center;gap:6px;min-height:180px;display:flex}.palette-empty strong{color:#0a0a0a;font-size:18px;font-weight:500}.builder-strip{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-top:20px;display:grid}.builder-color{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.builder-color>span{border-radius:18px;height:120px;display:block}.builder-color small{color:#73746f;margin-top:7px;font-size:10px;display:block}.builder-list{border-top:1px solid #e7e7e3;margin-top:26px}.builder-row{border-bottom:1px solid #e7e7e3;grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.builder-row-main{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:14px 0;display:flex}.builder-dot{border-radius:50%;flex:none;width:34px;height:34px}.builder-row-main>span:last-child{flex-direction:column;gap:3px;display:flex}.builder-row-main strong{font-size:14px;font-weight:500}.builder-row-main small{color:#81827d;font-size:10px}.builder-remove,.clear-palette{cursor:pointer;background:#fff;border:1px solid #d8d8d3;border-radius:999px;padding:8px 11px;font-size:10px}.clear-palette{margin-top:18px}@media (width<=1100px){.topnav{display:none}.workspace-grid{grid-template-columns:150px minmax(0,1fr)}.inspector{display:none}.family-grid,.result-grid{grid-template-columns:repeat(2,1fr)}.tonal-strip{grid-template-columns:repeat(6,1fr)}.tonal-step>span{height:90px}}@media (width<=760px){.app-shell{padding:10px 10px 28px}.topbar{grid-template-columns:1fr auto;height:58px;padding:0 12px 0 16px;top:10px}.brand-lockup img{width:88px}.brand-lockup strong{font-size:12px}.ghost-button{display:none}.search-stage{padding:58px 4px 50px}.search-stage h1{margin-bottom:36px;font-size:clamp(58px,17vw,88px)}.quick-searches{gap:7px}.workspace-grid{display:block}.side-panel{display:none}.main-workspace{border-radius:28px;padding:20px}.section-heading,.search-result-heading{grid-template-columns:1fr;gap:18px}.section-heading>div{gap:14px}.section-heading h2{font-size:48px}.family-grid,.result-grid{grid-template-columns:1fr 1fr;gap:8px}.family-meta{padding:13px}.family-meta strong{font-size:17px}.family-meta small{display:none}.result-copy,.result-copy strong,.result-copy small{display:block}.result-copy small{margin-top:3px}.palette-row{grid-template-columns:120px 1fr auto;gap:12px}.palette-preview{height:58px}.palette-copy small{display:none}.tonal-strip{grid-template-columns:repeat(4,1fr);gap:7px}.tonal-step>span{height:72px}.builder-strip{grid-template-columns:repeat(2,1fr)}.builder-color>span{height:95px}}.inspector-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;display:grid}.inspector-actions .add-palette-button{margin-top:0}.compare-action-button{cursor:pointer;background:#fff;border:1px solid #d7d7d2;border-radius:999px;min-height:42px;font-size:12px}.compare-action-button:disabled{color:#777872;opacity:1;background:#efefed}.compare-section{border-top:1px solid #deded9;margin-top:90px;padding-top:26px}.compare-empty{color:#73746f;align-items:center;min-height:160px;font-size:14px;display:flex}.compare-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.compare-color{min-width:0;position:relative}.compare-swatch{border-radius:18px;height:118px}.compare-color>div:nth-child(2){flex-direction:column;gap:3px;margin-top:9px;display:flex}.compare-color strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.compare-color small{color:#777872;font-size:10px}.compare-color>button{cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;width:28px;height:28px;position:absolute;top:8px;right:8px}.comparison-table{border-top:1px solid #deded9;margin-top:28px}.comparison-row{border-bottom:1px solid #e7e7e3;grid-template-columns:minmax(180px,1.7fr) repeat(5,minmax(70px,1fr));align-items:center;gap:14px;padding:15px 0;display:grid}.comparison-pair{align-items:center;gap:7px;min-width:0;display:flex}.comparison-pair span{color:#969792;font-size:10px}.comparison-pair strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.comparison-row>div:not(.comparison-pair){flex-direction:column;gap:3px;display:flex}.comparison-row>div:not(.comparison-pair) span{text-transform:uppercase;letter-spacing:.08em;color:#92938e;font-size:9px}.comparison-row>div:not(.comparison-pair) strong{font-size:12px;font-weight:500}@media (width<=760px){.compare-colors{grid-template-columns:repeat(2,1fr)}.comparison-row{grid-template-columns:1fr 1fr 1fr}.comparison-pair{grid-column:1/-1}.inspector-actions{grid-template-columns:1fr}}.harmony-section{border-top:1px solid #deded9;margin-top:90px;padding-top:26px}.harmony-heading{margin-top:0}.harmony-heading p{justify-self:end}.harmony-tabs{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.harmony-tabs button{cursor:pointer;background:#fff;border:1px solid #d8d8d3;border-radius:999px;padding:9px 12px;font-size:11px;transition:all .25s}.harmony-tabs button:hover,.harmony-tabs button.is-active{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.harmony-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:18px;display:grid}.harmony-color{min-width:0}.harmony-swatch{cursor:pointer;border:0;border-radius:20px;width:100%;height:150px;display:block}.harmony-meta{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 2px;display:grid}.harmony-meta span{color:#858681;font-size:10px}.harmony-meta strong{grid-column:1;font-size:11px;font-weight:500}.harmony-meta button{cursor:pointer;background:#fff;border:1px solid #d8d8d3;border-radius:999px;grid-area:1/2/3;padding:7px 10px;font-size:10px}.harmony-meta button:hover{color:#fff;background:#0a0a0a;border-color:#0a0a0a}@media (width<=760px){.harmony-strip{grid-template-columns:repeat(2,1fr)}.harmony-swatch{height:110px}.harmony-heading p{justify-self:start}}.palette-validation{background:#f7f7f5;border-radius:24px;margin-top:28px;padding:20px}.palette-validation-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.palette-validation-heading strong{font-size:15px;font-weight:500}.palette-validation-heading span{color:#858681;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.palette-findings{flex-direction:column;display:flex}.palette-finding{border-top:1px solid #e2e2dd;grid-template-columns:24px 1fr;gap:10px;padding:13px 0;display:grid}.palette-finding:first-child{border-top:0}.palette-finding>span{border:1px solid #d4d4cf;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.palette-finding.warning>span{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.palette-finding strong{margin-bottom:3px;font-size:13px;font-weight:500;display:block}.palette-finding p{color:#73746f;margin:0;font-size:12px;line-height:1.45}.image-extractor{border-top:1px solid #deded9;margin-top:96px;padding-top:28px}.image-heading{margin-top:0}.image-workspace{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:14px;margin-top:22px;display:grid}.image-drop-panel,.image-controls-panel{background:var(--surface);border-radius:28px;padding:18px}.image-drop-panel{border:1px dashed #0000;flex-direction:column;justify-content:flex-end;gap:12px;min-height:360px;transition:border-color .25s,background .25s;display:flex}.image-drop-panel.is-dragging{background:#f1f1ed;border-color:#0a0a0a}.image-preview{object-fit:cover;border-radius:20px;width:100%;height:270px;display:block}.image-placeholder{text-align:center;background:#fff;border:1px dashed #d3d3ce;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:270px;display:flex}.image-placeholder strong{letter-spacing:-.02em;font-size:18px;font-weight:500}.image-placeholder span{color:#7b7c77;font-size:12px}.image-upload-button{color:#fff;cursor:pointer;background:#0a0a0a;border-radius:999px;justify-content:center;align-items:center;min-height:44px;font-size:12px;display:flex}.image-upload-button input{display:none}.image-file-name{color:#858680;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.image-controls-panel{flex-direction:column;gap:0;display:flex}.image-control-row,.image-toggle-row{border-bottom:1px solid #deded9;justify-content:space-between;align-items:center;gap:14px;min-height:58px;font-size:12px;display:flex}.image-controls-panel>p{color:#787974;margin:18px 0 0;font-size:11px;line-height:1.5}.count-control{gap:5px;display:flex}.count-control button{cursor:pointer;background:#fff;border:1px solid #d4d4cf;border-radius:50%;width:34px;height:34px;font-size:11px}.count-control button.selected{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.image-toggle-row input{accent-color:#0a0a0a;width:18px;height:18px}.image-error{color:#8a3f38;background:#f7ecea;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:12px}.extracted-result{margin-top:24px}.extracted-result-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.extracted-result-head>div{flex-direction:column;gap:4px;display:flex}.extracted-result-head strong{letter-spacing:-.03em;font-size:19px;font-weight:500}.extracted-result-head span{color:#7b7c77;font-size:11px}.extracted-result-head>button,.extracted-add{cursor:pointer;background:#fff;border:1px solid #d4d4cf;border-radius:999px;padding:9px 13px;font-size:10px}.extracted-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.extracted-card{background:#fff;border:1px solid #e8e8e4;border-radius:20px;grid-template-columns:1fr;gap:8px;padding:8px;display:grid}.extracted-swatch{cursor:pointer;border:0;border-radius:14px;height:110px}.extracted-card>div{justify-content:space-between;align-items:flex-end;gap:8px;padding:0 3px;display:flex}.extracted-card strong{font-size:12px;font-weight:500}.extracted-card small{color:#858680;font-size:9px}.extracted-add{width:100%;padding:8px 10px}@media (width<=900px){.image-workspace{grid-template-columns:1fr}.image-controls-panel{min-height:auto}.extracted-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.image-extractor{margin-top:72px}.image-drop-panel,.image-controls-panel{border-radius:22px;padding:12px}.image-preview,.image-placeholder{height:220px;min-height:220px}.extracted-grid{grid-template-columns:1fr 1fr}.extracted-swatch{height:90px}.extracted-card>div{display:block}.extracted-card small{margin-top:3px;display:block}}.export-panel{border-top:1px solid #deded9;margin-top:90px;padding-top:26px;scroll-margin-top:118px}.export-heading{margin-top:0}.export-empty{color:#73746f;flex-direction:column;justify-content:center;gap:6px;min-height:180px;display:flex}.export-empty strong{color:#0a0a0a;font-size:18px;font-weight:500}.export-tabs{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.export-tabs button{cursor:pointer;background:#fff;border:1px solid #d8d8d3;border-radius:999px;padding:9px 13px;font-size:11px}.export-tabs button.selected{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.export-code-block{background:#111;border:1px solid #e1e1dc;border-radius:24px;margin-top:16px;overflow:hidden}.export-code-head{color:#fff;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.export-code-head>span{letter-spacing:.1em;text-transform:uppercase;color:#a7a7a1;font-size:10px}.export-code-head>div{gap:8px;display:flex}.export-code-head button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:7px 10px;font-size:10px}.export-code-head button:hover{color:#0a0a0a;background:#fff}.export-code-block pre{color:#f2f2ef;white-space:pre-wrap;word-break:break-word;min-height:220px;max-height:420px;margin:0;padding:22px;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.export-assets{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.export-assets button{text-align:left;cursor:pointer;transition:transform .25s var(--ease),border-color .25s;background:#fff;border:1px solid #deded9;border-radius:20px;flex-direction:column;align-items:flex-start;gap:5px;padding:18px;display:flex}.export-assets button:hover{border-color:#0a0a0a;transform:translateY(-2px)}.export-assets strong{font-size:15px;font-weight:500}.export-assets span{color:#7b7c77;font-size:10px}.export-error{color:#8a3b32;background:#fff4f2;border:1px solid #efc7c0;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:11px}@media (width<=760px){.export-assets{grid-template-columns:1fr}.export-code-block pre{min-height:180px}.export-code-head{align-items:flex-start;gap:12px}.export-code-head>div{flex-wrap:wrap;justify-content:flex-end}}.saved-library{border-top:1px solid #dedede;margin-top:96px;padding-top:28px}.library-heading{margin-top:0}.save-palette-bar{background:var(--surface);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:22px;padding:14px;display:grid}.save-palette-bar input{background:#fff;border:1px solid #d8d8d8;border-radius:999px;outline:0;min-height:46px;padding:0 16px}.save-palette-bar input:focus{border-color:#0a0a0a}.save-palette-bar button,.saved-actions button{cursor:pointer;background:#fff;border:1px solid #d4d4d4;border-radius:999px;padding:0 15px;font-size:11px}.save-palette-bar button{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.save-palette-bar button:disabled{color:#777;opacity:1;background:#dedede;border-color:#dedede}.saved-empty{color:#737373;border-radius:18px;flex-direction:column;justify-content:center;gap:6px;min-height:170px;padding:20px;display:flex}.saved-empty strong{color:#0a0a0a;font-size:18px;font-weight:500}.saved-list{border-top:1px solid #e7e7e7;margin-top:20px}.saved-palette-row{border-bottom:1px solid #e7e7e7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 0;display:grid}.saved-palette-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:16px;padding:0;display:grid}.saved-preview{background:#f5f5f5;border-radius:16px;height:66px;display:flex;overflow:hidden}.saved-preview>span{flex:1 1 0;min-width:0;height:100%;display:block}.saved-copy{flex-direction:column;gap:4px;display:flex}.saved-copy strong{letter-spacing:-.025em;font-size:17px;font-weight:500}.saved-copy small{color:gray;font-size:10px}.saved-actions{gap:6px;display:flex}.saved-actions button{min-height:36px}.saved-actions button:last-child{color:#8a3f38}@media (width<=760px){.saved-library{margin-top:72px}.save-palette-bar{grid-template-columns:1fr}.save-palette-bar button{min-height:44px}.saved-palette-row{grid-template-columns:1fr}.saved-palette-main{grid-template-columns:120px 1fr}.saved-preview{height:56px}.saved-actions{justify-content:flex-end}.saved-actions button{padding:0 13px}}.responsive-inspector{display:none}@media (width<=1100px){.responsive-inspector{margin-top:72px;display:block}.responsive-inspector .inspector{border-radius:var(--radius-lg);min-height:0;padding:24px;display:block;position:relative;top:auto}.responsive-inspector .inspector-empty{min-height:280px}.responsive-inspector .inspector-swatch.selected{height:260px}.responsive-inspector .value-list{grid-template-columns:1fr 1fr;column-gap:22px;display:grid}.responsive-inspector .value-list>button,.responsive-inspector .value-list>div{grid-template-columns:86px 1fr}}@media (width<=760px){.responsive-inspector{margin-top:56px}.responsive-inspector .inspector{border-radius:24px;padding:18px}.responsive-inspector .inspector-swatch.selected{height:190px}.responsive-inspector .inspector-title-row{align-items:center}.responsive-inspector .value-list{display:flex}.responsive-inspector .inspector-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.responsive-inspector .add-palette-button{margin-top:0}}.skip-link{z-index:1000;color:#fff;background:#0a0a0a;border-radius:999px;padding:10px 14px;font-size:12px;transition:transform .2s;position:fixed;top:18px;left:18px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:where(button,a,input):focus-visible{outline-offset:3px;outline:2px solid #0a0a0a}.search-box input:focus-visible{outline:0}.search-box:focus-within{border-bottom-color:#0a0a0a}.mobile-explore-tabs{display:none}.preset-explorer{min-width:0}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.preset-card{background:var(--surface);text-align:left;cursor:pointer;min-height:180px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;border:1px solid #e7e7e3;border-radius:24px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.preset-card:hover{border-color:#d7d7d2;transform:translateY(-4px);box-shadow:0 18px 44px #1414140f}.preset-card strong{letter-spacing:-.04em;font-size:24px;font-weight:500}.preset-card span{color:#6f706b;max-width:34ch;margin-top:10px;font-size:13px;line-height:1.5}.preset-card small{color:#858680;text-transform:uppercase;letter-spacing:.07em;margin-top:auto;padding-top:22px;font-size:10px}.contrast-summary{grid-template-columns:1fr;gap:7px;margin-top:16px;display:grid}.contrast-summary>div{background:#fff;border:1px solid #deded9;border-radius:14px;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:9px;display:grid}.contrast-chip{border:1px solid #deded9;border-radius:10px;width:32px;height:32px}.contrast-white{background:#fff}.contrast-black{background:#0a0a0a}.contrast-summary>div>span:last-child{flex-direction:column;gap:2px;display:flex}.contrast-summary strong{font-size:12px;font-weight:500}.contrast-summary small{color:#787974;font-size:9px;line-height:1.35}button:not(:disabled),a[href]{-webkit-tap-highlight-color:transparent}@media (hover:none){.family-card:hover,.result-card:hover,.preset-card:hover{box-shadow:none;transform:none}}@media (width<=760px){.preset-grid{grid-template-columns:1fr}.preset-card{min-height:150px}.skip-link{top:10px;left:10px}.mobile-explore-tabs{scrollbar-width:none;gap:7px;margin:0 0 26px;padding:1px 1px 8px;display:flex;overflow-x:auto}.mobile-explore-tabs::-webkit-scrollbar{display:none}.mobile-explore-tabs button{cursor:pointer;background:#fff;border:1px solid #d8d8d3;border-radius:999px;flex:none;padding:9px 12px;font-size:11px}.mobile-explore-tabs button.selected{color:#fff;background:#0a0a0a;border-color:#0a0a0a}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.search-stage,.standalone-intro,.tool-page-hero,.about-hero{isolation:isolate;position:relative}.search-stage:before,.standalone-intro:before,.tool-page-hero:before,.about-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52% 72% at 34% 30%,#a9e1f775 0%,#a9e1f738 42%,#0000 74%),radial-gradient(44% 62% at 62% 26%,#b99af847 0%,#b99af81f 44%,#0000 72%),radial-gradient(38% 56% at 82% 34%,#8fe46c2e 0%,#8fe46c14 42%,#0000 72%),radial-gradient(34% 48% at 50% 74%,#63d9db29 0%,#63d9db12 42%,#0000 72%),linear-gradient(#ffffff0f 0%,#ffffff85 72%,#fff 100%);width:100vw;position:absolute;top:-42px;bottom:-6px;left:50%;transform:translate(-50%)}.convert-hero,.convert-page{overflow:visible!important}@media (width<=760px){.search-stage:before,.standalone-intro:before,.tool-page-hero:before,.about-hero:before{background:radial-gradient(72% 58% at 30% 24%,#a9e1f766 0%,#a9e1f72e 44%,#0000 74%),radial-gradient(64% 54% at 78% 30%,#b99af83d 0%,#b99af81a 46%,#0000 74%),radial-gradient(56% 44% at 62% 70%,#8fe46c1f 0%,#0000 72%),linear-gradient(#ffffff14 0%,#fff 100%);top:-28px}}.workspace-frame{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:48px;margin-top:10px;padding:10px;position:relative}.workspace-context{justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:10px 12px 18px 18px;display:flex}.workspace-context>div:first-child{align-items:baseline;gap:12px;min-width:0;display:flex}.workspace-kicker{letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;white-space:nowrap;font-size:10px;line-height:1}.workspace-context>div:first-child strong{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:500;overflow:hidden}.workspace-status{align-items:center;gap:6px;display:flex}.workspace-status button{cursor:pointer;min-height:38px;transition:background .25s,transform .25s var(--ease),border-color .25s;background:#ffffffbd;border:1px solid #dfdfdf;border-radius:999px;align-items:center;gap:10px;padding:0 12px;display:flex}.workspace-status button:hover{background:#fff;border-color:#cacaca;transform:translateY(-1px)}.workspace-status span{color:#818181;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.workspace-status strong{font-size:11px;font-weight:500}.workspace-frame .workspace-grid{gap:8px}.workspace-frame .side-panel,.workspace-frame .inspector{background:#fff;border:1px solid #e8e8e8;top:102px;box-shadow:0 12px 36px #14141409}.workspace-frame .main-workspace{border-color:#e5e5e5;box-shadow:0 14px 44px #14141406}@media (width<=1100px){.workspace-context{align-items:flex-start}.workspace-status{flex-wrap:wrap;justify-content:flex-end}}@media (width<=760px){.workspace-frame{border-radius:34px;margin-top:4px;padding:6px}.workspace-context{padding:13px 10px 15px;display:block}.workspace-context>div:first-child{display:block}.workspace-kicker{margin-bottom:7px;display:block}.workspace-context>div:first-child strong{font-size:17px;display:block}.workspace-status{justify-content:flex-start;margin-top:14px}.workspace-status button{min-height:34px;padding:0 10px}}.result-grid,.family-grid,.preset-grid{gap:8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important}.results-viewport-card{background:#fbfbfb;border:1px solid #e4e4e4;border-radius:26px;margin-top:18px;overflow:hidden}.results-viewport-bar{background:#fff;border-bottom:1px solid #e4e4e4;justify-content:flex-end;align-items:center;gap:18px;min-height:54px;padding:0 16px;display:flex}.results-scroll-hint{color:#0a0a0a;flex:none;align-items:center;gap:6px;font-size:11px;display:inline-flex}.results-viewport-body{background:#fbfbfb;padding:10px}.result-grid{--result-row-height:124px;--result-grid-gap:8px;grid-auto-rows:var(--result-row-height);max-height:calc((var(--result-row-height) * 3) + (var(--result-grid-gap) * 2));overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:smooth;outline:none;margin-top:0;padding:0 8px 0 0;overflow:hidden auto;grid-template-columns:repeat(6,minmax(0,1fr))!important}.result-grid:focus-visible{outline-offset:2px;border-radius:18px;outline:2px solid #0a0a0a40}.result-grid::-webkit-scrollbar{width:8px}.palette-scroll::-webkit-scrollbar{width:8px}.result-grid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:999px}.palette-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:999px}.result-grid::-webkit-scrollbar-thumb{background:#a0a0a0;border:2px solid #f0f0f0;border-radius:999px}.palette-scroll::-webkit-scrollbar-thumb{background:#a0a0a0;border:2px solid #f0f0f0;border-radius:999px}.result-grid:hover::-webkit-scrollbar-thumb{background:#686868}.palette-scroll:hover::-webkit-scrollbar-thumb{background:#686868}.result-card,.family-card,.preset-card{min-width:0}.result-card{border-radius:16px;grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.result-card.is-selected{animation:.46s cubic-bezier(.22,1,.36,1) color-card-select;transform:translateY(-2px);box-shadow:0 0 0 2px #0a0a0a,0 14px 34px #0a0a0a1f!important}.result-card.is-selected .result-swatch{animation:.55s cubic-bezier(.22,1,.36,1) color-swatch-breathe}.result-swatch{aspect-ratio:auto;min-height:0;display:block}.result-copy{gap:6px;padding:10px 10px 11px}.result-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.result-copy small{flex:none;font-size:9px}.selected-color-actions{transform-origin:50% 0;background:#fbfbfb;border:1px solid #e4e4e4;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 54px;padding:12px 14px;animation:.48s cubic-bezier(.22,1,.36,1) selected-actions-in;display:flex}.selected-color-identity{align-items:center;gap:11px;min-width:0;display:flex}.selected-color-dot{border:1px solid #0000001a;border-radius:14px;flex:none;width:46px;height:46px;box-shadow:inset 0 0 0 1px #ffffff59}.selected-color-identity>div{grid-template-columns:auto auto;align-items:baseline;gap:2px 8px;display:grid}.selected-color-identity small{letter-spacing:.1em;text-transform:uppercase;color:#8b8b86;grid-column:1/-1;font-size:9px}.selected-color-identity strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.selected-color-identity span:last-child{color:#7b7c77;font-size:11px}.selected-color-buttons{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.selected-color-buttons button{appearance:none;cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:999px;padding:9px 13px;font-size:11px;transition:transform .22s,border-color .22s,background .22s,color .22s}.selected-color-buttons button:hover{border-color:#0a0a0a;transform:translateY(-2px)}.selected-color-buttons button:active{transform:scale(.96)}.selected-color-buttons button:nth-child(2){color:#fff;background:#0a0a0a;border-color:#0a0a0a}.palette-viewport-card{background:#fff;border:1px solid #e4e4e4;border-radius:24px;margin-top:18px;overflow:hidden}.palette-viewport-bar{color:#737373;background:#fff;border-bottom:1px solid #e4e4e4;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 15px;font-size:11px;display:flex}.palette-viewport-bar span:last-child{color:#0a0a0a}.palette-selection-bar{background:#f8f8f8;border-bottom:1px solid #e4e4e4;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 14px;display:flex}.palette-selection-value{align-items:center;gap:9px;min-width:0;display:flex}.palette-selection-dot{border:1px solid #0000001f;border-radius:50%;flex:none;width:22px;height:22px}.palette-selection-value strong{font-size:12px;font-weight:600}.palette-selection-value>span:last-child{color:#737373;font-size:10px}.palette-selection-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.palette-selection-actions button{cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:999px;padding:7px 10px;font-size:10px}.palette-selection-actions button:hover{border-color:#0a0a0a}.palette-scroll{--palette-row-height:148px;--palette-gap:10px;max-height:calc((var(--palette-row-height) * 3) + (var(--palette-gap) * 2) + 20px);overscroll-behavior:contain;scrollbar-gutter:stable;background:#fbfbfb;outline:none;padding:10px;overflow:hidden auto;gap:var(--palette-gap)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:0!important;display:grid!important}.palette-scroll:focus-visible{outline-offset:-4px;outline:2px solid #0a0a0a38}.palette-scroll .palette-row{text-align:left;background:#fff;border-radius:18px;align-items:stretch;overflow:hidden;min-height:var(--palette-row-height)!important;border:1px solid #e4e4e4!important;grid-template-rows:82px auto!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;display:grid!important}.palette-scroll .palette-preview{background:#f2f2f2;border-radius:0;width:100%;height:82px;overflow:hidden;grid-template-rows:82px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;display:grid!important}.palette-scroll .palette-preview button{appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;outline:0;position:relative;width:100%!important;min-width:0!important;height:82px!important;min-height:82px!important;box-shadow:none!important;filter:none!important;opacity:1!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;transition:box-shadow .18s!important;display:block!important;transform:none!important}.palette-scroll .palette-preview button:first-child{box-shadow:none!important}.palette-scroll .palette-preview button.is-active{box-shadow:inset 0 -3px #0a0a0a38!important}.palette-scroll .palette-preview button:hover{box-shadow:inset 0 -3px #0a0a0a1f!important}.palette-scroll .palette-preview button:active{box-shadow:inset 0 -3px #0a0a0a33!important}.palette-scroll .palette-preview button:focus{outline:0!important}.palette-scroll .palette-preview button:focus-visible{outline-offset:-4px;outline:2px solid #0a0a0a47!important}.palette-scroll .palette-copy{min-width:0;padding:12px 13px 13px}.palette-scroll .palette-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.2;display:block;overflow:hidden}.palette-scroll .palette-copy small{text-overflow:ellipsis;white-space:nowrap;color:#737373;margin-top:5px;font-size:9px;display:block;overflow:hidden}.palette-scroll .arrow{display:none!important}@keyframes selected-actions-in{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:none}}@keyframes color-card-select{0%{transform:scale(.96)}60%{transform:scale(1.015)}to{transform:translateY(-2px)scale(1)}}@keyframes color-swatch-breathe{0%{filter:saturate(.75)brightness(1.08)}to{filter:none}}@media (width>=761px){.main-workspace .result-grid,.main-workspace .family-grid,.main-workspace .preset-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media (width<=1100px) and (width>=761px){.palette-scroll{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=760px){.main-workspace .result-grid,.main-workspace .family-grid,.main-workspace .preset-grid{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.results-viewport-card{border-radius:22px}.results-viewport-bar{min-height:52px;padding:10px 12px}.results-viewport-body{padding:8px}.result-grid{--result-row-height:128px;--result-grid-gap:7px;max-height:calc((var(--result-row-height) * 3) + (var(--result-grid-gap) * 2));padding-right:6px}.result-card{border-radius:14px}.result-copy{padding:9px 10px 10px}.result-copy strong{font-size:12px}.result-copy small{font-size:10px}.selected-color-actions{flex-direction:column;align-items:flex-start;margin-bottom:42px}.selected-color-buttons{justify-content:flex-start;width:100%}.palette-viewport-card{border-radius:20px}.palette-viewport-bar{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px}.palette-selection-bar{flex-direction:column;align-items:flex-start}.palette-selection-actions{justify-content:flex-start}.palette-scroll{--palette-row-height:132px;max-height:calc((var(--palette-row-height) * 3) + (var(--palette-gap) * 2) + 20px);padding:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.palette-scroll .palette-row{min-height:var(--palette-row-height)!important;grid-template-rows:70px auto!important}.palette-scroll .palette-preview{height:70px;grid-template-rows:70px!important}.palette-scroll .palette-preview button{height:70px!important;min-height:70px!important}.palette-scroll .palette-copy{padding:10px}.palette-scroll .palette-copy small{display:none}}@media (prefers-reduced-motion:reduce){.selected-color-actions,.result-card.is-selected,.result-card.is-selected .result-swatch{animation:none!important}.selected-color-buttons button{transition:none!important}}.topnav button{appearance:none;font:inherit;color:#92928f;cursor:pointer;background:0 0;border:0;padding:8px 4px}.topnav button:hover,.topnav button.active{color:#0a0a0a}.topnav button.active{font-weight:500}.header-note{color:#92928f;white-space:nowrap;font-size:11px}.standalone-tool,.tool-page,.about-page{max-width:1440px;margin:0 auto;padding:72px 28px 120px}.standalone-intro,.tool-page-hero,.about-hero{border-bottom:1px solid #d9d9d5;padding:52px 0 72px}.standalone-intro>span,.tool-page-kicker,.about-hero>span{text-transform:uppercase;letter-spacing:.12em;color:#858580;font-size:10px}.standalone-intro h1,.tool-page-hero h1,.about-hero h1{letter-spacing:-.065em;max-width:1000px;margin:16px 0 22px;font-size:clamp(48px,7vw,108px);font-weight:500;line-height:.92}.standalone-intro p,.tool-page-hero p,.about-hero p{color:#656560;max-width:650px;margin:0;font-size:16px;line-height:1.55}.standalone-tool .image-extractor{margin-top:64px}.convert-hero{position:relative;overflow:hidden}.convert-hero:after{content:"";filter:saturate(.9);opacity:.18;background:conic-gradient(#ff4d4d,#ffd84d,#65d96b,#53c7ff,#6a5cff,#d85cff,#ff4d4d);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-42px;right:4%}.converter-studio{background:#fff;border:1px solid #d9d9d5;border-radius:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:42px;display:grid;overflow:hidden}.converter-picker-panel,.converter-data-panel{min-width:0}.converter-picker-panel{background:#f7f7f5;border-right:1px solid #d9d9d5;padding:28px}.converter-data-panel{background:#fff}.converter-panel-head{border-bottom:1px solid #deded9;align-items:center;gap:12px;padding-bottom:20px;display:flex}.converter-panel-head span{color:#8a8b86;font-size:10px}.converter-panel-head strong{font-size:13px;font-weight:500}.wheel-stage{grid-template-columns:minmax(220px,1fr) 132px;align-items:center;gap:28px;padding:34px 0;display:grid}.color-wheel{aspect-ratio:1;cursor:crosshair;background:radial-gradient(circle,#fff 0 4%,#0000 4.5%),radial-gradient(circle,#fff 0%,#ffffffe6 6%,#fff0 61%),conic-gradient(from -90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:50%;width:min(100%,420px);padding:0;position:relative;box-shadow:inset 0 0 0 1px #0a0a0a14,0 20px 70px #14141412}.wheel-marker{pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0a0a0a66,0 4px 14px #0000002e}.selected-color-disc{aspect-ratio:1;border:1px solid #0a0a0a1a;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 10px #ffffff24}.selected-color-disc span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd6;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:600}.converter-sliders{border-top:1px solid #deded9;gap:16px;padding-top:22px;display:grid}.converter-sliders label{gap:8px;display:grid}.converter-sliders label>span{color:#74746f;justify-content:space-between;font-size:11px;display:flex}.converter-sliders label strong{color:#111;font-weight:500}.converter-sliders input[type=range]{accent-color:#111;width:100%}.converter-direct-input{border-top:1px solid #deded9;margin-top:24px;padding-top:22px}.converter-direct-input>label{text-transform:uppercase;letter-spacing:.09em;color:#81817c;margin-bottom:10px;font-size:10px;display:block}.converter-direct-input>div{grid-template-columns:1fr 52px;gap:8px;display:grid}.converter-direct-input input[type=text],.converter-direct-input input:not([type]){letter-spacing:-.02em;background:#fff;border:1px solid #ccc;border-radius:13px;width:100%;padding:14px 15px;font-size:18px}.native-color-input{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:13px;width:52px;height:52px;padding:4px}.converter-summary{background:#d9d9d5;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;display:grid}.converter-summary>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;flex-direction:column;justify-content:flex-end;min-height:124px;padding:20px;display:flex}.converter-summary span{text-transform:uppercase;letter-spacing:.08em;color:#777;font-size:10px}.converter-summary strong{letter-spacing:-.03em;margin-top:6px;font-size:22px;font-weight:500}.conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.conversion-value{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-top:0;border-left:0;min-height:126px;padding:22px}.conversion-value span,.conversion-value small{color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.conversion-value strong{overflow-wrap:anywhere;margin:12px 0;font-size:15px;font-weight:500;display:block}.converter-notes-grid{border-top:1px solid #d9d9d5;border-bottom:1px solid #d9d9d5;grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.converter-notes-grid article{border-right:1px solid #d9d9d5;min-height:210px;padding:28px}.converter-notes-grid span{color:#8a8b86;font-size:10px}.converter-notes-grid strong{letter-spacing:-.03em;margin:46px 0 10px;font-size:21px;font-weight:500;display:block}.converter-notes-grid p{color:#6d6d68;margin:0;font-size:12px;line-height:1.55}.about-statement{border-bottom:1px solid #d9d9d5;grid-template-columns:1fr 1fr;gap:64px;padding:96px 0;display:grid}.about-statement strong{letter-spacing:-.05em;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:.95}.about-statement p{color:#62625d;max-width:520px;font-size:17px;line-height:1.55}.about-tools{border-bottom:1px solid #d9d9d5;grid-template-columns:repeat(3,1fr);display:grid}.about-tools article{border-top:1px solid #d9d9d5;border-right:1px solid #d9d9d5;min-height:290px;padding:28px}.about-tools article:nth-child(3n){border-right:0}.about-tools article>span{color:#8b8b86;font-size:10px}.about-tools h2{letter-spacing:-.035em;margin:72px 0 12px;font-size:26px}.about-tools p{color:#696964;font-size:13px;line-height:1.55}.about-end{grid-template-columns:1fr 2fr;gap:40px;padding:96px 0 0;display:grid}.about-end span{color:#888;font-size:11px}.about-end strong{letter-spacing:-.045em;max-width:820px;font-size:clamp(28px,4vw,54px);font-weight:500;line-height:1.02}.workspace-status>span{align-items:center;gap:8px;display:flex}@media (width<=980px){.converter-studio{grid-template-columns:1fr}.converter-picker-panel{border-bottom:1px solid #d9d9d5;border-right:0}.converter-notes-grid{grid-template-columns:1fr}.converter-notes-grid article{border-bottom:1px solid #d9d9d5;border-right:0}.converter-notes-grid article:last-child{border-bottom:0}}@media (width<=760px){.standalone-tool,.tool-page,.about-page{padding:36px 16px 80px}.standalone-intro,.tool-page-hero,.about-hero{padding:34px 0 48px}.standalone-intro h1,.tool-page-hero h1,.about-hero h1{font-size:48px}.wheel-stage{grid-template-columns:1fr;gap:20px}.color-wheel{justify-self:center;width:100%;max-width:320px}.selected-color-disc{justify-self:center;width:110px}.converter-summary,.conversion-grid{grid-template-columns:1fr}.about-statement{grid-template-columns:1fr;gap:28px;padding:60px 0}.about-tools{grid-template-columns:1fr}.about-tools article,.about-tools article:nth-child(3n){border-right:0}.about-end{grid-template-columns:1fr}.header-note{display:none}}.action-dock,.extract-action-dock,.color-action-panel{-webkit-backdrop-filter:blur(30px)saturate(145%)}.color-action-panel{z-index:44;transition:width .24s var(--ease),border-radius .24s var(--ease),box-shadow .24s var(--ease),background .2s ease;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border:1px solid #0a0a0a14;overflow:hidden;box-shadow:0 12px 30px #1414140b;background:#ffffff80!important}.color-action-panel:active{cursor:grabbing}.color-action-panel.is-float{border-radius:999px;width:max-content;max-width:calc(100vw - 48px);position:fixed;top:96px;right:24px}.color-action-panel.is-dock{border-radius:999px;width:max-content;max-width:100%;margin:0 0 22px;position:sticky;top:96px;box-shadow:0 8px 22px #14141409}.color-action-panel.is-collapsed{border-radius:999px;width:max-content}.color-action-panel.is-dock.is-collapsed{width:max-content;margin-left:0}.color-action-head{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;min-height:54px;padding:7px 8px;display:flex}.color-action-dot{border:1px solid #00000017;border-radius:50%;flex:none;width:34px;height:34px;transition:background .18s linear;box-shadow:inset 0 0 0 1px #ffffff4d}.color-action-identity{flex-direction:column;flex:0 auto;gap:0;min-width:108px;max-width:160px;display:flex}.color-action-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.color-action-identity span{color:#737373;font-size:10px}.color-action-buttons{min-width:0;animation:action-panel-expand .2s var(--ease);flex:none;align-items:center;gap:5px;padding:0;display:flex}.color-action-buttons button,.color-action-panel-controls button{appearance:none;color:#111;cursor:pointer;border:1px solid #0a0a0a17;border-radius:50%;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:0;line-height:0;transition:background .18s,border-color .18s,transform .18s;display:grid;background:#ffffff29!important}.color-action-buttons button svg,.color-action-panel-controls button svg{pointer-events:none;width:17px;height:17px;display:block}.color-action-buttons button:hover,.color-action-panel-controls button:hover{border-color:#0a0a0a33;background:#ffffff80!important}.color-action-buttons button:active,.color-action-panel-controls button:active{transform:scale(.94)}.color-action-buttons button.primary{color:#111;border-color:#0a0a0a1f;background:#ffffff38!important}.color-action-panel-controls{flex:none;align-items:center;gap:5px;margin-left:6px;display:flex}.color-action-panel.is-collapsed .color-action-head{min-height:48px;padding:6px 7px}.color-action-panel.is-collapsed .color-action-dot{width:32px;height:32px}.color-action-panel.is-collapsed .color-action-identity{min-width:70px;max-width:100px}.color-action-panel.is-collapsed .color-action-identity strong{display:none}@keyframes action-panel-expand{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:none}}.convert-hero:after{display:none!important}.tool-page-hero,.standalone-intro{max-width:1240px;margin:0 auto}.tool-page-hero h1,.standalone-intro h1{max-width:920px}.converter-studio{gap:14px;padding:14px;background:#f7f7f5!important;border:1px solid #ecece8!important;border-radius:40px!important;margin-top:42px!important;overflow:visible!important}.converter-picker-panel,.converter-data-panel{overflow:hidden;background:#fff!important;border:1px solid #ecece8!important;border-radius:28px!important}.converter-picker-panel{padding:26px!important}.converter-data-panel{padding:26px}.converter-picker-panel{border-right:1px solid #ecece8!important}.converter-panel-head{min-height:52px;padding:0 0 18px!important}.converter-panel-head span{letter-spacing:.08em;font-size:10px}.wheel-stage{padding:28px 0!important}.color-wheel{box-shadow:none!important;border:1px solid #e0e0dc!important}.selected-color-disc{box-shadow:none!important;border-radius:20px!important}.converter-summary{border-radius:20px;margin-top:20px;overflow:hidden}.converter-summary>div{min-height:108px!important}.conversion-grid{gap:8px;margin-top:12px}.conversion-value{background:#fff!important;border:1px solid #e4e4df!important;border-radius:18px!important;min-height:112px!important}.conversion-value:hover{transform:translateY(-1px);background:#f7f7f5!important}.converter-notes-grid{gap:10px;border:0!important;margin-top:14px!important}.converter-notes-grid article{background:#fff;border-radius:22px;border:1px solid #e4e4df!important;min-height:180px!important}.converter-notes-grid article:last-child{border-right:1px solid #e4e4df!important}.standalone-tool .image-extractor{background:#fff;border-radius:40px;border:1px solid #ecece8!important;margin-top:42px!important;padding:34px!important}.image-extractor{border-top:0!important}.tool-workspace-head{border-bottom:1px solid #deded9;grid-template-columns:1fr minmax(280px,.7fr);align-items:end;gap:32px;padding-bottom:24px;display:grid}.tool-workspace-head>div{align-items:center;gap:12px;display:flex}.tool-workspace-head span,.image-panel-label span{color:#8a8b86;font-size:10px}.tool-workspace-head strong{letter-spacing:-.035em;font-size:28px;font-weight:500}.tool-workspace-head p{color:#6d6d68;margin:0;font-size:13px;line-height:1.5}.image-workspace{margin-top:14px!important}.image-drop-panel,.image-controls-panel{border:1px solid #ecece8;background:#f7f7f5!important}.image-placeholder{background:#fff!important;border:0!important}.image-panel-label{border-bottom:1px solid #deded9;align-items:center;gap:10px;min-height:48px;display:flex}.image-panel-label strong{font-size:13px;font-weight:500}.extracted-result{border-top:1px solid #deded9;padding-top:18px;margin-top:18px!important}.extract-action-dock{z-index:18;background:#ffffffeb;border:1px solid #0a0a0a1f;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px;padding:9px 10px 9px 12px;display:flex;position:sticky;top:96px;box-shadow:0 12px 34px #14141414}.extract-action-identity{align-items:center;gap:10px;display:flex}.extract-action-identity>span{border:1px solid #0000001a;border-radius:50%;width:36px;height:36px}.extract-action-identity>div{align-items:baseline;gap:8px;display:flex}.extract-action-identity small{text-transform:uppercase;letter-spacing:.08em;color:#8a8b86;font-size:9px}.extract-action-identity strong{font-size:12px;font-weight:600}.extract-action-buttons{gap:6px;display:flex}.extract-action-buttons button{cursor:pointer;background:#fff;border:1px solid #d4d4cf;border-radius:999px;min-height:34px;padding:0 12px;font-size:11px}.extract-action-buttons button:last-child{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.extracted-card{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.extracted-card.is-active{border-color:#0a0a0a;transform:translateY(-2px);box-shadow:0 10px 28px #14141414}@media (width<=980px){.color-action-panel.is-float{max-width:calc(100vw - 28px)}.color-action-identity{min-width:86px;max-width:120px}.color-action-buttons button,.color-action-panel-controls button{width:34px;min-width:34px;height:34px;min-height:34px}.converter-studio{padding:10px}.converter-picker-panel{border-bottom:1px solid #ecece8!important}.converter-notes-grid article:last-child{border-right:1px solid #e4e4df!important}}@media (width<=760px){.color-action-panel.is-float{border-radius:999px;max-width:calc(100vw - 20px);top:78px;right:10px}.color-action-panel.is-dock{border-radius:999px;max-width:100%;top:78px}.color-action-head{gap:5px;padding:6px}.color-action-identity{min-width:66px;max-width:88px}.color-action-buttons,.color-action-panel-controls{gap:3px}.color-action-buttons button,.color-action-panel-controls button{width:32px;min-width:32px;height:32px;min-height:32px}.color-action-dot{width:31px;height:31px}.standalone-tool .image-extractor{border-radius:28px;padding:20px!important}.tool-workspace-head{grid-template-columns:1fr;gap:12px}.converter-studio{border-radius:28px!important}.converter-picker-panel,.converter-data-panel{border-radius:22px!important}.extract-action-dock{border-radius:22px;flex-direction:column;align-items:flex-start;top:78px}.extract-action-buttons{width:100%}}@media (prefers-reduced-motion:reduce){.extracted-card,.conversion-value,.color-action-panel,.color-action-buttons,.color-action-dot{transition:none!important;animation:none!important}}.about-page{max-width:none;margin:0;padding:72px 0 0;overflow:hidden}.about-colorkit{color:#0a0a0a;background:#fff}.about-product-hero{background:#fbfbfb;border:1px solid #e4e4e4;border-radius:42px;margin:0 3vw;padding:54px 56px 44px}.about-product-kicker{color:#737373;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #e1e1e1;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;font-size:11px;display:flex}.about-product-title{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:70px;padding:64px 0 54px;display:grid}.about-product-title h1{letter-spacing:-.07em;margin:0;font-size:clamp(72px,9vw,158px);font-weight:450;line-height:.82}.about-product-title p{color:#686868;max-width:560px;margin:0 0 12px;font-size:18px;line-height:1.55}.about-spectrum{border-radius:28px;grid-template-columns:repeat(6,1fr);height:150px;display:grid;overflow:hidden}.about-spectrum span:first-child{background:#315be8}.about-spectrum span:nth-child(2){background:#63d9db}.about-spectrum span:nth-child(3){background:#8fe46c}.about-spectrum span:nth-child(4){background:#f1c933}.about-spectrum span:nth-child(5){background:#f0833a}.about-spectrum span:nth-child(6){background:#b99af8}.about-product-intro{grid-template-columns:80px minmax(0,1.2fr) minmax(280px,.7fr);align-items:start;gap:40px;padding:150px 7vw 110px;display:grid}.about-index{color:#8a8a8a;font-size:12px}.about-product-intro h2,.about-tools-section h2,.about-product-flow h2,.about-product-end h2{letter-spacing:-.06em;margin:0;font-size:clamp(48px,6vw,96px);font-weight:450;line-height:.9}.about-product-intro p{color:#6c6c6c;max-width:580px;margin:8px 0 0;font-size:18px;line-height:1.55}.about-principles{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 3vw 140px;display:grid}.about-principles article{background:#f9f7f9;border:1px solid #e4e4e4;border-radius:28px;flex-direction:column;min-height:300px;padding:28px;display:flex}.about-principles article>span{color:#8a8a8a;font-size:11px}.about-principles h3{letter-spacing:-.045em;margin:auto 0 16px;font-size:34px;font-weight:500;line-height:1}.about-principles p{color:#6b6b6b;margin:0;font-size:14px;line-height:1.55}.about-tools-section{padding:0 3vw 150px}.about-tools-section>header{grid-template-columns:80px minmax(0,1fr);gap:40px;padding:0 4vw 52px;display:grid}.about-tools-section>header>div{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:50px;display:grid}.about-tools-section>header p{color:#6b6b6b;margin:0 0 6px;font-size:16px;line-height:1.5}.about-tool-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.about-tool-grid article{background:#fff;border:1px solid #e4e4e4;border-radius:28px;grid-template-rows:auto 1fr auto auto;min-height:360px;padding:24px;display:grid}.about-tool-grid article>span{color:#888;font-size:11px}.about-tool-swatch{background:linear-gradient(135deg,#f5f5f5,#ececec);border-radius:22px;margin:24px 0 34px;position:relative;overflow:hidden}.about-tool-swatch:after{content:"";aspect-ratio:1;background:var(--tool-color,#315be8);opacity:.9;border-radius:50%;width:46%;position:absolute;bottom:-18%;right:12%}.about-tool-grid article:nth-child(2) .about-tool-swatch:after{--tool-color:#63d9db}.about-tool-grid article:nth-child(3) .about-tool-swatch:after{--tool-color:#8fe46c}.about-tool-grid article:nth-child(4) .about-tool-swatch:after{--tool-color:#b99af8}.about-tool-grid article:nth-child(5) .about-tool-swatch:after{--tool-color:#f0833a}.about-tool-grid article:nth-child(6) .about-tool-swatch:after{--tool-color:#f1c933}.about-tool-grid h3{letter-spacing:-.04em;margin:0 0 10px;font-size:30px;font-weight:500}.about-tool-grid p{color:#6d6d6d;margin:0;font-size:13px;line-height:1.55}.about-product-flow{background:#fbfbfb;border:1px solid #e4e4e4;border-radius:42px;grid-template-columns:80px minmax(0,.9fr) minmax(340px,1.1fr);align-items:start;gap:42px;margin:0 3vw 140px;padding:56px;display:grid}.about-flow-copy p{color:#696969;max-width:560px;margin:28px 0 0;font-size:17px;line-height:1.55}.about-flow-rail{gap:10px;display:grid}.about-flow-rail div{background:#fff;border:1px solid #e2e2e2;border-radius:20px;justify-content:space-between;align-items:center;min-height:86px;padding:0 20px;display:flex}.about-flow-rail span{color:#8a8a8a;font-size:11px}.about-flow-rail strong{letter-spacing:-.03em;font-size:24px;font-weight:500}.about-product-end{color:#fff;background:#0a0a0a;border-radius:42px;justify-content:space-between;align-items:flex-end;gap:40px;min-height:520px;margin:0 3vw 120px;padding:56px;display:flex}.about-product-end>div>span{color:#969696;text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px;font-size:12px;display:block}.about-product-end p{color:#999;max-width:320px;margin:0;font-size:14px;line-height:1.5}@media (width<=1000px){.about-product-title{grid-template-columns:1fr}.about-product-intro{grid-template-columns:60px 1fr}.about-product-intro p{grid-column:2}.about-principles{grid-template-columns:1fr}.about-tool-grid{grid-template-columns:repeat(2,1fr)}.about-tools-section>header>div{grid-template-columns:1fr}.about-product-flow{grid-template-columns:60px 1fr}.about-flow-rail{grid-column:2}.about-product-end{flex-direction:column;align-items:flex-start}}@media (width<=640px){.about-page{padding-top:36px}.about-product-hero{border-radius:30px;margin:0 10px;padding:28px 20px 24px}.about-product-kicker{flex-direction:column;align-items:flex-start;gap:8px}.about-product-title{gap:28px;padding:44px 0 36px}.about-product-title h1{font-size:17vw}.about-product-title p{font-size:16px}.about-spectrum{border-radius:20px;height:96px}.about-product-intro{grid-template-columns:1fr;gap:20px;padding:90px 24px 70px}.about-product-intro p{grid-column:1}.about-principles{margin:0 10px 90px}.about-principles article{min-height:240px}.about-tools-section{padding:0 10px 90px}.about-tools-section>header{grid-template-columns:1fr;gap:18px;padding:0 14px 34px}.about-tool-grid{grid-template-columns:1fr}.about-tool-grid article{min-height:320px}.about-product-flow{border-radius:30px;grid-template-columns:1fr;margin:0 10px 90px;padding:28px 20px}.about-flow-rail{grid-column:1}.about-product-end{border-radius:30px;min-height:480px;margin:0 10px 90px;padding:30px 22px}}.pantone-match-block{border-top:1px solid #deded9;margin-top:18px;padding-top:18px}.pantone-head{padding-bottom:14px}.pantone-books{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pantone-book{min-width:0}.pantone-book>header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding:0 2px;display:flex}.pantone-book>header strong{font-size:12px;font-weight:600}.pantone-book>header span{color:#858585;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.pantone-match-grid{gap:8px;display:grid}.pantone-match{text-align:left;cursor:pointer;width:100%;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);background:#fff;border:1px solid #e8e8e8;border-radius:18px;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:10px;display:grid}.pantone-match:hover{background:#fbfbfb;border-color:#cfcfcf;transform:translateY(-2px)}.pantone-match-swatch{border:1px solid #0a0a0a14;border-radius:14px;width:54px;height:54px}.pantone-match-copy{gap:3px;min-width:0;display:grid}.pantone-match-copy small{text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a;font-size:9px}.pantone-match-copy strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.pantone-match-copy em{color:#7a7a7a;font-size:10px;font-style:normal}.pantone-distance{color:#777;white-space:nowrap;font-size:10px}.pantone-disclaimer{color:#8a8a8a;margin:12px 2px 0;font-size:10px;line-height:1.5}@media (width<=1100px){.pantone-books{grid-template-columns:1fr}}@media (width<=760px){.pantone-match{grid-template-columns:46px 1fr}.pantone-match-swatch{width:46px;height:46px}.pantone-distance{grid-column:2}.pantone-book>header{flex-direction:column;align-items:flex-start;gap:2px}}@media (prefers-reduced-motion:reduce){.pantone-match{transition:none!important}}:root{--surface:#f8f8f8;--cloud:#f2f2f2;--muted:#737373;--neutral-025:#fdfdfd;--neutral-050:#fbfbfb;--neutral-100:#f8f8f8;--neutral-150:#f5f5f5;--neutral-200:#f2f2f2;--neutral-250:#ececec;--neutral-300:#e4e4e4;--neutral-400:#d6d6d6}body,.app-shell,#workspace-main{background:#fff}.workspace-frame,.converter-studio{background:var(--neutral-050)!important;border-color:var(--neutral-250)!important}.side-panel,.inspector,.workspace-frame .side-panel,.workspace-frame .inspector,.main-workspace,.converter-picker-panel,.converter-data-panel,.standalone-tool .image-extractor,.saved-library,.export-panel,.compare-panel,.harmony-panel,.tonal-section,.palette-builder{background:#fff!important}.family-card,.image-drop-panel,.image-controls-panel,.save-palette-bar{background:var(--neutral-100)!important}.topbar,.result-card,.palette-row,.about-process>div,.conversion-value,.image-placeholder,.converter-notes-grid article,.pantone-match,.extract-action-dock{background:#fff!important}.palette-empty,.export-empty,.saved-empty{border:1px solid var(--neutral-250);border-radius:18px;width:min(560px,100%);margin-top:22px;padding:22px 24px;background:var(--neutral-050)!important;justify-content:flex-start!important;min-height:0!important}.about-hero{background-color:var(--neutral-050)!important}.about-origin,.about-belief{background-color:var(--neutral-100)!important}.about-origin p,.about-belief p,.about-ecosystem__list p{color:#626262!important}.about-belief h2 em{color:#999!important}.about-scroll span,.about-sequence article,.about-ecosystem__list p{border-color:var(--neutral-300)!important}.arrow,.color-action-grab,.add-palette-button:disabled,.extracted-card,.builder-remove,.clear-palette,.mobile-explore-tabs button,.save-palette-bar button:disabled{background:var(--neutral-200)!important}.section-heading,.value-list,.value-list>button,.value-list>div,.tonal-section,.palette-builder,.builder-list,.builder-row,.palette-row,.workspace-frame,.workspace-frame .side-panel,.workspace-frame .inspector,.workspace-frame .main-workspace,.converter-studio,.converter-picker-panel,.converter-data-panel,.converter-panel-head,.conversion-value,.converter-notes-grid article,.image-drop-panel,.image-controls-panel,.image-panel-label,.extracted-result,.about-process,.about-process>div,.about-origin,.about-sequence,.about-sequence article,.about-belief,.about-ecosystem,.about-tools-list,.about-tools-list article,.pantone-match,.pantone-match-block,.saved-library,.export-panel,.saved-list,.saved-palette-row,.save-palette-bar input,.saved-actions button,.export-tabs button,.export-assets button{border-color:var(--neutral-300)!important}.conversion-value:hover,.family-card:hover,.result-card:hover,.export-assets button:hover{background:var(--neutral-050)!important}.standalone-tool,.tool-page{max-width:none!important;margin:0!important;padding:0 0 120px!important}.standalone-intro,.tool-page-hero{border-bottom:0!important;max-width:1450px!important;margin:0 auto!important;padding:76px 2vw 70px!important}.standalone-intro>span,.tool-page-kicker{text-transform:uppercase;display:block;letter-spacing:.12em!important;color:#888!important;margin-bottom:30px!important;font-size:11px!important;line-height:1!important}.standalone-intro h1,.tool-page-hero h1{letter-spacing:-.068em!important;max-width:1050px!important;margin:0 0 48px!important;font-size:clamp(68px,8vw,132px)!important;font-weight:500!important;line-height:.84!important}.standalone-intro p,.tool-page-hero p{color:#666!important;max-width:650px!important;margin:0!important;font-size:16px!important;line-height:1.55!important}.standalone-tool .image-extractor,.converter-studio,.converter-notes-grid{width:calc(100% - 56px);max-width:1440px;margin-left:auto!important;margin-right:auto!important}@media (width<=760px){.standalone-tool,.tool-page{padding-bottom:80px!important}.standalone-intro,.tool-page-hero{padding:58px 4px 50px!important}.standalone-intro h1,.tool-page-hero h1{margin-bottom:36px!important;font-size:clamp(58px,17vw,88px)!important}.standalone-tool .image-extractor,.converter-studio,.converter-notes-grid{width:calc(100% - 20px)}.palette-empty,.export-empty,.saved-empty{width:100%;padding:18px 20px}}.converter-studio{background:#fbfbfb!important;border-color:#ececec!important}.converter-picker-panel,.converter-data-panel{background:#fff!important;border-color:#e8e8e8!important}.converter-data-panel{min-width:0;overflow:hidden!important}.picker-composition{grid-template-columns:minmax(0,1fr) 150px;align-items:stretch;gap:18px;padding:26px 0 20px;display:grid}.picker-main{gap:16px;min-width:0;display:grid}.color-field{aspect-ratio:1.45;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--picker-hue));width:100%;box-shadow:none;border:1px solid #e1e1e1;border-radius:26px;padding:0;position:relative;overflow:hidden}.field-marker{pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059,0 3px 12px #00000029}.hue-rail-control{gap:8px;display:grid}.hue-rail-control>span{justify-content:space-between;align-items:center;display:flex}.hue-rail-control small{text-transform:uppercase;letter-spacing:.08em;color:#858585;font-size:10px}.hue-rail-control strong{font-size:11px;font-weight:500}.hue-rail-control input{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #dcdcdc;border-radius:999px;width:100%;height:14px}.hue-rail-control input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #111;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000001f}.hue-rail-control input::-moz-range-thumb{background:#fff;border:2px solid #111;border-radius:50%;width:18px;height:18px}.picker-live-preview{grid-template-rows:minmax(0,1fr) 54px;gap:8px;min-width:0;display:grid}.live-color-block{border:1px solid #00000014;border-radius:24px;align-items:flex-end;min-height:220px;padding:12px;transition:background .12s linear;display:flex}.live-color-block span{background:#ffffffe6;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:600;box-shadow:0 1px 5px #0000000d}.live-tone-strip{border:1px solid #e5e5e5;border-radius:16px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.live-tone-strip span{min-width:0;transition:background .12s linear;display:block}.refined-sliders{grid-template-columns:1fr 1fr;gap:16px!important;padding-top:20px!important}.refined-sliders label{background:#fbfbfb;border:1px solid #e8e8e8;border-radius:16px;padding:12px 14px}.converter-sliders input[type=range]{accent-color:#111}.converter-summary{all:unset!important;box-sizing:border-box!important;background:var(--summary-color)!important;width:100%!important;min-width:0!important;max-width:100%!important;color:var(--summary-text)!important;clip-path:inset(0 round 20px)!important;box-shadow:inset 0 0 0 1px var(--summary-divider)!important;isolation:isolate!important;border:0!important;border-radius:20px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:20px 0 0!important;padding:0!important;transition:background .12s linear,color .12s linear!important;display:grid!important;position:relative!important;overflow:hidden!important}.converter-summary:before,.converter-summary:after{content:none!important;display:none!important}.converter-summary>div{all:unset!important;box-sizing:border-box!important;min-width:0!important;min-height:108px!important;color:inherit!important;border-right:1px solid var(--summary-divider)!important;background:0 0!important;flex-direction:column!important;justify-content:flex-end!important;padding:22px 26px!important;display:flex!important}.converter-summary>div:last-child{border-right:0!important}.converter-summary span{all:unset!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--summary-muted)!important;font-size:10px!important;line-height:1.2!important;display:block!important}.converter-summary strong{all:unset!important;letter-spacing:-.03em!important;color:var(--summary-text)!important;margin-top:8px!important;font-size:22px!important;font-weight:500!important;line-height:1!important;display:block!important}.conversion-value{background:#fff!important;border-color:#e8e8e8!important}.conversion-value:hover{background:#fbfbfb!important}.pantone-match,.pantone-match-block{border-color:#e8e8e8!important}.color-action-panel{-webkit-backdrop-filter:blur(28px)saturate(120%)!important;background:#f9f7f9e6!important;border-color:#14141414!important;box-shadow:0 14px 34px #00000012!important}.color-action-identity strong{color:#111!important}.color-action-identity span{color:#737373!important}.color-action-buttons button{white-space:nowrap;color:#111!important;background:#ffffff47!important;border-color:#1414141a!important;border-radius:999px!important;width:auto!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 14px!important;font-size:12px!important;line-height:1!important}.color-action-buttons button:hover{background:#ffffff7a!important;border-color:#1414142e!important}.color-action-buttons button svg{display:none!important}.color-action-buttons button:after{content:attr(title);color:#111;font-size:12px;line-height:1}.color-action-buttons button[title=Inspector]{display:none!important}.color-action-panel-controls button{color:#111!important;background:#ffffff47!important;border-color:#1414141a!important;border-radius:50%!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:0!important;line-height:0!important}.color-action-panel-controls button:hover{background:#ffffff7a!important;border-color:#1414142e!important}.color-action-panel-controls button:after{content:none!important}.color-action-panel-controls button svg{width:17px;height:17px;display:block!important}@media (width<=900px){.picker-composition{grid-template-columns:1fr}.picker-live-preview{grid-template-rows:auto;grid-template-columns:1fr}.live-color-block{min-height:110px}.live-tone-strip{height:54px}}@media (width<=760px){.picker-composition{padding:20px 0 16px}.color-field{aspect-ratio:1.15;border-radius:20px}.refined-sliders{grid-template-columns:1fr}.live-color-block{border-radius:20px}.converter-summary{grid-template-columns:1fr!important}.converter-summary>div{border-right:0!important;border-bottom:1px solid var(--summary-divider)!important}.converter-summary>div:last-child{border-bottom:0!important}.color-action-buttons button{padding:0 10px!important;font-size:11px!important}.color-action-buttons button:after{font-size:11px}}@media (prefers-reduced-motion:reduce){.live-color-block,.live-tone-strip span,.converter-summary{transition:none!important}}.page-transition{transform-origin:50% 0;will-change:opacity,transform;animation:.46s cubic-bezier(.22,1,.36,1) both page-reveal}.tab-transition{will-change:opacity,transform;animation:.32s cubic-bezier(.22,1,.36,1) both tab-reveal}.topnav button{transition:color .2s,opacity .2s}.topnav button:active{opacity:.58}.mobile-explore-tabs button{transition:background .22s,color .22s,border-color .22s,transform .18s}.mobile-explore-tabs button:active{transform:scale(.97)}@keyframes page-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tab-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page-transition,.tab-transition{animation:none!important}.topnav button,.mobile-explore-tabs button{transition:none!important}}