:root{--tool:#5eead4;--tool-2:#ffd166;--tool-danger:#ff7b88}
.tool-page{background:#071016;color:var(--ink)}
.tool-page button,.tool-page select,.tool-page input{font:inherit}
.tool-main{min-height:72vh}.tool-hero{position:relative;overflow:hidden;padding:74px 0 38px}
.tool-hero:before{content:"";position:absolute;inset:-260px 0 auto 50%;width:900px;height:560px;transform:translateX(-50%);background:radial-gradient(circle,rgba(94,234,212,.14),transparent 66%);pointer-events:none}
.tool-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,780px) auto;gap:38px;align-items:end;justify-content:space-between}
.tool-hero h1{font-size:clamp(43px,7vw,82px);line-height:.98;letter-spacing:-.05em;margin:20px 0 18px}.tool-hero p{max-width:720px;color:var(--muted);font-size:clamp(15.5px,2vw,19px);line-height:1.68}
.tool-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--tool);font:700 10.5px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase}.tool-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tool);box-shadow:0 0 16px var(--tool)}
.tool-method{max-width:310px;padding:17px 18px;border:1px solid rgba(94,234,212,.18);border-radius:17px;background:rgba(255,255,255,.035)}.tool-method b{display:block;color:var(--tool);font:700 11px 'Space Grotesk';letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.tool-method p{font-size:12.5px;line-height:1.5}
.tool-shell{padding:24px 24px 88px}.tool-workspace{max-width:1200px;margin:auto;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));box-shadow:0 42px 110px -50px rgba(0,0,0,.95);overflow:hidden}
.tool-toolbar{display:flex;flex-wrap:wrap;gap:13px;align-items:end;padding:22px 24px;border-bottom:1px solid var(--line)}.tool-field{display:grid;gap:7px;min-width:170px;flex:1}.tool-field>span,.tool-label{font:700 9.5px 'Space Grotesk';letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}
.tool-select,.tool-input{width:100%;min-height:46px;padding:10px 38px 10px 13px;border:1px solid var(--line-2);border-radius:12px;background:#0c1820;color:var(--ink);outline:none}.tool-select:focus,.tool-input:focus{border-color:var(--tool);box-shadow:0 0 0 3px rgba(94,234,212,.1)}
.tool-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid rgba(94,234,212,.24);border-radius:100px;background:rgba(255,255,255,.035);color:var(--ink);cursor:pointer;font:650 12.5px 'Space Grotesk';transition:.2s}.tool-btn:hover{border-color:var(--tool);color:var(--tool);transform:translateY(-1px)}.tool-btn.primary{border:0;background:linear-gradient(120deg,var(--tool),#2fc69f);color:#052019}.tool-btn.gold{border-color:rgba(255,209,102,.35);color:var(--tool-2)}.tool-btn:focus-visible,.tool-choice:focus-visible,.tool-tab:focus-visible,.pitch-player:focus-visible{outline:3px solid rgba(255,209,102,.78);outline-offset:3px}
.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:0}.tool-pane{padding:25px}.tool-pane+.tool-pane{border-left:1px solid var(--line)}
.tool-card{border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.028);padding:20px}.tool-card+.tool-card{margin-top:14px}.tool-card h2,.tool-card h3{font-family:'Space Grotesk';letter-spacing:-.02em}.tool-card h2{font-size:clamp(25px,4vw,36px)}.tool-card h3{font-size:18px}.tool-muted{color:var(--muted);font-size:13.5px;line-height:1.62}.tool-note{display:flex;gap:10px;margin-top:15px;padding:13px 14px;border:1px solid rgba(255,209,102,.15);border-radius:13px;background:rgba(255,209,102,.05);color:var(--muted);font-size:11.5px;line-height:1.52}.tool-note i{color:var(--tool-2);margin-top:2px}
.tool-empty{min-height:360px;display:grid;place-items:center;text-align:center;padding:34px}.tool-empty i{display:block;font-size:44px;color:var(--tool);margin-bottom:14px}.tool-empty h2{font:700 28px 'Space Grotesk';margin-bottom:8px}.tool-empty p{max-width:520px;color:var(--muted)}
.tool-bars{display:grid;gap:13px;margin-top:18px}.tool-bar{display:grid;grid-template-columns:120px 1fr 34px;gap:10px;align-items:center}.tool-bar label{font:600 11px 'Space Grotesk';color:var(--muted)}.tool-track{height:8px;background:rgba(255,255,255,.065);border-radius:99px;overflow:hidden}.tool-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--tool),#42c9ff);transition:width .5s cubic-bezier(.2,.75,.2,1)}.tool-bar output{font:700 10px 'Space Grotesk';color:var(--tool);text-align:right}
.tool-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tool-tag{display:inline-flex;padding:6px 9px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.03);color:var(--muted);font-size:10.5px}
.tool-list{display:grid;gap:10px;margin-top:14px;list-style:none}.tool-list li{position:relative;padding-left:17px;color:var(--muted);font-size:13px;line-height:1.55}.tool-list li:before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--tool)}
.tool-result-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.tool-score{flex:none;display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(94,234,212,.32);border-radius:50%;background:rgba(94,234,212,.07);font:700 20px 'Space Grotesk';color:var(--tool)}
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.tool-status{min-height:20px;margin-top:10px;color:var(--tool);font-size:11px}
.tool-section{padding:78px 0}.tool-section-head{max-width:720px;margin-bottom:30px}.tool-section-head h2{font-size:clamp(34px,5vw,54px);margin:10px 0}.tool-section-head p{color:var(--muted);line-height:1.65}
.tool-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-step{padding:21px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.tool-step span{font:700 10px 'Space Grotesk';color:var(--tool);letter-spacing:.14em}.tool-step h3{font:600 17px 'Space Grotesk';margin:9px 0 6px}.tool-step p{color:var(--muted);font-size:12.5px;line-height:1.55}
.tool-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.tool-hero-in,.tool-grid{grid-template-columns:1fr}.tool-method{max-width:none}.tool-pane+.tool-pane{border-left:0;border-top:1px solid var(--line)}.tool-steps{grid-template-columns:1fr}}
@media(max-width:620px){.tool-hero{padding:42px 0 25px}.tool-shell{padding:14px 12px 65px}.tool-workspace{border-radius:20px}.tool-toolbar,.tool-pane{padding:16px}.tool-field{min-width:100%}.tool-btn{min-height:46px}.tool-bar{grid-template-columns:95px 1fr 30px}.tool-result-head{display:block}.tool-score{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.tool-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}