@keyframes _fadeInUp_1dn52_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes _pulse_1dn52_1{0%{box-shadow:0 0 #3498db66}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 #3498db00}}@keyframes _glow_1dn52_1{0%,to{box-shadow:0 0 5px #3498db}50%{box-shadow:0 0 20px #3498db,0 0 30px #3498db}}._app_1dn52_30{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(15deg,#eeaeca 25%,#94b7e9 70%);min-height:100vh;padding:20px;color:#2c3e50;line-height:1.6}._header_1dn52_39{text-align:center;margin-bottom:40px;animation:_fadeInUp_1dn52_1 .8s ease-out}._headerTitle_1dn52_44{font-size:3rem;font-weight:700;background:linear-gradient(45deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}._headerSubtitle_1dn52_53{font-size:1.2rem;color:#ffffffe6;font-weight:300}._main_1dn52_59{max-width:1400px;margin:0 auto;animation:_fadeInUp_1dn52_1 1s ease-out .2s both}._colorPreview_1dn52_65{margin:0 auto 40px;width:100%;height:200px;border-radius:16px;transition:background-color .2s ease;box-shadow:0 8px 30px #00000026}._colorPickers_1dn52_75{display:flex;justify-content:center;gap:50px;margin-bottom:50px;flex-wrap:wrap}._controlGroup_1dn52_83{background:#fffffff2;padding:25px;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;align-items:center;gap:15px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._controlGroup_1dn52_83:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00000026}._controlGroup_1dn52_83 label{font-weight:600;color:#2c3e50;font-size:1.1rem}._colorInput_1dn52_105{width:120px;height:120px;border:none;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}._colorInput_1dn52_105:hover{transform:scale(1.1);animation:_pulse_1dn52_1 1.5s infinite}._hexInput_1dn52_118{padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;font-weight:600;text-align:center;background:#ffffffe6;font-family:Courier New,monospace;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}._hexInput_1dn52_118:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;transform:scale(1.02)}._colorModels_1dn52_136{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin:40px 0}._modelPanel_1dn52_143{background:#ffffffe6;padding:30px;border-radius:16px;box-shadow:0 15px 35px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}._modelPanel_1dn52_143:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(15deg,#eeaeca 25%,#94b7e9 70%)}._modelPanel_1dn52_143:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}._modelPanel_1dn52_143:focus-within{animation:_glow_1dn52_1 2s infinite}._panelTitle_1dn52_171{text-align:center;font-size:1.8rem;font-weight:700;background:linear-gradient(15deg,#eeaeca 25%,#94b7e9 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px}._inputGroup_1dn52_182{margin-bottom:25px;display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff80;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}._inputGroup_1dn52_182:last-child{margin-bottom:0}._inputGroup_1dn52_182:hover{background:#fffc;transform:scale(1.02)}._label_1dn52_200{min-width:30px;font-weight:600;color:#2c3e50;font-size:1.1rem}._slider_1dn52_207{flex-grow:1;height:10px;border-radius:4px;background:#e0e0e0;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none}._slider_1dn52_207::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:linear-gradient(15deg,#eeaeca 25%,#94b7e9 70%);cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}._slider_1dn52_207::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #00000040}._slider_1dn52_207::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(15deg,#eeaeca 25%,#94b7e9 70%);cursor:pointer;border:none;box-shadow:0 2px 8px #00000026}._number_1dn52_241{width:85px;padding:10px 12px;text-align:center;border:2px solid #e0e0e0;border-radius:8px;font-weight:600;background:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;outline:none}._number_1dn52_241:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;background:#fff}._number_1dn52_241:hover{border-color:#2980b9}._footer_1dn52_262{margin-top:60px;animation:_fadeInUp_1dn52_1 1.2s ease-out .4s both}._documentation_1dn52_267{background:#fffffff2;padding:40px;border-radius:16px;box-shadow:0 15px 35px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}._documentation_1dn52_267 h2{color:#2c3e50;font-size:2rem;margin-bottom:20px;text-align:center;background:linear-gradient(15deg,#eeaeca 25%,#94b7e9 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._documentation_1dn52_267 p{color:#7f8c8d;margin-bottom:15px;font-size:1.1rem;text-align:center}._documentation_1dn52_267 ul{list-style:none;padding:0}._documentation_1dn52_267 li{background:#ffffff80;padding:15px 20px;margin-bottom:10px;border-radius:8px;border-left:4px solid #3498db;transition:all .3s cubic-bezier(.4,0,.2,1);color:#2c3e50}._documentation_1dn52_267 li:hover{background:#ffffffd9;transform:translate(5px)}._documentation_1dn52_267 li:before{margin-right:10px;font-size:1.1rem}@media (max-width: 768px){._headerTitle_1dn52_44{font-size:2.2rem}._colorPickers_1dn52_75{flex-direction:column;align-items:center}._controlGroup_1dn52_83{width:100%;max-width:300px}._colorModels_1dn52_136{grid-template-columns:1fr;gap:20px}._modelPanel_1dn52_143{padding:20px}._inputGroup_1dn52_182{padding:10px;gap:10px}._number_1dn52_241{width:70px}}@media (max-width: 480px){._app_1dn52_30{padding:15px}._headerTitle_1dn52_44{font-size:1.8rem}._documentation_1dn52_267{padding:25px}._inputGroup_1dn52_182{flex-wrap:wrap}._label_1dn52_200{min-width:25px}}