.unit-converter-workstation{color:#fff;flex-direction:column;gap:.5rem;max-width:900px;margin:0 auto;padding:.15rem 1rem;display:flex}.category-nav{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.5rem;display:flex}.nav-item{color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.nav-item.active{color:#fff;background:#00ffcc14;border-color:#0fc}.nav-glow-static{z-index:-1;border:1px solid #0fc;border-radius:14px;position:absolute;inset:-1px;box-shadow:0 0 20px #00ffcc4d}.converter-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:1.5rem;padding:1.5rem 2rem;box-shadow:0 25px 50px -12px #00000080}.converter-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:968px){.converter-grid{grid-template-columns:1fr;gap:2rem}}.input-group label,.result-group label,.select-wrapper label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;margin-bottom:.4rem;font-size:.55rem;font-weight:800;display:block}.input-group{flex-direction:column;gap:.75rem;display:flex}.main-value{width:100%}input[type=number],input[type=text],select{color:#fff;background:#00000040;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:.45rem .75rem;font-size:.85rem;transition:all .3s}input:focus,select:focus{border-color:#0fc;box-shadow:0 0 0 3px #00ffcc1a}.unit-selectors{align-items:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.select-wrapper{flex:1}.swap-icon{color:#fff3;padding-bottom:.8rem;font-size:1.2rem}.toggle-group{margin-top:2rem}.toggle-buttons{background:#0000004d;border-radius:12px;gap:4px;padding:4px;display:flex}.toggle-buttons button{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .3s}.toggle-buttons button.active{color:#fff;background:#ffffff14;box-shadow:0 4px 12px #0003}.result-card{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#00ffcc08 0%,#00b4d808 100%);border:1px solid #00ffcc26;border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.result-value{color:#0fc;word-break:break-all;letter-spacing:-1px;margin:.5rem 0;font-size:1.8rem;font-weight:800}.result-unit{color:#fff6;margin-top:.5rem;font-size:1.1rem;font-weight:500;display:block}.copy-btn{color:#0fc;cursor:pointer;background:#00ffcc1a;border:1px solid #00ffcc4d;border-radius:10px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .3s}.copy-btn:hover{color:#000;background:#0fc;transform:translateY(-2px);box-shadow:0 8px 20px #00ffcc4d}.visual-indicator{margin-top:1rem}.visualizer-box{background:#0003;border:1px solid #ffffff0a;border-radius:12px;padding:1rem;position:relative}.info-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:#0fc;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:800;position:absolute;top:-12px;right:24px}.progress-bar-bg{background:#ffffff14;border-radius:4px;height:8px;margin-top:1.2rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0fc,#00b4d8);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.insight-content{flex-direction:column;gap:.5rem;display:flex}.main-stat{color:#fff;margin:0;font-size:.95rem;font-weight:600}.main-stat span{color:#0fc}.scale-info{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;text-align:right;margin:0;font-size:.7rem}.unit-steps{justify-content:space-between;align-items:center;padding:1.5rem 0 .5rem;display:flex;position:relative}.unit-steps:before{content:"";z-index:0;background:#ffffff0d;height:2px;position:absolute;top:34px;left:0;right:0}.unit-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.8rem;display:flex;position:relative}.step-dot{background:#1e293b;border:2px solid #ffffff1a;border-radius:50%;width:10px;height:10px;transition:all .4s}.step-label{color:#fff3;font-size:.65rem;font-weight:800;transition:all .4s}.unit-step.active .step-dot{background:#0fc;border-color:#0fc;box-shadow:0 0 10px #0fc6}.unit-step.active .step-label{color:#0fc9}.unit-step.current .step-dot{background:#fff;border-color:#0fc;transform:scale(1.4);box-shadow:0 0 20px #0fc9}.unit-step.current .step-label{color:#fff;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.color-converter-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.hex-input-wrapper{gap:1rem;display:flex}.hex-input-wrapper input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;width:44px;height:38px;padding:0}.color-results{flex-direction:column;gap:1.2rem;display:flex}.color-card{background:#00000040;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.color-card code{color:#0fc;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600}.dev-settings-row{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:400px;display:grid}.dev-settings-row .input-field{min-width:0}.dev-preview-grid{align-items:center;gap:1.25rem;display:flex}.preview-container{background:#0003;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;padding:1rem;display:flex}.preview-label{text-transform:uppercase;color:#ffffff4d;margin-bottom:.5rem;font-size:.6rem}.preview-text{color:#fff;font-weight:700}.preview-details{flex-direction:column;gap:.4rem;display:flex}.preview-details p{color:#ffffff80;margin:0;font-size:.8rem}.preview-details strong{color:#0fc}.final-px{font-weight:800;color:#0fc!important;margin-top:.25rem!important;font-size:1.2rem!important}.color-preview{border:1px solid #ffffff1a;border-radius:12px;grid-column:span 2;height:60px;margin-top:.5rem;box-shadow:inset 0 0 20px #00000080}.premium-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#10b981e6;border:1px solid #fff3;border-radius:16px;align-items:center;gap:16px;padding:12px 24px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0006,0 0 0 1px #10b98180}.toast-icon{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.toast-content{flex-direction:column;display:flex}.toast-title{color:#fff;font-size:.95rem;font-weight:700}.toast-subtitle{color:#ffffffb3;font-size:.75rem}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.animate-toast{animation:.4s cubic-bezier(.16,1,.3,1) forwards toastSlideUp}