.color-tools-module__PTr1Pq__container{height:100%;overflow-y:auto}.color-tools-module__PTr1Pq__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.color-tools-module__PTr1Pq__formatSelect{border:1px solid var(--border-color);background:#fffffff0;border-radius:11px;min-height:38px;padding:0 10px;font-size:.88rem}.color-tools-module__PTr1Pq__notice{min-height:30px;color:var(--accent-strong);background:#0f766e24;border:1px solid #0f766e33;border-radius:999px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}.color-tools-module__PTr1Pq__error{min-height:30px;color:var(--danger);background:#be123c1f;border:1px solid #be123c3d;border-radius:999px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}.color-tools-module__PTr1Pq__rolesGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.color-tools-module__PTr1Pq__roleCard{flex-direction:column;gap:8px;padding:12px;display:flex}.color-tools-module__PTr1Pq__roleHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.color-tools-module__PTr1Pq__roleName{font-size:.86rem;font-weight:700}.color-tools-module__PTr1Pq__roleHint{color:var(--text-muted);font-size:.76rem}.color-tools-module__PTr1Pq__swatchRow{align-items:center;gap:10px;display:flex}.color-tools-module__PTr1Pq__swatch{cursor:pointer;appearance:none;background:0 0;border:1px solid #14243224;border-radius:10px;flex-shrink:0;width:40px;height:40px;padding:0}.color-tools-module__PTr1Pq__hexInput{background:#ffffffe0;border:1px solid #1424321a;border-radius:10px;flex:1;min-height:40px;padding:0 10px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.85rem}.color-tools-module__PTr1Pq__hexInput[aria-invalid=true]{border-color:#be123c80}.color-tools-module__PTr1Pq__copyChipRow{flex-wrap:wrap;gap:6px;display:flex}.color-tools-module__PTr1Pq__copyChip{min-height:26px;color:var(--text-muted);background:#ffffffb8;border:1px solid #1424321f;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.72rem;display:inline-flex}.color-tools-module__PTr1Pq__copyChip:hover{color:var(--text-main);border-color:#1424323d}.color-tools-module__PTr1Pq__sectionTitle{margin-bottom:8px;font-size:1rem}.color-tools-module__PTr1Pq__shadesCard{flex-direction:column;gap:10px;padding:12px;display:flex}.color-tools-module__PTr1Pq__shadeGroup{flex-direction:column;gap:6px;display:flex}.color-tools-module__PTr1Pq__shadeGroupLabel{color:var(--text-muted);font-size:.8rem;font-weight:700}.color-tools-module__PTr1Pq__shadeStrip{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}.color-tools-module__PTr1Pq__shadeCell{cursor:pointer;border:1px solid #14243214;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;height:56px;padding:4px;font-family:IBM Plex Mono,Consolas,monospace;display:flex}.color-tools-module__PTr1Pq__shadeCellLabel{opacity:.85;font-size:.62rem}.color-tools-module__PTr1Pq__previewGrid{grid-template-columns:1.1fr 1fr;gap:12px;display:grid}.color-tools-module__PTr1Pq__previewCard{flex-direction:column;padding:0;display:flex;overflow:hidden}.color-tools-module__PTr1Pq__previewSurface{flex-direction:column;flex:1;gap:14px;min-height:260px;padding:20px;display:flex}.color-tools-module__PTr1Pq__previewHeading{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700}.color-tools-module__PTr1Pq__previewBody{max-width:420px;font-size:.9rem;line-height:1.5}.color-tools-module__PTr1Pq__previewButtons{gap:10px;margin-top:auto;display:flex}.color-tools-module__PTr1Pq__previewButtonPrimary,.color-tools-module__PTr1Pq__previewButtonAccent{border:none;border-radius:10px;align-items:center;min-height:38px;padding:0 16px;font-size:.85rem;font-weight:700;display:inline-flex}.color-tools-module__PTr1Pq__previewCardFooter{border-top:1px solid #14243214;padding:10px 20px;font-size:.76rem}.color-tools-module__PTr1Pq__contrastCard{flex-direction:column;gap:10px;padding:12px;display:flex}.color-tools-module__PTr1Pq__contrastRow{background:#ffffffb3;border:1px solid #14243214;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.color-tools-module__PTr1Pq__contrastPair{align-items:center;gap:8px;font-size:.84rem;display:flex}.color-tools-module__PTr1Pq__contrastSwatches{display:flex}.color-tools-module__PTr1Pq__contrastSwatches span{border:1px solid #14243229;border-radius:6px;width:20px;height:20px}.color-tools-module__PTr1Pq__contrastSwatches span+span{margin-left:-6px}.color-tools-module__PTr1Pq__contrastScore{align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.color-tools-module__PTr1Pq__badgePass{color:var(--success);background:#15803d1f;border:1px solid #15803d3d;border-radius:999px;padding:2px 8px;font-size:.7rem}.color-tools-module__PTr1Pq__badgeFail{color:var(--danger);background:#be123c1f;border:1px solid #be123c3d;border-radius:999px;padding:2px 8px;font-size:.7rem}.color-tools-module__PTr1Pq__presetRow{flex-wrap:wrap;gap:8px;display:flex}.color-tools-module__PTr1Pq__presetChip{background:#ffffffc7;border:1px solid #1424321f;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.8rem;display:inline-flex}.color-tools-module__PTr1Pq__presetSwatches{display:flex}.color-tools-module__PTr1Pq__presetSwatches span{border:1px solid #fffc;border-radius:50%;width:16px;height:16px}.color-tools-module__PTr1Pq__presetSwatches span+span{margin-left:-6px}.color-tools-module__PTr1Pq__cssCard{flex-direction:column;gap:8px;padding:12px;display:flex}.color-tools-module__PTr1Pq__cssOutput{color:#e6f4f1;resize:vertical;background:#141a21f0;border:1px solid #1424321a;border-radius:12px;width:100%;min-height:180px;padding:12px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.82rem;line-height:1.5}@media (max-width:960px){.color-tools-module__PTr1Pq__actions{justify-content:flex-start}.color-tools-module__PTr1Pq__previewGrid{grid-template-columns:1fr}.color-tools-module__PTr1Pq__shadeStrip{grid-template-columns:repeat(5,minmax(0,1fr))}}
