.ColorReference-module__GVs3lq__page{max-width:1120px;color:var(--ink);margin:0 auto;padding:0 20px 80px}.ColorReference-module__GVs3lq__nav{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.ColorReference-module__GVs3lq__brand{color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:850;text-decoration:none;display:inline-flex}.ColorReference-module__GVs3lq__nav nav{align-items:center;gap:12px;display:inline-flex}.ColorReference-module__GVs3lq__navLink{color:#8a3f68;text-underline-offset:4px;font-weight:700;text-decoration:none}.ColorReference-module__GVs3lq__navLink:hover{text-decoration:underline}.ColorReference-module__GVs3lq__navCta{background:var(--accent);color:#fff;border-radius:999px;align-items:center;min-height:40px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #e9558a47}.ColorReference-module__GVs3lq__navCta:hover{background:var(--accent-strong)}.ColorReference-module__GVs3lq__hero{padding:28px 0 8px}.ColorReference-module__GVs3lq__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 10px;font-size:12px;font-weight:800}.ColorReference-module__GVs3lq__hero h1{margin:0 0 14px;font-size:clamp(28px,5vw,44px);line-height:1.12}.ColorReference-module__GVs3lq__hero h1 span{color:var(--muted);margin-top:6px;font-size:clamp(15px,2.4vw,20px);font-weight:700;display:block}.ColorReference-module__GVs3lq__intro{max-width:760px;color:var(--ink);margin:0 0 8px;font-size:16px;line-height:1.7}.ColorReference-module__GVs3lq__introEn{max-width:760px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.ColorReference-module__GVs3lq__controls{z-index:5;background:linear-gradient(180deg, var(--page) 70%, #fff6fa00);flex-direction:column;gap:14px;margin:18px 0 8px;padding:16px 0;display:flex;position:sticky;top:0}.ColorReference-module__GVs3lq__search{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ColorReference-module__GVs3lq__search input{border:2px solid var(--line);background:var(--surface);min-height:46px;color:var(--ink);border-radius:14px;outline:none;flex:320px;padding:0 16px}.ColorReference-module__GVs3lq__search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff78a82e}.ColorReference-module__GVs3lq__searchMeta{color:var(--accent-strong);font-size:13px;font-weight:700}.ColorReference-module__GVs3lq__brandTabs{flex-wrap:wrap;gap:8px;display:flex}.ColorReference-module__GVs3lq__tab,.ColorReference-module__GVs3lq__tabActive{border:2px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.ColorReference-module__GVs3lq__tab:hover{border-color:var(--accent);color:var(--ink)}.ColorReference-module__GVs3lq__tabActive{background:var(--accent);border-color:var(--accent);color:#fff}.ColorReference-module__GVs3lq__brandBlock{margin-top:32px}.ColorReference-module__GVs3lq__brandHeading{margin-bottom:12px}.ColorReference-module__GVs3lq__brandHeading h2{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:22px;display:flex}.ColorReference-module__GVs3lq__brandHeading h2 span{color:var(--muted);font-size:14px;font-weight:700}.ColorReference-module__GVs3lq__brandHeading p{color:var(--muted);margin:6px 0 0;font-size:13px}.ColorReference-module__GVs3lq__empty{border:1px dashed var(--line);color:var(--muted);background:var(--surface-soft);border-radius:14px;padding:18px}.ColorReference-module__GVs3lq__tableWrap{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;overflow-x:auto}.ColorReference-module__GVs3lq__table{border-collapse:collapse;width:100%;min-width:560px}.ColorReference-module__GVs3lq__table thead th{text-align:left;color:var(--ink);background:var(--surface-soft);border-bottom:2px solid var(--line);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:800;position:sticky;top:0}.ColorReference-module__GVs3lq__table thead th span{color:var(--quiet);letter-spacing:.03em;font-size:10px;font-weight:600;display:block}.ColorReference-module__GVs3lq__table tbody td{vertical-align:middle;border-bottom:1px solid #f0cbdc8c;padding:10px 14px;font-size:14px}.ColorReference-module__GVs3lq__table tbody tr:hover td{background:#fff0f699}.ColorReference-module__GVs3lq__swatch{border:1px solid #513a511f;border-radius:9px;width:34px;height:34px;display:block;box-shadow:inset 0 0 0 1px #ffffff59}.ColorReference-module__GVs3lq__swatchLight{border-color:#513a5147}.ColorReference-module__GVs3lq__code{color:var(--accent-strong);white-space:nowrap;font-weight:800}.ColorReference-module__GVs3lq__en{color:var(--muted)}.ColorReference-module__GVs3lq__hexButton{border:1px solid var(--line);background:var(--surface-soft);min-height:32px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:700;display:inline-flex}.ColorReference-module__GVs3lq__hexButton:hover{border-color:var(--accent)}.ColorReference-module__GVs3lq__copyHint{color:var(--accent-strong);font-family:Arial,PingFang SC,sans-serif;font-size:11px;font-weight:700}.ColorReference-module__GVs3lq__related{background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:44px;padding:18px 20px;display:flex}.ColorReference-module__GVs3lq__related strong{color:var(--ink)}.ColorReference-module__GVs3lq__related a{color:#8a3f68;text-underline-offset:4px;font-weight:700;text-decoration:none}.ColorReference-module__GVs3lq__related a:hover{text-decoration:underline}.ColorReference-module__GVs3lq__footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:18px;font-size:13px;display:flex}.ColorReference-module__GVs3lq__footer a{color:#8a3f68;font-weight:700;text-decoration:none}@media (max-width:640px){.ColorReference-module__GVs3lq__controls{position:static}.ColorReference-module__GVs3lq__footer{flex-direction:column;align-items:flex-start}}