.page-module__nMK9tG__page{min-height:100vh}.page-module__nMK9tG__main{width:100%}.page-module__nMK9tG__container{color:#f5f5f5;max-width:1100px;margin:0 auto;padding:2rem 1.25rem 5rem}.page-module__nMK9tG__title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-module__nMK9tG__subtitle{color:#a3a3a3;max-width:40rem;margin-bottom:1.75rem;line-height:1.5}.page-module__nMK9tG__pickerPanel{background:#1a1a1a;border:1px solid #2e2e2e;border-radius:16px;flex-wrap:wrap;align-items:stretch;gap:1.25rem;margin-bottom:1.25rem;padding:1rem;display:flex}.page-module__nMK9tG__preview{border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;width:120px;min-height:120px;box-shadow:inset 0 0 0 1px #00000026}.page-module__nMK9tG__pickerControls{flex-direction:column;flex:1;justify-content:center;gap:.4rem;min-width:200px;display:flex}.page-module__nMK9tG__label{color:#bdbdbd;font-size:.85rem;font-weight:600}.page-module__nMK9tG__nativePicker{cursor:pointer;background:0 0;border:none;width:72px;height:40px;padding:0}.page-module__nMK9tG__hexInput{color:#fff;letter-spacing:.04em;background:#111;border:1px solid #3a3a3a;border-radius:8px;max-width:220px;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.page-module__nMK9tG__hexInput:focus{outline-offset:1px;outline:2px solid #3b82f6}.page-module__nMK9tG__colorInfo{background:#141414;border:1px solid #2a2a2a;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:2rem;padding:1rem 1.15rem;display:grid}.page-module__nMK9tG__colorInfo dt{text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:.25rem;font-size:.75rem}.page-module__nMK9tG__colorInfo dd{color:#eee;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.page-module__nMK9tG__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.page-module__nMK9tG__paletteCard{background:#161616;border:1px solid #2c2c2c;border-radius:16px;flex-direction:column;transition:transform .15s,border-color .15s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000040}.page-module__nMK9tG__paletteCard:hover{border-color:#404040;transform:translateY(-2px)}.page-module__nMK9tG__paletteHeader{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.9rem 1rem .75rem;display:flex}.page-module__nMK9tG__paletteTitle{margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.page-module__nMK9tG__paletteDesc{color:#9a9a9a;font-size:.8rem;line-height:1.4}.page-module__nMK9tG__copyAllBtn{color:#ddd;cursor:pointer;background:#222;border:1px solid #3a3a3a;border-radius:999px;flex-shrink:0;padding:.35rem .7rem;font-size:.75rem}.page-module__nMK9tG__copyAllBtn:hover{background:#2c2c2c}.page-module__nMK9tG__swatchStack{flex-direction:column;flex:1;min-height:220px;display:flex}.page-module__nMK9tG__swatch{cursor:pointer;min-height:44px;font:inherit;border:none;flex:1;justify-content:space-between;align-items:center;padding:.65rem .9rem;transition:filter .12s;display:flex}.page-module__nMK9tG__swatch:hover{filter:brightness(1.05)}.page-module__nMK9tG__swatchLabel{opacity:.9;font-size:.78rem;font-weight:600}.page-module__nMK9tG__swatchHex{letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-weight:600}@media (max-width:600px){.page-module__nMK9tG__title{font-size:1.55rem}.page-module__nMK9tG__preview{width:100%;min-height:88px}}