.schemeDesigner-module-scss-module__hRAjoa__page{width:min(100%,1920px);min-width:0;margin:0 auto;padding:clamp(5rem,4vw,2rem)}.schemeDesigner-module-scss-module__hRAjoa__hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:clamp(1rem,4vw,2rem);margin-bottom:clamp(1.5rem,4vw,2.5rem);display:grid}.schemeDesigner-module-scss-module__hRAjoa__title{max-width:780px;color:var(--text-color);letter-spacing:-.045em;margin:0}.schemeDesigner-module-scss-module__hRAjoa__lead{max-width:760px;color:var(--text-color-light);margin:1rem 0 0;line-height:1.7}.schemeDesigner-module-scss-module__hRAjoa__contextCard{border:1px solid var(--border-color);background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent),var(--background-color);padding:1.1rem}.schemeDesigner-module-scss-module__hRAjoa__contextCard strong{color:var(--text-color);margin-top:.35rem;font-size:1.25rem;line-height:1.2;display:block}.schemeDesigner-module-scss-module__hRAjoa__contextCard p{color:var(--text-color-light);margin:.75rem 0 0;font-size:.92rem;line-height:1.6}.schemeDesigner-module-scss-module__hRAjoa__contextLabel,.schemeDesigner-module-scss-module__hRAjoa__sectionLabel{width:fit-content;color:var(--text-color-light);letter-spacing:.08em;text-transform:uppercase;align-items:center;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.schemeDesigner-module-scss-module__hRAjoa__workspace{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,1.5rem);display:grid}.schemeDesigner-module-scss-module__hRAjoa__controls,.schemeDesigner-module-scss-module__hRAjoa__previewColumn{gap:1rem;min-width:0;display:grid}.schemeDesigner-module-scss-module__hRAjoa__panel,.schemeDesigner-module-scss-module__hRAjoa__codePanel{border:1px solid var(--border-color);background:var(--background-color);min-width:0;padding:clamp(1rem,2.5vw,1.25rem)}.schemeDesigner-module-scss-module__hRAjoa__panelHeader,.schemeDesigner-module-scss-module__hRAjoa__previewToolbar{text-align:center;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.schemeDesigner-module-scss-module__hRAjoa__panelHeader h2,.schemeDesigner-module-scss-module__hRAjoa__previewToolbar h2{color:var(--text-color);margin:.35rem 0 0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.15}.schemeDesigner-module-scss-module__hRAjoa__colorFieldGrid{gap:.85rem;margin-top:1rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__colorField{border:1px solid var(--border-color);background:color-mix(in srgb, var(--background-color-light) 8%, transparent);border-radius:.65rem;gap:.55rem;min-width:0;padding:.85rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__colorFieldHeader{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.schemeDesigner-module-scss-module__hRAjoa__colorFieldHeader span{color:var(--text-color);font-weight:900}.schemeDesigner-module-scss-module__hRAjoa__colorFieldHeader code{min-width:0;color:var(--text-color-light);text-align:right;overflow-wrap:anywhere;font-size:.76rem}.schemeDesigner-module-scss-module__hRAjoa__colorControl{grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__colorControl input[type=color]{border:1px solid var(--border-color);background:var(--background-color);cursor:pointer;border-radius:.55rem;width:3rem;height:2.75rem;padding:.2rem}.schemeDesigner-module-scss-module__hRAjoa__colorControl input[type=text]{border:1px solid var(--border-color);width:100%;min-width:0;height:2.75rem;color:var(--text-color);background:var(--background-color);font:inherit;border-radius:.55rem;padding:0 .75rem;font-size:.9rem}.schemeDesigner-module-scss-module__hRAjoa__colorControl input[type=text]:focus-visible{outline:2px solid var(--focus-outline-color,var(--primary-color));outline-offset:2px}.schemeDesigner-module-scss-module__hRAjoa__colorDescription{color:var(--text-color-light);font-size:.82rem;line-height:1.45}.schemeDesigner-module-scss-module__hRAjoa__contrastList{gap:.75rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__contrastItem{border:1px solid var(--border-color);border-radius:.65rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.7rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__contrastItem strong,.schemeDesigner-module-scss-module__hRAjoa__contrastItem span{min-width:0;display:block}.schemeDesigner-module-scss-module__hRAjoa__contrastItem strong{color:var(--text-color);font-size:.92rem}.schemeDesigner-module-scss-module__hRAjoa__contrastItem span{overflow-wrap:anywhere;color:var(--text-color-light);font-size:.78rem}.schemeDesigner-module-scss-module__hRAjoa__contrastSwatch{border:1px solid var(--border-color);border-radius:.55rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-weight:900;display:inline-flex!important}.schemeDesigner-module-scss-module__hRAjoa__previewSurface{border:1px solid var(--border-color);min-width:0;color:var(--text-color);background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent 38%),var(--background-color);border-radius:1rem;padding:clamp(1rem,3vw,1.4rem)}.schemeDesigner-module-scss-module__hRAjoa__showcaseCard{border:1px solid var(--border-color);background:color-mix(in srgb, var(--background-color-light) 16%, transparent);width:90%;min-width:0;margin:0 auto;padding:clamp(1rem,2.5vw,1.25rem)}.schemeDesigner-module-scss-module__hRAjoa__showcaseHeader{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.schemeDesigner-module-scss-module__hRAjoa__showcaseHeader h3{color:var(--text-color);letter-spacing:-.03em;margin:.75rem 0 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05}.schemeDesigner-module-scss-module__hRAjoa__showcaseHeader p{max-width:560px;color:var(--text-color-light);margin:.65rem 0 0;line-height:1.6}.schemeDesigner-module-scss-module__hRAjoa__statusPill{border:1px solid var(--border-color);min-height:2.3rem;color:var(--text-color);background:var(--background-color);border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.5rem .75rem;font-size:.82rem;font-weight:900;display:inline-flex}.schemeDesigner-module-scss-module__hRAjoa__metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__metricCard{border:1px solid var(--border-color);background:var(--background-color);border-radius:.75rem;gap:.35rem;min-width:0;padding:.85rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__metricCard span,.schemeDesigner-module-scss-module__hRAjoa__metricCard small{color:var(--text-color-light);font-size:.78rem;font-weight:800}.schemeDesigner-module-scss-module__hRAjoa__metricCard strong{color:var(--text-color);font-size:1.45rem;line-height:1}.schemeDesigner-module-scss-module__hRAjoa__metricCard small{color:var(--link-hover-color)}.schemeDesigner-module-scss-module__hRAjoa__componentRow{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.schemeDesigner-module-scss-module__hRAjoa__swatchGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.schemeDesigner-module-scss-module__hRAjoa__swatchCard{border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;justify-content:end;gap:.35rem;min-width:0;min-height:7rem;padding:.75rem;display:flex}.schemeDesigner-module-scss-module__hRAjoa__swatchCard span{text-transform:uppercase;font-size:.76rem;font-weight:900}.schemeDesigner-module-scss-module__hRAjoa__swatchCard strong{overflow-wrap:anywhere;font-size:.88rem}.schemeDesigner-module-scss-module__hRAjoa__codePanel{width:90%;margin:0 auto}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeBlock{text-align:left;background:#263032;border:1px solid #111;border-radius:.5rem;margin-top:1.5rem;overflow:hidden}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeHeader{color:#ffffffa6;justify-content:space-between;padding:.7rem 1.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;display:flex}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeDots{gap:.35rem;display:flex}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeDots span{border-radius:999px;width:.65rem;height:.65rem}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeDots span:first-child{background:#ff5f57}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeDots span:nth-child(2){background:#ffbd2e}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeDots span:nth-child(3){background:var(--success-color,#27c93f)}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeBody{padding:0 1.8rem 1.5rem;position:relative}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeBody pre{max-width:100%;margin:0;padding:1rem 5rem 2rem 1rem;overflow-x:auto}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__codeBody code{color:#7df5f5;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.7}.schemeDesigner-module-scss-module__hRAjoa__codePanel .schemeDesigner-module-scss-module__hRAjoa__copyButton{color:#fff;align-items:center;gap:.35rem;display:inline-flex;position:absolute;bottom:1.5rem;right:1.1rem}@media (max-width:1480px){.schemeDesigner-module-scss-module__hRAjoa__swatchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1280px){.schemeDesigner-module-scss-module__hRAjoa__hero,.schemeDesigner-module-scss-module__hRAjoa__workspace{grid-template-columns:1fr}.schemeDesigner-module-scss-module__hRAjoa__hero{text-align:center}.schemeDesigner-module-scss-module__hRAjoa__contextCard,.schemeDesigner-module-scss-module__hRAjoa__panel,.schemeDesigner-module-scss-module__hRAjoa__codePanel,.schemeDesigner-module-scss-module__hRAjoa__previewSurface,.schemeDesigner-module-scss-module__hRAjoa__showcaseCard{width:100%;max-width:100%}.schemeDesigner-module-scss-module__hRAjoa__controls,.schemeDesigner-module-scss-module__hRAjoa__previewColumn{width:100%}}@media (max-width:980px){.schemeDesigner-module-scss-module__hRAjoa__page{padding-inline:clamp(.9rem,3vw,1.5rem)}.schemeDesigner-module-scss-module__hRAjoa__panelHeader,.schemeDesigner-module-scss-module__hRAjoa__previewToolbar,.schemeDesigner-module-scss-module__hRAjoa__showcaseHeader{flex-wrap:wrap}.schemeDesigner-module-scss-module__hRAjoa__metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.schemeDesigner-module-scss-module__hRAjoa__swatchGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.schemeDesigner-module-scss-module__hRAjoa__colorFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.schemeDesigner-module-scss-module__hRAjoa__contrastItem{grid-template-columns:auto minmax(0,1fr) auto}.schemeDesigner-module-scss-module__hRAjoa__codeBlock{width:100%;margin-top:1.25rem}.schemeDesigner-module-scss-module__hRAjoa__codeBody{padding-inline:1rem}.schemeDesigner-module-scss-module__hRAjoa__codeBody pre{padding-right:4.5rem}}@media (max-width:760px){.schemeDesigner-module-scss-module__hRAjoa__page{padding-inline:.85rem}.schemeDesigner-module-scss-module__hRAjoa__hero{gap:1rem;margin-bottom:1.5rem}.schemeDesigner-module-scss-module__hRAjoa__panelHeader,.schemeDesigner-module-scss-module__hRAjoa__previewToolbar,.schemeDesigner-module-scss-module__hRAjoa__showcaseHeader{flex-direction:column;align-items:stretch;gap:.75rem}.schemeDesigner-module-scss-module__hRAjoa__statusPill{white-space:normal;width:fit-content;max-width:100%}.schemeDesigner-module-scss-module__hRAjoa__colorFieldGrid,.schemeDesigner-module-scss-module__hRAjoa__metricGrid,.schemeDesigner-module-scss-module__hRAjoa__swatchGrid{grid-template-columns:1fr}.schemeDesigner-module-scss-module__hRAjoa__componentRow{align-items:stretch}.schemeDesigner-module-scss-module__hRAjoa__componentRow>*{max-width:100%}.schemeDesigner-module-scss-module__hRAjoa__contrastItem{grid-template-columns:auto minmax(0,1fr);align-items:start}.schemeDesigner-module-scss-module__hRAjoa__contrastItem>:last-child{grid-column:2;justify-self:start;margin-top:.25rem}.schemeDesigner-module-scss-module__hRAjoa__codeHeader{padding:.65rem .9rem}.schemeDesigner-module-scss-module__hRAjoa__codeBody{padding:0 .9rem 1rem}.schemeDesigner-module-scss-module__hRAjoa__codeBody pre{padding:.9rem 0 3.25rem}.schemeDesigner-module-scss-module__hRAjoa__codeBody code{font-size:.82rem;line-height:1.6}.schemeDesigner-module-scss-module__hRAjoa__copyButton{bottom:.75rem;right:.75rem}}@media (max-width:520px){.schemeDesigner-module-scss-module__hRAjoa__page{padding-inline:.7rem}.schemeDesigner-module-scss-module__hRAjoa__panel,.schemeDesigner-module-scss-module__hRAjoa__codePanel,.schemeDesigner-module-scss-module__hRAjoa__previewSurface,.schemeDesigner-module-scss-module__hRAjoa__showcaseCard{padding:.85rem}.schemeDesigner-module-scss-module__hRAjoa__contextCard{padding:.9rem}.schemeDesigner-module-scss-module__hRAjoa__colorField{padding:.75rem}.schemeDesigner-module-scss-module__hRAjoa__colorFieldHeader{flex-direction:column;align-items:flex-start;gap:.35rem}.schemeDesigner-module-scss-module__hRAjoa__colorFieldHeader code{text-align:left;overflow-wrap:anywhere;width:100%}.schemeDesigner-module-scss-module__hRAjoa__colorControl{grid-template-columns:1fr}.schemeDesigner-module-scss-module__hRAjoa__colorControl input[type=color]{width:100%}.schemeDesigner-module-scss-module__hRAjoa__contrastItem{gap:.6rem;padding:.65rem}.schemeDesigner-module-scss-module__hRAjoa__contrastSwatch{width:2.5rem;height:2.5rem}.schemeDesigner-module-scss-module__hRAjoa__metricCard strong{font-size:1.25rem}.schemeDesigner-module-scss-module__hRAjoa__swatchCard{min-height:6rem}.schemeDesigner-module-scss-module__hRAjoa__codeBlock{border-radius:.75rem;width:80%;margin:0 auto 1rem}.schemeDesigner-module-scss-module__hRAjoa__codeHeader{padding:.65rem .75rem}.schemeDesigner-module-scss-module__hRAjoa__codeBody{padding:0 .75rem .85rem}.schemeDesigner-module-scss-module__hRAjoa__codeBody pre{margin:0;padding:.85rem 0 3.25rem;overflow-x:auto}.schemeDesigner-module-scss-module__hRAjoa__codeBody code{white-space:pre;font-size:.76rem;line-height:1.6}.schemeDesigner-module-scss-module__hRAjoa__copyButton{justify-content:center;width:auto;bottom:.75rem;left:.75rem;right:.75rem}}@media (max-width:400px){.schemeDesigner-module-scss-module__hRAjoa__page{padding-inline:.55rem}.schemeDesigner-module-scss-module__hRAjoa__panel,.schemeDesigner-module-scss-module__hRAjoa__codePanel,.schemeDesigner-module-scss-module__hRAjoa__previewSurface,.schemeDesigner-module-scss-module__hRAjoa__showcaseCard{padding:.75rem}.schemeDesigner-module-scss-module__hRAjoa__colorControl input[type=text]{font-size:.82rem}.schemeDesigner-module-scss-module__hRAjoa__codeBlock{border-radius:.75rem;width:70%;min-width:0}}