.tools-page{color:#fff;background:radial-gradient(circle at 16% 10%,#6592c338,#0000 34%),radial-gradient(circle at 84% 22%,#d393462e,#0000 36%),linear-gradient(155deg,#070b1d,#101838 48%,#070f22);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.tools-shell{z-index:1;max-width:720px;padding:22px 18px calc(48px + env(safe-area-inset-bottom));gap:14px;margin:0 auto;display:grid;position:relative}.tools-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;gap:10px;padding:20px;animation:.6s cubic-bezier(.2,.7,.2,1) both tools-rise;display:flex}.tools-header h1{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#ffe1b8 55%,#d8baff);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin:0;font-size:30px;font-weight:900;display:flex}.tools-header p{color:#a7b0d2;margin:0;font-size:14px;line-height:1.5}.tools-back{color:#fff;background:#ffffff12;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:8px;width:max-content;padding:9px 13px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.tools-tabs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.tools-tabs button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-weight:700;transition:background-color .2s,transform .2s;display:flex}.tools-tabs button.is-active{background:linear-gradient(135deg,#d39346cc,#8f72c4cc);border-color:#0000}.tools-tabs button:hover{background:#ffffff21;transform:translateY(-2px)}.tools-card{background:#ffffff12;border:1px solid #ffffff17;border-radius:24px;padding:20px;animation:.5s both tools-rise}.tools-card h2{margin:0 0 14px;font-size:22px}.tools-card input,.tools-card textarea{color:#fff;background:#00000038;border:1px solid #ffffff24;border-radius:16px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:16px}.tools-card textarea{resize:vertical}.tools-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d39346,#8f72c4);border:0;border-radius:16px;padding:11px 16px;font-weight:800;transition:transform .2s,filter .2s}.tools-card button:hover{filter:brightness(1.08);transform:translateY(-2px)}.tools-choices{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tools-choices button{background:#ffffff14;border:1px solid #ffffff1f}.tools-choices button.is-active{background:linear-gradient(135deg,#d39346cc,#8f72c4cc);border-color:#0000}.tools-result{color:#ffd9a5;overflow-wrap:anywhere;margin:12px 0 0;font-size:16px}.tools-seo{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:18px}.tools-seo h2{margin:0 0 10px;font-size:19px}.tools-seo p{color:#a7b0d2;margin:0;line-height:1.6}.tools-seo a{color:#ffd9a5;text-decoration:none}@keyframes tools-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.tools-header h1{font-size:24px}.tools-card{padding:15px}}