.UnifiedToolPage-module-scss-module__lQuS8q__toolPage{background:var(--color-card);border:1px solid var(--color-border);box-sizing:border-box;border-radius:1.1rem;flex-direction:column;align-items:center;width:100%;margin:.5rem auto 0;padding:1rem;display:flex;box-shadow:0 2px 18px #00000017}.UnifiedToolPage-module-scss-module__lQuS8q__toolPage h1{color:var(--color-primary);margin-top:.5rem;margin-bottom:.5rem;font-size:2rem;font-weight:700}.UnifiedToolPage-module-scss-module__lQuS8q__toolPage p{color:var(--color-text);opacity:.9;margin-bottom:1.3rem}.UnifiedToolPage-module-scss-module__lQuS8q__formRow{flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__inputColumn,.UnifiedToolPage-module-scss-module__lQuS8q__outputColumn{flex-direction:column;align-items:center;width:100%;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__baseArea,.UnifiedToolPage-module-scss-module__lQuS8q__generatedCss,.UnifiedToolPage-module-scss-module__lQuS8q__primarySelect,.UnifiedToolPage-module-scss-module__lQuS8q__inputArea,.UnifiedToolPage-module-scss-module__lQuS8q__outputArea{border:1px solid var(--color-border);resize:vertical;border-radius:.5rem;margin-bottom:1rem;padding:.7rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}.UnifiedToolPage-module-scss-module__lQuS8q__inputArea,.UnifiedToolPage-module-scss-module__lQuS8q__outputArea{width:100%;min-width:100%;min-height:400px}.UnifiedToolPage-module-scss-module__lQuS8q__inputField,.UnifiedToolPage-module-scss-module__lQuS8q__outputField{min-width:150px;max-width:300px;min-height:45px}.UnifiedToolPage-module-scss-module__lQuS8q__inputColor{min-width:60px;max-width:300px;min-height:45px;padding:0}.UnifiedToolPage-module-scss-module__lQuS8q__primarySelect{min-width:60px;max-width:300px;min-height:45px}.UnifiedToolPage-module-scss-module__lQuS8q__radioField{align-items:center;gap:1rem;margin:24px 0;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__radioField label{align-items:center;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__radioField label input,.UnifiedToolPage-module-scss-module__lQuS8q__radioField label p{margin:0 .25rem 0 0}.UnifiedToolPage-module-scss-module__lQuS8q__inputArea:focus,.UnifiedToolPage-module-scss-module__lQuS8q__outputArea:focus,.UnifiedToolPage-module-scss-module__lQuS8q__inputField,.UnifiedToolPage-module-scss-module__lQuS8q__outputField{border-color:var(--color-primary);background:var(--color-card)}.UnifiedToolPage-module-scss-module__lQuS8q__previewBox{background:var(--color-bg-secondary);color:var(--color-text)}.UnifiedToolPage-module-scss-module__lQuS8q__codeBlock{background:var(--color-bg-secondary);color:var(--color-text);white-space:pre-wrap;font-family:var(--font-mono,monospace);box-sizing:border-box;word-break:break-all;border-radius:.5rem;width:100%;margin-top:.5rem;padding:1rem;font-size:.9rem}.UnifiedToolPage-module-scss-module__lQuS8q__borderRadiusPreview{background:var(--color-bg-tertiary);border:1px dashed var(--color-border);width:100%;height:150px;margin-top:.5rem;margin-bottom:1rem}.UnifiedToolPage-module-scss-module__lQuS8q__generatedCss{width:100%;min-width:320px;min-height:300px}.UnifiedToolPage-module-scss-module__lQuS8q__buttonRow{justify-content:center;gap:16px;margin:24px 0 0;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__actionButton{background:var(--color-btn-bg);color:var(--color-btn-text);cursor:pointer;border:none;border-radius:.5rem;padding:.55rem 1.1rem;font-size:1rem;font-weight:600;transition:background .2s,color .2s}.UnifiedToolPage-module-scss-module__lQuS8q__actionButton:hover{background:var(--color-primary);color:var(--color-bg)}.UnifiedToolPage-module-scss-module__lQuS8q__inputShort{width:120px}.UnifiedToolPage-module-scss-module__lQuS8q__hexSwatchWrapper{margin-top:16px}.UnifiedToolPage-module-scss-module__lQuS8q__hexSwatch{border:1px solid #ccc;border-radius:8px;width:40px;height:40px;display:inline-block}.UnifiedToolPage-module-scss-module__lQuS8q__error{color:var(--color-error);text-align:center;margin-top:.2rem;margin-bottom:1rem;font-size:.98rem}.UnifiedToolPage-module-scss-module__lQuS8q__successText{color:var(--color-success);text-align:center;margin-top:.2rem;margin-bottom:1rem;font-size:.98rem}.UnifiedToolPage-module-scss-module__lQuS8q__warning{color:var(--color-warning);text-align:center;margin-top:.2rem;margin-bottom:.7rem;font-size:.98rem}.UnifiedToolPage-module-scss-module__lQuS8q__result{color:var(--color-primary);align-items:center;gap:.7rem;margin-top:1.2rem;font-size:1.1rem;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__colorSwatch{border:1px solid var(--color-border);border-radius:.4rem;width:24px;height:24px;display:inline-block}.UnifiedToolPage-module-scss-module__lQuS8q__label{color:var(--color-text);text-align:left;width:100%;margin-bottom:.5rem;font-weight:600;display:block}.UnifiedToolPage-module-scss-module__lQuS8q__imagePreview{border:1px solid var(--color-border);border-radius:.5rem;max-width:100%;height:auto;margin-top:1rem;display:block}.UnifiedToolPage-module-scss-module__lQuS8q__inputRowContainer{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__hexInput{width:120px}.UnifiedToolPage-module-scss-module__lQuS8q__alphaInput{width:80px}.UnifiedToolPage-module-scss-module__lQuS8q__rgbaOutput{text-align:center;width:260px;font-family:var(--font-mono,monospace);font-size:16px}.UnifiedToolPage-module-scss-module__lQuS8q__hsvInputContainer{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__hsvInput{width:70px}.UnifiedToolPage-module-scss-module__lQuS8q__convertButtonMargin{margin-bottom:16px}.UnifiedToolPage-module-scss-module__lQuS8q__pantoneResultContainer{flex-direction:column;align-items:center;gap:12px;max-width:320px;margin:0 auto;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__pantoneColorInfo{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__pantoneColorPreview{border:1px solid #ccc;border-radius:6px;width:36px;height:36px}.UnifiedToolPage-module-scss-module__lQuS8q__pantoneDetails{text-align:left}.UnifiedToolPage-module-scss-module__lQuS8q__pantoneName{font-weight:600}.UnifiedToolPage-module-scss-module__lQuS8q__pantoneCode{font-size:14px}.UnifiedToolPage-module-scss-module__lQuS8q__pantoneHexValue{font-family:var(--font-mono,monospace);font-size:14px}.UnifiedToolPage-module-scss-module__lQuS8q__colorInput{width:220px;margin-bottom:8px}.UnifiedToolPage-module-scss-module__lQuS8q__resultContainer{flex-direction:column;align-items:center;gap:12px;max-width:320px;margin:16px auto 0;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__colorPreviewInfo{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__colorSwatch{border:1px solid #ccc;border-radius:6px;width:36px;height:36px}.UnifiedToolPage-module-scss-module__lQuS8q__colorValues{text-align:left}.UnifiedToolPage-module-scss-module__lQuS8q__hexValueOutput{font-weight:600}.UnifiedToolPage-module-scss-module__lQuS8q__rgbValueOutput{font-family:var(--font-mono,monospace);font-size:14px}.UnifiedToolPage-module-scss-module__lQuS8q__copyButtonGroup{justify-content:center;gap:8px;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__jsBase64Textarea{width:340px;font-family:var(--font-mono,monospace);background:var(--color-bg-secondary);font-size:13px}.UnifiedToolPage-module-scss-module__lQuS8q__jsBase64ConvertButton{margin-top:8px;margin-bottom:16px}.UnifiedToolPage-module-scss-module__lQuS8q__jsBase64CopyButton{margin-top:8px}@media (min-width:480px){.UnifiedToolPage-module-scss-module__lQuS8q__toolPage{font-size:15px}}@media (min-width:768px){.UnifiedToolPage-module-scss-module__lQuS8q__toolPage{max-width:1400px}.UnifiedToolPage-module-scss-module__lQuS8q__formRow{flex-direction:row;gap:.5rem;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__inputColumn,.UnifiedToolPage-module-scss-module__lQuS8q__outputColumn{flex:1}.UnifiedToolPage-module-scss-module__lQuS8q__inputArea,.UnifiedToolPage-module-scss-module__lQuS8q__outputArea{min-height:650px}}.UnifiedToolPage-module-scss-module__lQuS8q__uploadArea{border:2px dashed var(--color-border);text-align:center;cursor:pointer;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:4rem 2rem;transition:background-color .2s;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__uploadArea:hover{background-color:var(--color-bg-secondary)}.UnifiedToolPage-module-scss-module__lQuS8q__pntUploadButtons{margin-top:1rem}.UnifiedToolPage-module-scss-module__lQuS8q__pntControlsRow{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;margin:2rem 0}.UnifiedToolPage-module-scss-module__lQuS8q__pntPreviewColumn{flex-direction:column;align-items:center;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__pntPixelatedPreview{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges}.UnifiedToolPage-module-scss-module__lQuS8q__pntControlsRow{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.5rem;margin:1.5rem 0}.UnifiedToolPage-module-scss-module__lQuS8q__pntDownloadButtonContainer{justify-content:flex-end}.UnifiedToolPage-module-scss-module__lQuS8q__pntDimensionInputs{align-items:center;gap:.5rem;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__pntDimensionInput{text-align:center;width:80px;min-width:70px}.UnifiedToolPage-module-scss-module__lQuS8q__pntAspectLock{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;font-size:.9rem;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__pntPreviewGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;margin-top:1.5rem;display:grid}.UnifiedToolPage-module-scss-module__lQuS8q__pntPreviewColumn{flex-direction:column;align-items:center;min-width:0;display:flex}.UnifiedToolPage-module-scss-module__lQuS8q__pntPreviewColumn .UnifiedToolPage-module-scss-module__lQuS8q__label{text-align:center;margin-bottom:1rem}.UnifiedToolPage-module-scss-module__lQuS8q__pntCropWrapper{width:100%}.UnifiedToolPage-module-scss-module__lQuS8q__pntCropWrapper .UnifiedToolPage-module-scss-module__lQuS8q__ReactCrop__image{max-height:500px}.UnifiedToolPage-module-scss-module__lQuS8q__pntPixelatedPreview{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;background-color:#f0f0f0}.UnifiedToolPage-module-scss-module__lQuS8q__pntChangeImageButton{margin-top:1rem}.UnifiedToolPage-module-scss-module__lQuS8q__ReactCrop{width:100%}