:root{--bg-primary:#faf8f5;--bg-secondary:#fff;--accent-green:#5a8a6a;--accent-brown:#8b7355;--text-primary:#4a3f35;--text-secondary:#7a6f63;--border-color:#e8e4df;--shadow-sm:0 1px 3px #4a3f351a;--shadow-md:0 4px 6px #4a3f351a;--shadow-lg:0 10px 20px #4a3f3526}.page-module__Im7roq__container{background:var(--bg-primary);min-height:100vh;padding:1rem}.page-module__Im7roq__loading{min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.page-module__Im7roq__header{max-width:1200px;margin:0 auto 2rem;padding:1rem}.page-module__Im7roq__backLink{color:var(--accent-brown);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.page-module__Im7roq__backLink:hover{opacity:.7}.page-module__Im7roq__backIcon{width:1.25rem;height:1.25rem}.page-module__Im7roq__title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-module__Im7roq__subtitle{color:var(--text-secondary);font-size:1rem}.page-module__Im7roq__main{max-width:1200px;margin:0 auto}.page-module__Im7roq__sectionTitle{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.page-module__Im7roq__baseColorSection{background:var(--bg-secondary);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.page-module__Im7roq__presetColors{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.page-module__Im7roq__presetColorButton{cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border:3px solid #0000;border-radius:50%;transition:transform .2s,box-shadow .2s,border-color .2s}.page-module__Im7roq__presetColorButton:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.page-module__Im7roq__presetColorButton.page-module__Im7roq__presetColorActive{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px var(--text-primary)}.page-module__Im7roq__colorInputGroup{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-module__Im7roq__colorPickerWrapper{width:80px;height:80px;position:relative}.page-module__Im7roq__colorPicker{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.page-module__Im7roq__colorPreview{border:3px solid var(--border-color);width:100%;height:100%;box-shadow:var(--shadow-sm);border-radius:.5rem;transition:transform .2s}.page-module__Im7roq__colorPickerWrapper:hover .page-module__Im7roq__colorPreview{transform:scale(1.05)}.page-module__Im7roq__hexInputWrapper{flex-direction:column;flex:1;gap:.25rem;min-width:200px;display:flex}.page-module__Im7roq__hexLabel{color:var(--text-secondary);font-size:.875rem;font-weight:500}.page-module__Im7roq__hexInput{border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:1rem;transition:border-color .2s}.page-module__Im7roq__hexInput:focus{border-color:var(--accent-green);outline:none}.page-module__Im7roq__randomButton{background:var(--accent-green);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;transition:background .2s,transform .2s;display:flex}.page-module__Im7roq__randomButton:hover{box-shadow:var(--shadow-md);background:#4a7558;transform:translateY(-2px)}.page-module__Im7roq__randomIcon{width:1.25rem;height:1.25rem}.page-module__Im7roq__errorMessage{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.page-module__Im7roq__formatToggle{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.page-module__Im7roq__formatLabel{color:var(--text-secondary);font-size:.875rem;font-weight:500}.page-module__Im7roq__formatButton{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.page-module__Im7roq__formatButton:hover{border-color:var(--accent-brown);color:var(--accent-brown)}.page-module__Im7roq__formatButton.page-module__Im7roq__activeFormat{background:var(--accent-brown);border-color:var(--accent-brown);color:#fff}.page-module__Im7roq__palettesSection{flex-direction:column;gap:1.5rem;display:flex}.page-module__Im7roq__paletteCard{background:var(--bg-secondary);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.page-module__Im7roq__paletteHeader{margin-bottom:1rem}.page-module__Im7roq__paletteTitle{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:700;display:flex}.page-module__Im7roq__paletteEmoji{font-size:1.5rem}.page-module__Im7roq__paletteDescription{color:var(--text-secondary);font-size:.875rem}.page-module__Im7roq__colorGrid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;display:grid}.page-module__Im7roq__colorItem{flex-direction:column;align-items:center;gap:.5rem;display:flex}.page-module__Im7roq__colorBox{aspect-ratio:1;border:2px solid var(--border-color);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:100%;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.page-module__Im7roq__colorBox:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.page-module__Im7roq__copyCheckmark{color:#fff;text-shadow:0 0 10px #00000080;font-size:2rem;animation:.3s page-module__Im7roq__checkmarkPop}@keyframes page-module__Im7roq__checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.page-module__Im7roq__colorInfo{flex-direction:column;align-items:center;gap:.25rem;width:100%;display:flex}.page-module__Im7roq__colorCode{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.75rem;font-weight:500}.page-module__Im7roq__contrastBadge{text-transform:uppercase;border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.page-module__Im7roq__contrastAAA{color:#166534;background:#dcfce7}.page-module__Im7roq__contrastAA{color:#854d0e;background:#fef9c3}.page-module__Im7roq__contrastFail{color:#dc2626;background:#fef2f2}.page-module__Im7roq__wcagInfo{background:var(--bg-secondary);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:1rem;margin-top:2rem;padding:1.5rem}.page-module__Im7roq__wcagHeader{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex;position:relative}.page-module__Im7roq__wcagTitle{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.page-module__Im7roq__wcagHelpButton{background:var(--accent-brown);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;transition:all .2s;display:flex}.page-module__Im7roq__wcagHelpButton:hover{background:#7a6245;transform:scale(1.1)}.page-module__Im7roq__wcagHelpIcon{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.page-module__Im7roq__wcagTooltip{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:100;border-radius:.75rem;min-width:280px;max-width:400px;padding:1rem;animation:.2s page-module__Im7roq__tooltipFadeIn;position:absolute;top:calc(100% + .5rem);left:0}@keyframes page-module__Im7roq__tooltipFadeIn{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.page-module__Im7roq__wcagCloseButton{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;transition:color .2s;position:absolute;top:.5rem;right:.5rem}.page-module__Im7roq__wcagCloseButton:hover{color:var(--text-primary)}.page-module__Im7roq__wcagTooltipText{color:var(--text-secondary);margin:0;padding-right:1.5rem;font-size:.8125rem;line-height:1.6}.page-module__Im7roq__wcagList{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.page-module__Im7roq__wcagList li{color:var(--text-secondary);font-size:.875rem}.page-module__Im7roq__wcagList strong{margin-right:.5rem}.page-module__Im7roq__toast{background:var(--accent-green);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;animation:.3s page-module__Im7roq__toastSlideIn;position:fixed;bottom:2rem;right:2rem}@keyframes page-module__Im7roq__toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.page-module__Im7roq__title{font-size:2rem}.page-module__Im7roq__subtitle{font-size:.875rem}.page-module__Im7roq__colorInputGroup{flex-direction:column;align-items:stretch}.page-module__Im7roq__colorPickerWrapper{width:100%;height:120px}.page-module__Im7roq__hexInputWrapper{min-width:100%}.page-module__Im7roq__randomButton{justify-content:center;width:100%}.page-module__Im7roq__colorGrid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.page-module__Im7roq__toast{bottom:1rem;left:1rem;right:1rem}}@media (max-width:480px){.page-module__Im7roq__title{font-size:1.5rem}.page-module__Im7roq__sectionTitle{font-size:1.25rem}.page-module__Im7roq__colorGrid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}