.az-tools-hero{background:radial-gradient(circle at 78% 22%,rgba(236,72,153,.18),transparent 26%),radial-gradient(circle at 20% 18%,rgba(124,58,237,.2),transparent 28%),linear-gradient(180deg,#050611,#080a17)!important}.az-tools-highlights,.az-tool-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.az-tools-highlights span,.az-tool-meta span{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);backdrop-filter:blur(10px);padding:9px 12px;border-radius:999px;font-size:11px;color:#dfe4f2}.az-tools-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.az-tools-toolbar b{display:block;font-size:20px}.az-tools-toolbar span{color:#9299ae;font-size:12px}.az-tools-toolbar input{width:min(360px,100%);padding:13px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff}.az-tool-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.az-tool-category-tabs a{padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cbd0df;background:rgba(255,255,255,.03)}.az-tool-category-tabs a.is-active{color:#fff;border-color:#7c3aed;background:linear-gradient(90deg,rgba(124,58,237,.25),rgba(236,72,153,.18));box-shadow:0 0 28px rgba(124,58,237,.15)}.az-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.az-tool-card{min-height:260px;position:relative;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(16,18,43,.84),rgba(7,9,22,.78));box-shadow:0 18px 55px rgba(0,0,0,.22);overflow:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.az-tool-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(236,72,153,.12),transparent 70%);transition:transform .5s}.az-tool-card:hover{transform:translateY(-9px);border-color:rgba(124,58,237,.35);box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 36px rgba(124,58,237,.12)}.az-tool-card:hover:before{transform:scale(1.25)}.az-tool-badge{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:9px;letter-spacing:.12em;color:#b9b2cf}.az-tool-card-icon{width:72px;height:72px;margin:24px 0 14px;border-radius:22px;display:grid;place-items:center;color:#cfa8ff;background:linear-gradient(145deg,rgba(124,58,237,.16),rgba(236,72,153,.08));border:1px solid rgba(124,58,237,.25);box-shadow:inset 0 0 30px rgba(124,58,237,.08);animation:az-tool-float 6s ease-in-out infinite}.az-tool-card:nth-child(2n) .az-tool-card-icon{animation-delay:-1.2s}.az-tool-card:nth-child(3n) .az-tool-card-icon{animation-delay:-2.4s}@keyframes az-tool-float{50%{transform:translateY(-5px) rotate(-2deg)}}.az-tool-card h3{font-size:19px;line-height:1.2;margin:0 0 9px;color:#fff}.az-tool-card p{color:#9aa3bb;font-size:13px;line-height:1.7;max-width:34ch}.az-tool-card>b{position:absolute;bottom:20px;right:22px;color:#f1d5ff;font-size:12px}.az-tool-hero{padding-bottom:80px}.az-tool-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.az-tool-hero h1{max-width:820px}.az-tool-orbit{height:320px;display:grid;place-items:center;position:relative}.az-tool-orbit-core{width:120px;height:120px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(124,58,237,.25),rgba(236,72,153,.18));border:1px solid rgba(255,255,255,.1);box-shadow:0 0 80px rgba(124,58,237,.2);font-weight:900;letter-spacing:.2em}.az-tool-orbit-ring{position:absolute;width:250px;height:130px;border:1px solid rgba(124,58,237,.35);border-radius:50%;animation:az-tool-orbit 16s linear infinite}.az-tool-orbit-ring.r2{width:320px;height:170px;border-color:rgba(236,72,153,.25);transform:rotate(55deg);animation-duration:22s;animation-direction:reverse}@keyframes az-tool-orbit{to{transform:rotate(360deg)}}.az-tool-workspace{background:linear-gradient(180deg,#070918,#050611)!important}.az-tool-app{max-width:980px;margin:auto;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(145deg,rgba(16,18,43,.84),rgba(7,9,22,.75));box-shadow:0 30px 90px rgba(0,0,0,.3)}.az-tool-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.az-tool-field{display:block}.az-tool-field span{display:block;color:#aab1c5;font-size:11px;margin-bottom:8px}.az-tool-field input{width:100%;padding:14px 15px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#0b0d1b;color:#fff;outline:none}.az-tool-field input:focus{border-color:rgba(236,72,153,.45);box-shadow:0 0 0 4px rgba(236,72,153,.06)}.az-tool-actions{display:flex;gap:10px;margin-top:18px}.az-tool-output{margin-top:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);min-height:180px;padding:22px}.az-tool-output-empty{display:grid;gap:5px;place-items:center;text-align:center;min-height:130px;color:#9199ad}.az-tool-output-empty span{font-size:30px;color:#e4a8ff}.az-tool-result h3{margin-top:0;color:#fff;font-size:18px}.az-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.az-result-grid>div{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.az-result-grid span{display:block;color:#9299ad;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.az-result-grid b{display:block;color:#fff;font-size:21px;margin-top:5px}.az-result-list{margin:8px 0 0;padding-left:20px;color:#d2d6e2;line-height:1.9}.az-copy-output{white-space:pre-wrap;padding:16px;border-radius:16px;background:#060713;color:#d8d9e8;border:1px solid rgba(255,255,255,.08);overflow:auto}.az-check-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;margin:8px 0;background:rgba(255,255,255,.02);color:#d4d9e7}.az-output-actions{display:flex;justify-content:flex-end;margin-top:18px}.az-small-btn{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.04);color:#fff}.az-tool-note{max-width:980px;margin:14px auto 0;color:#8f97a9;font-size:11px;display:flex;gap:10px;flex-wrap:wrap}.az-tool-note b{color:#f0d3ff}.az-tool-related{background:linear-gradient(180deg,#050611,#080917)!important}@media(max-width:980px){.az-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.az-tool-hero-grid{grid-template-columns:1fr}.az-tool-orbit{order:-1;height:250px}.az-tools-toolbar{align-items:flex-start;flex-direction:column}.az-tools-toolbar input{width:100%}}@media(max-width:620px){.az-tools-grid{grid-template-columns:1fr}.az-tool-inputs{grid-template-columns:1fr}.az-result-grid{grid-template-columns:1fr 1fr}.az-tool-app{padding:18px}.az-tool-actions{flex-wrap:wrap}.az-tool-orbit{height:220px}.az-tool-orbit-ring.r2{width:270px;height:150px}.az-tool-orbit-ring.r1{width:220px;height:120px}}@media(prefers-reduced-motion:reduce){.az-tool-card-icon,.az-tool-orbit-ring{animation:none!important}}

.az-tool-field span small{color:#6f788b;font-size:9px;font-weight:500}.az-tool-field input:invalid:not(:placeholder-shown){border-color:rgba(255,100,120,.35)}.az-tool-output-loading{min-height:130px;display:grid;place-items:center;text-align:center;gap:5px;color:#e9f1ea}.az-tool-output-loading span{font-weight:800;letter-spacing:.06em}.az-tool-output-loading small{color:#8f97a9}.az-tool-validation p,.az-tool-error p{color:#aeb6c5;line-height:1.7}.az-tool-validation b{color:#cfffaa}.az-tool-error h3{color:#ffb5b5}

/* V30 — Tool input UX fix: real fields, selects, textareas and clearer actions */
.az-tool-inputs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.az-tool-field span{font-weight:700;color:#dfe4f2;letter-spacing:.01em}
.az-tool-field input,.az-tool-field select,.az-tool-field textarea{box-sizing:border-box;font:inherit;width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:#0b0d1b;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.az-tool-field textarea{resize:vertical;min-height:86px;line-height:1.5}
.az-tool-field select{appearance:auto;cursor:pointer}
.az-tool-field input::placeholder,.az-tool-field textarea::placeholder{color:#697286}
.az-tool-field input:focus,.az-tool-field select:focus,.az-tool-field textarea:focus{border-color:rgba(124,255,0,.55);box-shadow:0 0 0 4px rgba(124,255,0,.07);transform:translateY(-1px)}
.az-tool-field input:invalid:not(:placeholder-shown),.az-tool-field select:invalid,.az-tool-field textarea:invalid:not(:placeholder-shown){border-color:rgba(255,100,120,.28)}
.az-tool-inputs:before{content:'Enter your details';grid-column:1/-1;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9cff39;margin-bottom:-4px}
.az-tool-no-inputs{grid-column:1/-1;padding:22px;border-radius:18px;border:1px dashed rgba(124,255,0,.25);background:rgba(124,255,0,.035);display:grid;gap:5px;color:#cfd6e4}
.az-tool-no-inputs b{color:#b8ff62;font-size:16px}
.az-tool-no-inputs span{font-size:12px;color:#8e98aa}
.az-tool-actions{align-items:center}
.az-tool-actions .az-btn-primary{min-width:170px}
.az-tool-output-empty small{max-width:420px}
@media(max-width:620px){.az-tool-inputs{grid-template-columns:1fr}.az-tool-inputs:before{grid-column:1}.az-tool-actions .az-btn-primary{width:100%}.az-tool-actions .az-btn-outline{flex:1}}
.az-tool-howto{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px;padding:12px 14px;border-radius:16px;border:1px solid rgba(124,255,0,.12);background:linear-gradient(90deg,rgba(124,255,0,.045),rgba(124,58,237,.04));color:#929bad;font-size:11px}
.az-tool-howto>b{color:#cfff9d;letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.az-tool-howto span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.az-tool-howto strong{color:#fff}
@media(max-width:620px){.az-tool-howto{align-items:flex-start;flex-direction:column}.az-tool-howto>b{margin-bottom:2px}}