body,h1,h2,li,p,ul{margin:0;padding:0}header{background:linear-gradient(to right,#7cc0d7,#c6e3eb);color:#3e3b34;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 10px 0 #000}.logo img{transition:transform .5s;box-shadow:0 0 10px rgba(0,0,0,.1)}.logo img:hover{transform:rotate(360deg) scale(1.2)}.menu-toggle{font-size:24px;cursor:pointer;display:none}.menu{display:flex;z-index:1000}.menu ul{list-style:none;display:flex}.menu li{margin-right:20px}.menu a{text-decoration:none;color:#3e3b34;transition:color .3s;font-weight:700}.menu a:hover{color:#fff}@media screen and (max-width:768px){.menu{display:none;flex-direction:column;position:absolute;top:60px;left:0;background:linear-gradient(to right,#7cc0d7,#c6e3eb);width:100%;border-radius:25px}.menu ul{flex-direction:column;align-items:center}.menu-toggle{display:block}.menu.show{display:flex}.menu li{margin-right:0;padding-top:15px;padding-bottom:15px}}.middile{padding:20px;width:80%;margin:auto}@media only screen and (max-width :600px){.middile{width:90%;margin:auto}}.middile h1,h2{color:#363062;margin-top:20px}.middile p{line-height:1.6;margin:0 0 20px}.middile a{color:#337ab7;text-decoration:none}.middile a:hover{color:#23527c;text-decoration:underline}.up-footer{background-color:#343a40;color:#fff;padding:40px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}.up-footer .column{flex:1;margin-bottom:20px}.up-footer .column h3{margin-bottom:20px;color:#f1f1f1}.up-footer .social-media{list-style-type:none;padding:0;display:flex}.up-footer .social-media li{margin-right:10px}.up-footer .social-media a{text-decoration:none;color:#fff;font-size:24px}.up-footer .social-media a:hover{text-decoration:none;color:#f1f1f1}.up-footer .pages a,.up-footer .tools a{color:#f1f1f1}@media screen and (max-width:768px){.up-footer{flex-direction:column;align-items:center}.up-footer .column{flex:auto;text-align:center}}.up-footer .hd a{text-decoration:none;color:#f1f1f1}.footer-bottom{text-align:center;margin-top:0;background:linear-gradient(to right,#7cc0d7,#c6e3eb);padding:30px;color:#000}.footer-bottom a{font-weight:700;text-decoration:none;color:#000}.footer-bottom a:hover{color:#fff}:root{--bg-dark:#0c0c15;--bg-darker:#070711;--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, 0.7);--accent-color:#ff00ff;--accent-secondary:#00ffff;--panel-bg:rgba(15, 15, 25, 0.7);--card-bg:rgba(20, 20, 35, 0.5);--shadow-neon:0 0 20px rgba(255, 0, 255, 0.5);--shadow-neon-cyan:0 0 20px rgba(0, 255, 255, 0.5);--border-radius:12px;--transition-speed:0.3s}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{width:100%;overflow-x:hidden}body{font-family:'Gill Sans';font-size:18px;background:linear-gradient(135deg,var(--bg-darker) 0,var(--bg-dark) 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;padding:0;position:relative;overflow-x:hidden}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,0,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:-1;perspective:1000px;transform-style:preserve-3d}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0,var(--bg-dark) 80%);z-index:-1}.glow-effect{position:fixed;top:30%;left:20%;width:60%;height:60%;background:radial-gradient(ellipse at center,rgba(255,0,255,.05) 0,transparent 70%);filter:blur(80px);z-index:-1;opacity:.6;animation:15s ease-in-out infinite float}.glow-effect:nth-child(2){top:40%;left:30%;background:radial-gradient(ellipse at center,rgba(0,255,255,.05) 0,transparent 70%);animation-delay:-5s}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(5%,5%)}}.container{width:100%;max-width:1400px;padding:0 1.5rem;margin:0 auto;position:relative;z-index:1}bheader{text-align:center;padding:3rem 1rem;margin-bottom:1rem;position:relative;overflow:hidden}h1{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:2px;position:relative;display:inline-block;text-align:center;display:flex;justify-content:center}h1 .text-gradient{background:linear-gradient(to right,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}h1::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:100%;height:3px;background:linear-gradient(to right,var(--accent-color),var(--accent-secondary));box-shadow:0 0 10px rgba(255,0,255,.7)}.subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:1rem auto;line-height:1.6}.dashboard{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:3rem;position:relative}.control-panel{background:var(--panel-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);height:fit-content;position:sticky;top:2rem}.panel-section{margin-bottom:2rem}.panel-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center!important;color:var(--text-primary)}.panel-title i{margin-right:.7rem;color:var(--accent-color)}.btn-group{display:flex;flex-direction:column;gap:.8rem}.btn,button{background:var(--card-bg);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:.8rem 1.2rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) ease;font-size:1rem;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;min-height:44px}.btn i,button i{margin-right:.8rem;font-size:1.1rem}.btn::before,button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn:hover::before,button:hover::before{left:100%}.btn:hover,button:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn-primary{background:linear-gradient(45deg,var(--accent-color),var(--accent-secondary));border:none;font-weight:600;letter-spacing:.5px;box-shadow:var(--shadow-neon);justify-content:center}.btn-primary:hover{box-shadow:0 0 25px rgba(255,0,255,.8);background:linear-gradient(45deg,#ff3dff,#3dffff)}.select-wrapper{position:relative;margin-bottom:1rem}select{appearance:none;background:var(--card-bg);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:.8rem 1.2rem;border-radius:var(--border-radius);width:100%;font-size:1rem;cursor:pointer}.select-wrapper::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--accent-color)}input[type=range]{width:100%;height:5px;appearance:none;background:rgba(255,255,255,.1);border-radius:5px;margin:1rem 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--accent-color);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--accent-color)}.range-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-top:.3rem}.palette-wrapper{position:relative}.palette-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.color-box{aspect-ratio:1/1;border-radius:var(--border-radius);position:relative;overflow:hidden;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 10px 20px rgba(0,0,0,.2)}.color-box:hover{transform:translateY(-5px) scale(1.02);z-index:2}.color-glow{position:absolute;inset:0;z-index:-1;filter:blur(20px);opacity:.7;transform:scale(.85);transition:all var(--transition-speed) ease}.color-box:hover .color-glow{opacity:.9;transform:scale(.9)}.color-info{background:0 0;padding:1.2rem;transition:all var(--transition-speed) ease}.color-box:hover .color-info{padding:1.5rem 1.2rem}.color-hex{font-family:Orbitron,monospace;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.color-formats{font-size:.85rem;opacity:.8;margin-bottom:.8rem}.color-actions{display:flex;gap:.5rem;margin-top:.8rem;opacity:0;transform:translateY(10px);transition:all var(--transition-speed) ease}.color-box:hover .color-actions{opacity:1;transform:translateY(0)}.color-btn{background:rgba(255,255,255,.1);border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;font-size:.85rem;min-height:44px}.color-btn:hover{background:rgba(255,255,255,.2)}.color-btn.favorite.active{color:#ff3860}.color-lock{font-size:1rem;cursor:pointer;transition:.2s}.color-lock.locked{color:var(--text-secondary)}.palette-actions{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;flex-wrap:nowrap;gap:1rem}.palette-actions button{flex-grow:1;flex-shrink:1;min-width:0;padding:.8rem .5rem;font-size:.9rem;text-align:center;justify-content:center}.palette-actions button i{margin-right:1;font-size:1.1rem}@media only screen and (max-width:768px){.palette-actions{gap:.5rem}.palette-actions button{padding:.6rem .3rem;font-size:.8rem}.palette-actions button i{margin-right:.2rem}}@media only screen and (max-width:480px){.palette-actions{gap:.3rem}.palette-actions button{padding:.5rem .2rem;font-size:.75rem}}.color-preview{display:flex;gap:1rem;margin-top:1rem}.preview-item{flex:1;height:100px;border-radius:var(--border-radius);padding:1rem;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;text-shadow:0 0 10px currentColor;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.preview-item::before{content:'';position:absolute;inset:0;background:currentColor;opacity:.1;filter:blur(5px)}.gradient-preview{height:100px;border-radius:var(--border-radius);margin-top:1rem;background:linear-gradient(45deg,var(--color1),var(--color2));position:relative;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.2)}.gradient-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,.1) 100%)}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(0,0,0,.8);color:#fff;padding:1rem 2rem;border-radius:50px;z-index:1000;opacity:0;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55),opacity .3s;backdrop-filter:blur(10px);display:flex;align-items:center;gap:.8rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.show-toast{opacity:1;transform:translateX(-50%) translateY(0)}.toast i{color:var(--accent-color)}.tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none;min-height:44px}.tabs::-webkit-scrollbar{display:none}.tab{padding:.8rem 1.5rem;cursor:pointer;transition:all var(--transition-speed) ease;position:relative;color:var(--text-secondary);white-space:nowrap;min-height:44px}.tab.active{color:var(--text-primary)}.tab::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--accent-color),var(--accent-secondary));transform:scaleX(0);transition:transform var(--transition-speed) ease}.tab.active::after{transform:scaleX(1)}.tab-content{display:none}.tab-content.active{display:block}.favorites-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.favorites-empty{text-align:center;padding:2rem;color:var(--text-secondary);grid-column:1/-1}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:var(--card-bg);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.history-palette{display:flex;height:30px;border-radius:4px;overflow:hidden}.history-color{flex:1;height:100%}.history-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.export-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.export-option{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition-speed) ease;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.export-option:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2);border-color:var(--accent-color)}.export-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-color)}.export-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.export-desc{font-size:.9rem;color:var(--text-secondary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease}.modal.active{opacity:1;pointer-events:auto}.modal-content{background:var(--panel-bg);border-radius:var(--border-radius);padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;transform:translateY(30px);opacity:0;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55),opacity .3s}.modal.active .modal-content{transform:translateY(0);opacity:1}.modal-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--accent-color)}.modal-title{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.export-code{background:var(--bg-darker);border-radius:6px;padding:1rem;margin:1rem 0;font-family:monospace;max-height:300px;overflow-y:auto;color:var(--text-secondary);position:relative}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:rgba(255,255,255,.1);border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:#fff}.copy-btn:hover{background:rgba(255,255,255,.2)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.slider-container{width:100%;margin-bottom:1.5rem}.slider-label{display:flex;justify-content:space-between;margin-bottom:.5rem}.slider-label span:last-child{color:var(--accent-color)}.accessibility-info{background:var(--card-bg);border-radius:var(--border-radius);padding:1rem;margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.accessibility-item{display:flex;justify-content:space-between;font-size:.9rem}.accessibility-status{display:flex;align-items:center;gap:.3rem}.status-icon{width:12px;height:12px;border-radius:50%}.status-pass{background:#4cd964}.status-warn{background:#fc0}.status-fail{background:#ff3b30}.neon-library-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.neon-library-controls input,.neon-library-controls select{background:var(--card-bg);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:.8rem 1.2rem;border-radius:var(--border-radius);font-size:1rem;flex:1;min-width:200px}.neon-library-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem}.color-name{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.no-results{grid-column:1/-1;text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.2rem}footer{text-align:center;padding:2rem 0;margin-top:2rem;color:var(--text-secondary);font-size:.9rem;background:var(--bg-darker);width:100%}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-color)}.text-gradient{background:linear-gradient(to right,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}#adjustColorsModal .modal-content{max-width:700px}#adjustPreviewContainer{display:flex;gap:10px;margin-bottom:2rem;height:60px;width:100%;justify-content:center}.adjust-preview-color{flex:1;height:100%;border-radius:8px;border:1px solid rgba(255,255,255,.2);transition:background-color .1s ease-in-out}#adjustControls{margin-top:1.5rem}#adjustColorsModal .slider-container{margin-bottom:2rem}@media only screen and (max-width:1200px){.dashboard{grid-template-columns:1fr}.control-panel{position:static;margin-bottom:2rem}}@media only screen and (max-width:768px){.container{padding:0 1rem}h1{font-size:2.8rem;white-space:normal;word-wrap:break-word}.subtitle{font-size:1rem;margin:.5rem auto}.favorites-container,.neon-library-container,.palette-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.color-box{aspect-ratio:1/1.2}.color-hex{font-size:1.1rem}.color-formats{font-size:.75rem;margin-bottom:.5rem}.color-actions{opacity:1;transform:translateY(0);margin-top:.5rem;justify-content:center}.color-box:hover .color-info,.color-info{padding:.8rem}.palette-actions{flex-wrap:nowrap;justify-content:center;gap:.5rem}.palette-actions button{flex-basis:auto;flex-grow:1;flex-shrink:1;font-size:.9rem;padding:.7rem .5rem}.tabs{flex-wrap:wrap;justify-content:center;gap:.5rem}.tab{flex-basis:auto;padding:.8rem 1rem;font-size:.9rem}.export-options{grid-template-columns:1fr}.neon-library-controls{flex-direction:column}.neon-library-controls input,.neon-library-controls select{min-width:unset;width:100%}}@media only screen and (max-width:480px){bheader{padding:1.5rem .5rem}h1{font-size:2rem;letter-spacing:1px}h1::after{height:2px}.subtitle{display:none}.control-panel{padding:1rem;margin-bottom:1.5rem}.panel-section{margin-bottom:1.5rem}.panel-title{font-size:1.1rem;margin-bottom:.8rem}.btn-group button,.palette-actions button{padding:.6rem .5rem;font-size:.85rem;min-width:unset;flex-basis:auto;flex-grow:1;flex-shrink:1}.favorites-container,.neon-library-container,.palette-container{grid-template-columns:1fr;gap:.8rem}.color-box{aspect-ratio:1/.7;min-height:80px}.color-hex{font-size:1rem}.background-grid,.color-formats,.color-glow,.glow-effect{display:none}.preview-item{height:80px;font-size:.9rem}.gradient-preview{height:80px}.modal-content{padding:1.5rem;width:95%}.modal-title{font-size:1.3rem;margin-bottom:1rem}.modal-actions{flex-direction:column;gap:.8rem}.modal-actions button{width:100%;justify-content:center}footer{padding:1.5rem 1rem}.footer-links{flex-wrap:wrap;gap:.8rem}}@media only screen and (max-width:380px){h1{font-size:1.6rem}.panel-title{font-size:1rem}.btn-group button,.palette-actions button{font-size:.8rem;padding:.5rem .3rem}.color-box{min-height:70px;aspect-ratio:1/.6}.color-hex{font-size:.9rem}.tabs{gap:.3rem;padding-bottom:.5rem}.tab{padding:.6rem .5rem;font-size:.8rem}}.btn,button,input[type=range],select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ad-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;max-width:1200px;margin:0 auto}.ad-content{margin-top:10px;padding:0}@media (min-width:1200px){.ad-content ins.adsbygoogle{width:728px;height:90px}}@media (min-width:768px) and (max-width:1199px){.ad-content ins.adsbygoogle{width:468px;height:60px}}@media (max-width:767px){.ad-content ins.adsbygoogle{width:320px;height:50px}}