.sp-tool{width:min(1080px,calc(100% - 32px));margin:0 auto 90px;color:#fffaf5;font-family:DM Sans,system-ui,sans-serif;text-align:left;scroll-margin-top:90px}.sp-kicker{display:block;color:#e889d8;font:800 10.5px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.sp-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin:0 auto 16px;max-width:720px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0a070eb3}.sp-mode{display:grid;gap:2px;padding:12px 16px;border:0;border-radius:13px;background:transparent;color:#cfc5d8;text-align:center;cursor:pointer;transition:background .2s,color .2s}.sp-mode strong{font-size:15.5px}.sp-mode small{color:#9d93a7;font-size:12.5px}.sp-mode.is-on{background:linear-gradient(110deg,#ef4aa8,#8b4de3);color:#fff;box-shadow:0 12px 30px #b557f347}.sp-mode.is-on small{color:#f6e8ff}.sp-shell{border:1px solid rgba(236,72,153,.3);border-radius:26px;background:radial-gradient(80% 60% at 0 0,rgba(239,74,168,.1),transparent 60%),linear-gradient(160deg,#181220f7,#0c0911f7);box-shadow:0 30px 90px #00000059;overflow:hidden}.sp-steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:0;padding:0;list-style:none;border-bottom:1px solid rgba(255,255,255,.08)}.sp-steps li{position:relative}.sp-steps li:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}.sp-steps li.is-on:after,.sp-steps li.is-done:after{background:linear-gradient(90deg,#ef4aa8,#8b4de3)}.sp-steps button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:0 8px;border:0;background:none;color:#8f849a;font:700 14px DM Sans,system-ui,sans-serif;cursor:pointer}.sp-steps b{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-size:12.5px}.sp-steps li.is-on button{color:#fff}.sp-steps li.is-on b{border-color:transparent;background:#fff;color:#1b1026}.sp-steps li.is-done button{color:#d9cfe2}.sp-steps li.is-done b{border-color:transparent;background:linear-gradient(135deg,#ef4aa8,#8b4de3);color:#fff}.sp-panel{padding:28px 30px 8px;animation:sp-in .3s ease both}.sp-q{margin-bottom:18px}.sp-q h3{margin:0;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em}.sp-q p{margin:6px 0 0;color:#a99faf;font-size:14.5px}.sp-group{margin-bottom:18px}.sp-group__label,.sp-sub{display:block;margin:0 0 9px;color:#9d93a7;font:800 10.5px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.sp-sub{margin-top:24px}.sp-note{margin:-4px 0 10px;color:#8f849a;font-size:13px}.sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sp-grid--genres{grid-template-columns:repeat(5,minmax(0,1fr))}.sp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-card{position:relative;display:grid;align-content:start;gap:4px;min-height:74px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#ffffff09;color:#fff;text-align:left;font-family:DM Sans,system-ui,sans-serif;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.sp-card:hover{transform:translateY(-2px);border-color:#ef4aa880;background:#ffffff0f}.sp-card strong{padding-right:22px;font-size:15px;line-height:1.25}.sp-card small{color:#9d93a7;font-size:12.5px;line-height:1.4}.sp-card__check{position:absolute;top:12px;right:12px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:transparent;font-size:11px;font-weight:900}.sp-card.is-on{border-color:transparent;background:linear-gradient(#1e1028f5,#1e1028f5) padding-box,linear-gradient(120deg,#ef4aa8,#8b4de3) border-box;border:1px solid transparent;box-shadow:0 14px 34px #b557f338}.sp-card.is-on .sp-card__check{border-color:transparent;background:linear-gradient(135deg,#ef4aa8,#8b4de3);color:#fff}.sp-card.is-on small{color:#e9d5ff}.sp-card__badge{position:absolute;top:-9px;left:14px;padding:2px 8px;border-radius:999px;background:#86efac;color:#06210f;font:800 9.5px DM Mono,monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.sp-card--chords .sp-chords{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 2px}.sp-chords i{padding:4px 8px;border-radius:7px;background:#fff;color:#1b1026;font:800 13px DM Mono,monospace;font-style:normal}.sp-card--chords small{font-family:DM Mono,monospace}.sp-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sp-chip{min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;color:#ece4f2;font:700 14px DM Sans,system-ui,sans-serif;cursor:pointer}.sp-chip:hover{border-color:#ef4aa88c}.sp-chip.is-on{border-color:transparent;background:linear-gradient(110deg,#ef4aa8,#8b4de3);color:#fff}.sp-link{margin-top:12px;padding:6px 0;border:0;background:none;color:#f0abfc;font:700 14px DM Sans,system-ui,sans-serif;cursor:pointer}.sp-chips .sp-link{margin:0 0 0 6px}.sp-input,.sp-select{width:100%;min-height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#06040a99;color:#fff;font:500 15px DM Sans,system-ui,sans-serif;outline:none}.sp-input:focus,.sp-select:focus{border-color:#ef4aa899;box-shadow:0 0 0 3px #ef4aa81a}.sp-select option,.sp-select optgroup{background:#17111f}.sp-slider{display:flex;align-items:center;gap:14px;margin-top:8px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#00000040}.sp-slider input{flex:1;accent-color:#ef4aa8}.sp-slider strong{font:800 16px DM Mono,monospace;white-space:nowrap}.sp-keybox{margin-top:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#00000040}.sp-seg{display:inline-flex;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0000004d;margin-bottom:12px}.sp-seg button{min-height:34px;padding:0 16px;border:0;border-radius:9px;background:none;color:#b9afc1;font:700 13.5px DM Sans,system-ui,sans-serif;cursor:pointer}.sp-seg button.is-on{background:linear-gradient(110deg,#ef4aa8,#8b4de3);color:#fff}.sp-seg--small{margin:0}.sp-seg--small button{min-height:28px;padding:0 10px;font-size:12px}.sp-keys{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.sp-key{display:grid;justify-items:center;gap:1px;min-height:60px;padding:8px 2px;border:1px solid rgba(255,255,255,.16);border-radius:10px 10px 14px 14px;background:linear-gradient(#f4eef9,#cfc4da);color:#1b1026;cursor:pointer;font-family:DM Sans,system-ui,sans-serif}.sp-key strong{font-size:12.5px}.sp-key small{font-size:10px;opacity:.65}.sp-key.is-black{background:linear-gradient(#2a2233,#120d18);color:#eee}.sp-key.is-on{background:linear-gradient(160deg,#ef4aa8,#8b4de3);color:#fff;border-color:transparent;box-shadow:0 10px 24px #ef4aa859}.sp-keyname{margin:10px 0 0;color:#f0abfc;font:800 14px DM Mono,monospace}.sp-foot{position:sticky;bottom:0;z-index:5;display:grid;gap:12px;margin-top:16px;padding:14px 30px 18px;border-top:1px solid rgba(255,255,255,.08);background:#0e0a13f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sp-preview{display:flex;align-items:center;gap:12px;min-width:0}.sp-preview span{flex:0 0 auto;color:#e889d8;font:800 10px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.sp-preview p{margin:0;min-width:0;color:#d9cfe2;font:600 13px DM Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-nav{display:flex;align-items:center;gap:10px}.sp-nav button{min-height:50px;padding:0 22px;border-radius:14px;font:800 15px DM Sans,system-ui,sans-serif;cursor:pointer}.sp-nav__back{border:1px solid rgba(255,255,255,.16);background:transparent;color:#d9cfe2}.sp-nav__back:disabled{opacity:.3;cursor:default}.sp-nav__skip{margin-left:auto;border:0;background:none;color:#a99faf}.sp-nav__next{margin-left:auto;border:0;background:linear-gradient(110deg,#ef4aa8,#b557f3 72%,#8b4de3);color:#fff;box-shadow:0 12px 30px #d946ef4d}.sp-nav__skip+.sp-nav__next{margin-left:0}.sp-nav__next:disabled{opacity:.4;box-shadow:none;cursor:default}.sp-nav__next.is-final:not(:disabled){animation:sp-glow 2.2s ease-in-out infinite}.sp-result{padding:28px 30px 30px;animation:sp-in .35s ease both}.sp-result__head h3{margin:6px 0;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em}.sp-result__head p{margin:0 0 20px;max-width:720px;color:#b9afc1;font-size:14.5px;line-height:1.55}.sp-result__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}.sp-box{margin-bottom:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#00000047}.sp-box--hero{border-color:#ef4aa873;background:linear-gradient(160deg,#ef4aa81a,#0000004d)}.sp-box__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#b9afc1;font:800 10.5px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.sp-mono{margin:0;color:#fff;font:600 14px/1.65 DM Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.sp-box--hero .sp-mono{font-size:15px}.sp-mono--muted{color:#fecaca}pre.sp-mono{max-height:260px;overflow:auto;font-size:13px}.sp-copy{min-height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff0f;color:#fff;font:800 12.5px DM Sans,system-ui,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}.sp-copy--primary{border-color:transparent;background:linear-gradient(110deg,#ef4aa8,#8b4de3)}.sp-copy.is-done,.sp-btn.is-done{background:#16a34a;border-color:transparent}.sp-meter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;color:#a79dae;font:700 12px DM Mono,monospace}.sp-meter__bar{flex:1 1 120px;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.sp-meter__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#8b4de3)}.sp-dropped{margin:8px 0 0;color:#fcd34d;font-size:12.5px}.sp-chordbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(110deg,#ef4aa824,#8b4de324)}.sp-chordbar span{margin-right:6px;color:#e9d5ff;font:800 10.5px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.sp-chordbar b{min-width:46px;padding:9px 10px;border-radius:10px;background:#fff;color:#1b1026;font:800 15px DM Mono,monospace;text-align:center}.sp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff0d;color:#fff;font:800 14px DM Sans,system-ui,sans-serif;text-decoration:none;cursor:pointer}.sp-btn:hover{border-color:#ef4aa8}.sp-btn--primary{border-color:transparent;background:linear-gradient(110deg,#ef4aa8,#8b4de3)}.sp-summary,.sp-tip,.sp-after,.sp-history{margin-bottom:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#120e18e6}.sp-summary strong,.sp-history strong{display:block;margin-bottom:8px;color:#b9afc1;font:800 10.5px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.sp-summary ul,.sp-history ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}.sp-summary li{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px}.sp-summary li:last-child{border-bottom:0}.sp-summary li span{color:#8f849a}.sp-summary li em{font-style:normal;color:#f1e8f7;overflow-wrap:anywhere}.sp-summary li button{border:0;background:none;color:#f0abfc;font:700 12.5px DM Sans,system-ui,sans-serif;cursor:pointer}.sp-tip{border-color:#5eead44d;background:#5eead40f}.sp-tip strong{color:#5eead4}.sp-tip p{margin:6px 0 0;color:#e6dcef;font-size:13.5px;line-height:1.5}.sp-after{border:0;background:linear-gradient(110deg,#ef4aa82e,#8b4de329)}.sp-after strong{font-size:15px}.sp-after p{margin:6px 0 10px;color:#e1d6ea;font-size:13.5px;line-height:1.5}.sp-after ul{margin:0 0 10px;padding-left:18px;display:grid;gap:4px;color:#f3e8ff;font-size:13px}.sp-after a{display:flex;align-items:center;min-height:42px;margin-top:8px;padding:0 14px;border-radius:11px;background:#fff;color:#1b1026;font-weight:800;font-size:13.5px;text-decoration:none}.sp-history button{width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:none;color:#cfc5d8;font:600 12px DM Mono,monospace;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}@keyframes sp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sp-glow{50%{box-shadow:0 12px 40px #ef4aa88c}}@media(prefers-reduced-motion:reduce){.sp-panel,.sp-result,.sp-nav__next.is-final{animation:none}}@media(max-width:960px){.sp-grid,.sp-grid--genres{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-result__grid{grid-template-columns:1fr}}@media(max-width:640px){.sp-tool{width:calc(100% - 20px)}.sp-modes{grid-template-columns:1fr 1fr}.sp-mode small{display:none}.sp-steps button{flex-direction:column;gap:3px;min-height:58px;font-size:11px}.sp-panel,.sp-result{padding:20px 16px 6px}.sp-foot{padding:12px 16px 14px}.sp-grid,.sp-grid--genres,.sp-grid--3,.sp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-card{min-height:66px;padding:12px}.sp-card strong{font-size:14px}.sp-keys{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-nav button{padding:0 16px}.sp-nav__skip{padding:0 8px!important}.sp-summary li{grid-template-columns:70px minmax(0,1fr) auto}}@media(max-width:380px){.sp-steps span{display:none}}.sp-page .sp-hero h1{max-width:900px;margin-inline:auto}.sp-rules{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-boost-info ul{width:min(760px,100%);margin:18px auto 0;padding:0;list-style:none;display:grid;gap:10px;text-align:left}.sp-boost-info li{position:relative;padding:12px 14px 12px 42px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#120e18e6;color:#e6dcef;font-size:15px}.sp-boost-info li:before{content:"◎";position:absolute;left:16px;top:11px;color:#5eead4}.sp-bank{width:min(1100px,100%);margin:22px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}.sp-bank__card{display:grid;gap:10px;align-content:start;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#120e18eb}.sp-bank__card>span{color:#ef64b3;font:800 10.5px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.sp-bank__card p{margin:0;color:#ece4f2;font:600 13px/1.6 DM Mono,monospace;overflow-wrap:anywhere}.sp-bank__card div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.sp-bank__card a{color:#d9a4f2;font-size:13px;font-weight:700;text-decoration:none}.sp-genre-cards ul{margin:0;padding-left:18px;display:grid;gap:7px;color:#c9becf;font-size:14.5px;line-height:1.55}.sp-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.sp-cta-row .tool-cta__btn{margin-top:0}.sp-disclaimer{display:block;margin-top:16px;color:#7d7288;font-size:12px}@media(max-width:900px){.sp-rules,.sp-bank{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sp-rules,.sp-bank{grid-template-columns:1fr}}.tools-hero{padding-bottom:26px}.tool-badges{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tool-badges li{padding:7px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;color:#eee6f5;font-size:13px;font-weight:700}.tools-widget{width:min(860px,calc(100% - 32px));margin:0 auto 80px}.tool-card{position:relative;padding:26px;border:1px solid rgba(236,72,153,.4);border-radius:24px;background:radial-gradient(90% 120% at 0 0,rgba(239,74,168,.14),transparent 60%),linear-gradient(160deg,#181220f7,#0c0911f7);box-shadow:0 30px 90px #b557f32e;color:#fffaf5}.tool-options{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.tool-seg{display:flex;align-items:center;gap:6px}.tool-seg span,.tool-select span{margin-right:6px;color:#b9afc1;font:800 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.tool-seg button{min-width:72px;min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff0a;color:#e6dcef;font:800 14px DM Sans,system-ui,sans-serif;cursor:pointer}.tool-seg button.is-on{border-color:transparent;background:linear-gradient(110deg,#ef4aa8,#8b4de3);color:#fff}.tool-select{display:flex;align-items:center;gap:6px}.tool-select select{min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#17111f;color:#fff;font:600 14px DM Sans,system-ui,sans-serif;max-width:100%}.tool-drop{display:grid;justify-items:center;gap:8px;padding:44px 20px;border:2px dashed rgba(240,171,252,.4);border-radius:18px;background:#ffffff05;text-align:center;transition:border-color .2s,background .2s}.tool-drop.is-over{border-color:#ef4aa8;background:#ef4aa814}.tool-drop svg{width:46px;height:46px;color:#f0abfc}.tool-drop strong{font-size:19px}.tool-drop span{color:#8f849a;font-size:13px}.tool-drop button{min-height:48px;padding:0 24px;border:0;border-radius:13px;background:linear-gradient(110deg,#ef4aa8,#b557f3 72%,#8b4de3);color:#fff;font:800 15px DM Sans,system-ui,sans-serif;cursor:pointer;box-shadow:0 12px 30px #d946ef52}.tool-drop small{margin-top:6px;color:#a79dae;font-size:12.5px}.tool-working{display:grid;justify-items:center;gap:14px;padding:12px 0 4px;text-align:center}.tool-orb{position:relative;width:92px;height:92px;display:grid;place-items:center}.tool-orb i{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#ef4aa8;border-right-color:#8b4de3;animation:tool-spin 1.4s linear infinite}.tool-orb i:nth-child(2){inset:10px;border-top-color:#f0abfc;border-right-color:transparent;border-left-color:#6d8bff;animation-duration:2s;animation-direction:reverse}.tool-orb i:nth-child(3){inset:22px;border:0;background:radial-gradient(circle,rgba(239,74,168,.55),rgba(139,77,227,.15) 70%,transparent);animation:tool-pulse 1.6s ease-in-out infinite}.tool-orb span{position:relative;font:900 15px DM Mono,monospace;letter-spacing:.1em}.tool-bars{display:flex;align-items:center;gap:3px;height:34px}.tool-bars i{width:4px;height:100%;border-radius:2px;background:linear-gradient(#f0abfc,#8b4de3);animation:tool-bar .9s ease-in-out infinite;transform-origin:center}.tool-working>strong{font-size:17px}.tool-steps{width:min(460px,100%);margin:0;padding:0;list-style:none;display:grid;gap:8px;text-align:left}.tool-steps li{display:flex;align-items:center;gap:10px;color:#7d7288;font-size:14px;transition:color .25s}.tool-steps b{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-size:11px}.tool-steps li.is-active{color:#fff}.tool-steps li.is-active b{border-color:#ef4aa8;box-shadow:0 0 0 4px #ef4aa82e;animation:tool-pulse 1.2s ease-in-out infinite}.tool-steps li.is-done{color:#c9becf}.tool-steps li.is-done b{border-color:transparent;background:linear-gradient(135deg,#ef4aa8,#8b4de3);color:#fff}.tool-progress{width:min(460px,100%);height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.tool-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef4aa8,#8b4de3);transition:width .35s ease}@keyframes tool-spin{to{transform:rotate(360deg)}}@keyframes tool-pulse{50%{opacity:.55;transform:scale(.94)}}@keyframes tool-bar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.tool-orb i,.tool-bars i,.tool-steps li.is-active b{animation:none}}.tool-error{display:grid;justify-items:center;gap:8px;padding:30px 10px;text-align:center}.tool-error p{margin:0;color:#c3b8cb}.tool-error button,.tool-again{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#ffffff0a;color:#fff;font:700 14px DM Sans,system-ui,sans-serif;cursor:pointer}.tool-done{display:grid;gap:16px}.tool-done__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tool-done__check{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);font-weight:900}.tool-done__head strong{flex:1 1 200px;font-size:18px}.tool-download{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:13px;background:linear-gradient(110deg,#ef4aa8,#b557f3 72%,#8b4de3);color:#fff;font-weight:800;text-decoration:none;overflow-wrap:anywhere;box-shadow:0 12px 30px #d946ef52}.tool-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.tool-compare>div{padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#00000040;display:grid;gap:3px}.tool-compare>div.is-out{border-color:#ef4aa873}.tool-compare span,.tool-metrics span,.tool-meter span{color:#a79dae;font:800 10.5px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.tool-compare strong{font-size:17px}.tool-compare small{color:#b9afc1;font-size:12.5px}.tool-compare>i{color:#f0abfc;font-style:normal;font-size:22px}.tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-metrics.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-metrics>div{padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff08;display:grid;gap:4px}.tool-metrics strong{font:700 16px DM Mono,monospace}.tool-meter{display:grid;justify-items:center;gap:4px;padding:10px 0}.tool-meter strong{font:800 clamp(54px,9vw,84px)/1 "DM Mono",monospace;background:linear-gradient(110deg,#f0abfc,#ef4aa8 45%,#8b4de3);-webkit-background-clip:text;background-clip:text;color:transparent}.tool-meter small{max-width:100%;color:#8f849a;font-size:12.5px;overflow-wrap:anywhere}.tool-decisions{padding:16px 18px;border:1px solid rgba(240,171,252,.25);border-radius:14px;background:#8b4de314}.tool-decisions h3{margin:0 0 10px;font-size:15px;color:#f0abfc}.tool-decisions ul{margin:0;padding-left:18px;display:grid;gap:7px;color:#ddd3e6;font-size:14px;line-height:1.55}.tool-table{overflow-x:auto}.tool-table table{width:100%;min-width:420px;border-collapse:collapse;font-size:14px}.tool-table caption{padding-bottom:10px;color:#e889d8;font:800 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;text-align:left}.tool-table th,.tool-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.tool-table thead th{color:#a79dae;font:800 10.5px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.tool-table td.is-down{color:#fca5a5}.tool-table td.is-up{color:#86efac}.tool-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;padding:18px;border-radius:16px;background:linear-gradient(110deg,#ef4aa829,#8b4de324)}.tool-cta strong{font-size:16px}.tool-cta p{margin:4px 0 0;color:#d7cde0;font-size:13.5px;line-height:1.5}.tool-cta__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;background:#fff;color:#1b1026;font-weight:800;text-decoration:none;white-space:nowrap}.tool-cta__link{grid-column:1/-1;color:#f0abfc;font-size:13.5px;font-weight:700;text-decoration:none}.seo-v3-cta .tool-cta__btn{margin-top:18px}.tools-how{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-ai ul{width:min(760px,100%);margin:20px auto 0;padding:0;list-style:none;display:grid;gap:10px;text-align:left}.tools-ai li{position:relative;padding:12px 14px 12px 42px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#120e18e6;color:#e6dcef;font-size:15px}.tools-ai li:before{content:"✦";position:absolute;left:16px;top:11px;color:#ef4aa8}.tools-targets{width:min(560px,100%);margin:20px auto 0;text-align:left}.tool-pairs{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tool-pairs a{display:inline-block;padding:11px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff08;color:#fff;font-weight:700;text-decoration:none}.tool-pairs a:hover{border-color:#ec489999}.tools-more{margin:18px 0 0;color:#8f849a;font-size:14px}.tools-more a{color:#d9a4f2;text-decoration:none}.tools-hub{width:min(1000px,calc(100% - 32px));margin:0 auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.tools-hub__card{display:grid;gap:8px;padding:28px;border:1px solid rgba(236,72,153,.38);border-radius:22px;background:linear-gradient(160deg,#1c1224f7,#0c0911f7);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s}.tools-hub__card:hover{transform:translateY(-2px);border-color:#ef4aa8}.tools-hub__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ef4aa8,#8b4de3);font-size:24px}.tools-hub__card h2{margin:6px 0 0;font-size:24px}.tools-hub__card p{margin:0;color:#c3b8cb;line-height:1.6}.tools-hub__card em{color:#f0abfc;font-style:normal;font-weight:800}@media(max-width:760px){.tool-card{padding:18px}.tool-compare{grid-template-columns:1fr}.tool-compare>i{transform:rotate(90deg);justify-self:center}.tool-metrics.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-cta{grid-template-columns:1fr}.tool-cta__btn{white-space:normal}.tools-how,.tools-hub{grid-template-columns:1fr}.tool-options{flex-direction:column;align-items:stretch}.tool-select{flex-wrap:wrap}.tool-select select{width:100%}}.tools-format-cards{width:min(900px,100%);margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.tools-format-cards article{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#120e18eb}.tools-format-cards strong{display:block;margin-bottom:8px;color:#f0abfc;font:800 18px DM Mono,monospace}.tools-format-cards p{margin:0;color:#c9becf;font-size:14.5px;line-height:1.6}@media(max-width:760px){.tools-format-cards{grid-template-columns:1fr}}.tools-hub__card--featured{grid-column:1/-1;border-color:transparent;background:linear-gradient(#160f1e,#160f1e) padding-box,linear-gradient(110deg,#ef4aa8,#8b4de3,#22d3ee) border-box;border:1px solid transparent;box-shadow:0 24px 70px #b557f333}