.page-module__ZTZZYq__gamutComparison{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.page-module__ZTZZYq__gamutBox{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-fast);padding:1.75rem}.page-module__ZTZZYq__gamutBox:hover{transform:translateY(-2px)}.page-module__ZTZZYq__gamutTitle{color:var(--foreground);margin:0 0 1rem;font-size:1rem;font-weight:700}.page-module__ZTZZYq__colorSample{border-radius:var(--radius-md);width:100%;height:120px;margin-bottom:.75rem;box-shadow:0 4px 12px #0000001a}.page-module__ZTZZYq__gamutLabel{color:var(--text-muted);margin:0 0 .375rem;font-size:.8125rem}.page-module__ZTZZYq__gamutCode{font-family:var(--font-mono);color:var(--primary);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);word-break:break-all;padding:.375rem .75rem;font-size:.8125rem;display:block}.page-module__ZTZZYq__featuresList{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.page-module__ZTZZYq__featureItem{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.8125rem;line-height:1.5;display:flex}.page-module__ZTZZYq__featureItem code{font-family:var(--font-mono);color:var(--primary);white-space:nowrap;font-weight:600}.page-module__ZTZZYq__featureArrow{color:var(--primary);flex-shrink:0;margin-top:.0625rem;font-weight:700}.page-module__ZTZZYq__oklchGrid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.page-module__ZTZZYq__oklchSwatch{aspect-ratio:1;border-radius:var(--radius-lg);transition:transform var(--transition-fast);flex-direction:column;justify-content:flex-end;gap:.375rem;padding:1rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.page-module__ZTZZYq__oklchSwatch:hover{transform:translateY(-4px)scale(1.02)}.page-module__ZTZZYq__oklchCode{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#00000073;padding:.375rem .5rem;font-size:.6875rem}.page-module__ZTZZYq__oklchLabel{color:#fff;text-shadow:0 1px 4px #00000059;text-align:center;font-size:.8125rem;font-weight:600}.page-module__ZTZZYq__paramGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.page-module__ZTZZYq__paramCard{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-fast);padding:1.25rem}.page-module__ZTZZYq__paramCard:hover{transform:translateY(-2px)}.page-module__ZTZZYq__paramName{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--primary);margin-bottom:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.page-module__ZTZZYq__paramRange{color:var(--foreground);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.page-module__ZTZZYq__paramDesc{color:var(--text-muted);font-size:.75rem;line-height:1.5}.page-module__ZTZZYq__proTip{border-left:4px solid var(--primary);border-radius:var(--radius-md);color:#1e3a5f;background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%);padding:1rem 1.25rem;font-size:.875rem;line-height:1.6}.dark .page-module__ZTZZYq__proTip{color:#bfdbfe;background:linear-gradient(135deg,#1e3a8a59 0%,#312e8159 100%);border-left-color:#60a5fa}.page-module__ZTZZYq__p3Comparison{gap:1.5rem;display:grid}.page-module__ZTZZYq__p3Example{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.page-module__ZTZZYq__p3Box{border-radius:var(--radius-lg);text-align:center;min-height:130px;transition:transform var(--transition-fast);flex-direction:column;justify-content:center;gap:.75rem;padding:1.75rem;display:flex;box-shadow:0 4px 12px #00000026}.page-module__ZTZZYq__p3Box:hover{transform:translateY(-2px)}.page-module__ZTZZYq__p3BoxLabel{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:.9375rem;font-weight:600}.page-module__ZTZZYq__p3BoxCode{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;padding:.375rem .5rem;font-size:.6875rem}.page-module__ZTZZYq__p3Note{border-radius:var(--radius-sm);color:var(--text-muted);background:#fbbf241a;border-left:4px solid #f59e0b;margin-top:.75rem;padding:.75rem 1rem;font-size:.8125rem;font-style:italic}.dark .page-module__ZTZZYq__p3Note{background:#fbbf2414;border-left-color:#fbbf24}.page-module__ZTZZYq__mixExamples{flex-direction:column;gap:1.5rem;display:flex}.page-module__ZTZZYq__mixRow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.page-module__ZTZZYq__mixBox{border-radius:var(--radius-lg);text-align:center;min-height:100px;transition:transform var(--transition-fast);flex-direction:column;justify-content:center;gap:.5rem;padding:1.25rem;display:flex;box-shadow:0 4px 12px #0000001a}.page-module__ZTZZYq__mixBox:hover{transform:translateY(-2px)}.page-module__ZTZZYq__mixBoxLabel{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:.8125rem;font-weight:600}.page-module__ZTZZYq__mixBoxLabelDark{color:#334155;text-shadow:none;}.page-module__ZTZZYq__mixBoxCode{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;padding:.375rem .5rem;font-size:.6875rem}.page-module__ZTZZYq__mixBoxCodeDark{color:#334155;background:#0000001f;}.page-module__ZTZZYq__mixSymbol{color:var(--foreground);text-align:center;opacity:.5;font-size:1.5rem;font-weight:700}.page-module__ZTZZYq__relativeGrid{gap:1.5rem;display:grid}.page-module__ZTZZYq__relativeExample{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.page-module__ZTZZYq__relativeBox{border-radius:var(--radius-lg);text-align:center;min-height:120px;transition:transform var(--transition-fast);flex-direction:column;justify-content:center;gap:.75rem;padding:1.75rem;display:flex;box-shadow:0 4px 12px #00000026}.page-module__ZTZZYq__relativeBox:hover{transform:translateY(-2px)}.page-module__ZTZZYq__relativeBoxLabel{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:.9375rem;font-weight:600}.page-module__ZTZZYq__relativeBoxCode{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;padding:.375rem .5rem;font-size:.6875rem}.page-module__ZTZZYq__themeSystem{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__ZTZZYq__themeCard{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition-fast);overflow:hidden}.page-module__ZTZZYq__themeCard:hover{transform:translateY(-3px)}.page-module__ZTZZYq__themeHeader{text-align:center;padding:1.5rem}.page-module__ZTZZYq__themeHeaderTitle{color:#fff;margin:0;font-size:1.125rem;font-weight:700}.page-module__ZTZZYq__themeContent{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.page-module__ZTZZYq__themeButton{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:#fff;background:0 0;border:2px solid;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.page-module__ZTZZYq__themeButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.page-module__ZTZZYq__themeButtonSecondary{background:0 0!important;}.page-module__ZTZZYq__themeAlert{border-radius:var(--radius-md);border:2px solid;padding:.75rem 1rem;font-size:.8125rem;line-height:1.6}.page-module__ZTZZYq__supportInfo{max-width:600px;margin:0 auto}.page-module__ZTZZYq__supportBox{border-radius:var(--radius-lg);color:#064e3b;background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);border-left:4px solid #10b981;padding:1.75rem}.dark .page-module__ZTZZYq__supportBox{color:#a7f3d0;background:linear-gradient(135deg,#064e3b66 0%,#065f4659 100%);border-left-color:#34d399}.page-module__ZTZZYq__supportTitle{margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.page-module__ZTZZYq__supportList{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.page-module__ZTZZYq__supportList li{align-items:center;gap:.5rem;font-size:.9375rem;line-height:1.5;display:flex}.page-module__ZTZZYq__statusIcon{color:#10b981;flex-shrink:0;font-size:1rem;font-weight:700}.dark .page-module__ZTZZYq__statusIcon{color:#34d399}.page-module__ZTZZYq__supportNote{font-size:.875rem;line-height:1.6}.page-module__ZTZZYq__supportNote code{border-radius:var(--radius-sm);font-family:var(--font-mono);background:#064e3b1f;padding:.125rem .375rem;font-size:.8125rem}.dark .page-module__ZTZZYq__supportNote code{background:#34d39926}.page-module__ZTZZYq__relatedLinksGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__ZTZZYq__relatedCard{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.5rem;text-decoration:none}.page-module__ZTZZYq__relatedCard:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.dark .page-module__ZTZZYq__relatedCard:hover{border-color:#60a5fa}.page-module__ZTZZYq__relatedTitle{color:var(--foreground);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.page-module__ZTZZYq__relatedDesc{color:var(--text-muted);font-size:.8125rem;line-height:1.6}@media (max-width:768px){.page-module__ZTZZYq__gamutComparison,.page-module__ZTZZYq__featuresList{grid-template-columns:1fr}.page-module__ZTZZYq__oklchGrid{grid-template-columns:repeat(3,1fr)}.page-module__ZTZZYq__paramGrid,.page-module__ZTZZYq__p3Example{grid-template-columns:1fr}.page-module__ZTZZYq__mixRow{grid-template-columns:1fr;gap:.5rem}.page-module__ZTZZYq__mixSymbol{display:none}.page-module__ZTZZYq__relativeExample,.page-module__ZTZZYq__themeSystem,.page-module__ZTZZYq__relatedLinksGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__ZTZZYq__oklchGrid{grid-template-columns:repeat(2,1fr)}.page-module__ZTZZYq__oklchSwatch{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.page-module__ZTZZYq__gamutBox:hover,.page-module__ZTZZYq__oklchSwatch:hover,.page-module__ZTZZYq__p3Box:hover,.page-module__ZTZZYq__mixBox:hover,.page-module__ZTZZYq__relativeBox:hover,.page-module__ZTZZYq__themeCard:hover,.page-module__ZTZZYq__themeButton:hover,.page-module__ZTZZYq__paramCard:hover,.page-module__ZTZZYq__relatedCard:hover{transform:none}}