.developer-tools{width:100%;max-width:1000px;margin:0 auto;padding:56px 20px 80px}.developer-eyebrow{letter-spacing:.14em;font-weight:800;color:#67e8f9!important;margin:0 0 7px!important;font-size:10px!important}.developer-tools-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#2563eb2e,#22d3ee14);border:1px solid #60a5fa2e;border-radius:24px;align-items:center;gap:18px;margin-bottom:34px;padding:28px 30px;display:flex;box-shadow:0 18px 45px #0000002e}.developer-tools-icon{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-family:Consolas,Monaco,monospace;font-size:20px;font-weight:900;display:flex;box-shadow:0 10px 25px #2563eb4d}.developer-tools-header h1{color:#fff;letter-spacing:-.8px;margin:0;font-size:34px;font-weight:900;line-height:1.2}.developer-tools-header p{color:#94a3b8;margin:7px 0 0;font-size:15px;line-height:1.6}.developer-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad1;border:1px solid #94a3b81f;border-radius:24px;margin-bottom:26px;padding:28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0003}.developer-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f624,#0000 70%);width:180px;height:180px;position:absolute;top:-100px;right:-90px}.developer-card-header{align-items:center;margin-bottom:22px;display:flex;position:relative}.developer-card-title{align-items:center;gap:15px;display:flex}.developer-card-icon{background:#2563eb24;border:1px solid #60a5fa29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.developer-card-title h2{color:#f8fafc;letter-spacing:-.3px;margin:0;font-size:21px;font-weight:800;line-height:1.3}.developer-card-title p{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.5}.developer-result-box{background:#080f1d;border:1px solid #26354a;border-radius:15px;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.developer-result-box input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;min-width:0;height:48px;padding:0 14px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px}.developer-result-box input::placeholder{color:#475569}.developer-copy{color:#cbd5e1;cursor:pointer;background:#1e293b;border:none;border-radius:10px;flex-shrink:0;height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s}.developer-copy:hover:not(:disabled){color:#fff;background:#334155}.developer-copy:disabled{opacity:.4;cursor:not-allowed}.password-settings{background:#0b1322;border:1px solid #94a3b81a;border-radius:16px;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:20px;margin-top:20px;padding:18px;display:grid}.password-length{min-width:0}.setting-label{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:13px;font-weight:600;display:flex}.setting-label strong{color:#60a5fa;font-size:15px}.password-length input[type=range]{appearance:none;background:#263449;border-radius:10px;outline:none;width:100%;height:5px}.password-length input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 4px #3b82f624}.password-length input[type=range]::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:17px;height:17px}.developer-check{color:#cbd5e1;cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.developer-check input{accent-color:#3b82f6;cursor:pointer;width:17px;height:17px}.developer-textarea{resize:vertical;color:#e2e8f0;background:#080f1d;border:1px solid #26354a;border-radius:16px;outline:none;width:100%;min-height:150px;padding:18px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.7;transition:border-color .2s,box-shadow .2s;display:block}.developer-textarea::placeholder{color:#475569}.developer-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.developer-output{background:#0b1322;margin-top:16px}.developer-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.developer-actions button{cursor:pointer;border:none;border-radius:12px;height:46px;padding:0 19px;font-size:13px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.developer-actions button:hover:not(:disabled){transform:translateY(-2px)}.developer-actions button:active:not(:disabled){transform:scale(.97)}.developer-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}.developer-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 20px #2563eb38}.developer-primary:hover:not(:disabled){box-shadow:0 12px 26px #2563eb52}.developer-secondary{color:#cbd5e1;background:#1e293b;border:1px solid #334155!important}.developer-secondary:hover:not(:disabled){color:#fff;background:#263449}.developer-error{color:#fca5a5;background:#7f1d1d59;border:1px solid #f8717140;border-radius:13px;margin-top:16px;padding:14px 16px;font-size:13px;line-height:1.6}@media (max-width:768px){.developer-tools{padding:10px 0 60px}.developer-tools-header{border-radius:20px;gap:13px;margin-bottom:22px;padding:22px}.developer-tools-icon{border-radius:14px;width:48px;height:48px;font-size:23px}.developer-tools-header h1{font-size:27px}.developer-tools-header p{font-size:12px}.developer-card{border-radius:20px;margin-bottom:18px;padding:20px}.developer-card-title{gap:11px}.developer-card-icon{border-radius:12px;width:42px;height:42px;font-size:19px}.developer-card-title h2{font-size:18px}.developer-card-title p{font-size:12px}.developer-result-box{gap:6px;padding:6px}.developer-result-box input{height:44px;padding:0 10px;font-size:12px}.developer-copy{height:38px;padding:0 12px;font-size:12px}.password-settings{grid-template-columns:1fr 1fr;gap:14px;padding:15px}.password-length{grid-column:1/-1}.developer-textarea{min-height:130px;padding:15px;font-size:13px}.developer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.developer-actions button{width:100%;padding:0 10px;font-size:12px}}@media (max-width:480px){.developer-tools-header{padding:19px}.developer-tools-header h1{font-size:23px}.developer-tools-header p{display:none}.developer-card{border-radius:18px;padding:17px}.developer-card-title h2{font-size:17px}.developer-card-title p{display:none}.developer-result-box{padding:8px;display:block}.developer-result-box input{width:100%;height:43px;display:block}.developer-copy{width:100%;height:38px;margin-top:4px}.password-settings{grid-template-columns:1fr;gap:13px}.developer-check{padding:5px 0}.developer-actions{grid-template-columns:1fr}.developer-actions button{height:45px}.developer-textarea{min-height:120px}}.developer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.developer-grid .developer-card{flex-direction:column;margin-bottom:20px;display:flex}.compact-card .developer-result-box{margin-top:22px}.compact-card .developer-actions{margin-top:auto;padding-top:18px}.developer-card-title{position:relative}.password-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.password-settings .password-length{grid-column:1/-1}.developer-converter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.developer-converter-grid .developer-output{margin-top:0}@media (max-width:768px){.developer-tools{padding:28px 16px 60px}.developer-grid,.developer-converter-grid{grid-template-columns:1fr}}