.styles-module__8PkgMa__container{max-width:800px;margin:0 auto;padding:40px 20px}.styles-module__8PkgMa__header{text-align:center;margin-bottom:40px}.styles-module__8PkgMa__icon{color:#95bfa4;margin-bottom:16px}.styles-module__8PkgMa__title{color:#1a1a1a;margin-bottom:12px;font-size:2.5rem;font-weight:800}.styles-module__8PkgMa__description{color:#666;font-size:1.1rem}.styles-module__8PkgMa__converter{background:#fff;border:2px solid #f0f0f0;border-radius:16px;margin-bottom:30px;padding:40px}.styles-module__8PkgMa__colorPreview{cursor:pointer;border:3px solid #f0f0f0;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:24px;display:flex;position:relative}.styles-module__8PkgMa__colorPicker{cursor:pointer;border:none;border-radius:50%;width:80px;height:80px}.styles-module__8PkgMa__inputGroup{margin-bottom:24px}.styles-module__8PkgMa__inputGroup label{color:#1a1a1a;margin-bottom:8px;font-weight:600;display:block}.styles-module__8PkgMa__input{color:#1a1a1a;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-family:monospace;font-size:1rem;transition:all .3s}.styles-module__8PkgMa__input:hover{border-color:#95bfa4}.styles-module__8PkgMa__input:focus{border-color:#95bfa4;outline:none;box-shadow:0 0 0 3px #95bfa41a}.styles-module__8PkgMa__formats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.styles-module__8PkgMa__formatCard{background:#f8f8f8;border-radius:8px;padding:16px}.styles-module__8PkgMa__formatHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.styles-module__8PkgMa__formatLabel{color:#1a1a1a;font-size:.9rem;font-weight:700}.styles-module__8PkgMa__copyButton{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.styles-module__8PkgMa__copyButton:hover{color:#fff;background:#95bfa4;border-color:#95bfa4}.styles-module__8PkgMa__formatValue{color:#666;word-break:break-all;font-family:monospace;font-size:.95rem}.styles-module__8PkgMa__info{background:#f8f8f8;border-radius:16px;padding:24px}.styles-module__8PkgMa__info h3{color:#1a1a1a;margin-bottom:16px}.styles-module__8PkgMa__info ul{padding:0;list-style:none}.styles-module__8PkgMa__info li{color:#666;margin-bottom:12px}@media (max-width:768px){.styles-module__8PkgMa__converter{padding:24px}.styles-module__8PkgMa__formats{grid-template-columns:1fr}}