.tools-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:108px 0 72px}.tools-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;padding:42px;border:1px solid rgba(90,207,255,.2);border-radius:32px;background:radial-gradient(circle at 78% 28%,rgba(57,182,255,.16),transparent 28%),radial-gradient(circle at 66% 88%,rgba(139,92,246,.15),transparent 30%),linear-gradient(145deg,rgba(15,24,45,.96),rgba(7,11,22,.98));box-shadow:0 28px 90px rgba(0,0,0,.3)}.tools-hero h1{font-size:clamp(2.4rem,5.7vw,5.15rem);line-height:.96;letter-spacing:-.055em;margin:.08em 0 .25em}.tools-hero h1 span{background:linear-gradient(90deg,#72ddff,#ad91ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tools-hero p:last-child{max-width:700px;color:#9cadc7;font-size:1.04rem;line-height:1.68}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:820;color:#6bdcff;margin:0 0 9px}.toolbox-visual{width:220px;aspect-ratio:1;margin:auto;border:1px solid rgba(105,215,255,.24);border-radius:42px;display:grid;place-items:center;align-content:center;position:relative;transform:rotate(4deg);box-shadow:inset 0 0 55px rgba(57,182,255,.06),0 0 65px rgba(57,182,255,.08)}.toolbox-visual span{font-size:4.2rem;font-weight:900;line-height:.9;background:linear-gradient(145deg,#71e2ff,#aa8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.toolbox-visual small{letter-spacing:.25em;color:#7890aa;margin-top:8px}.toolbox-visual i{position:absolute;width:10px;height:10px;border-radius:50%;background:#62d9ff;box-shadow:0 0 18px #39b6ff}.toolbox-visual i:nth-child(3){left:24px;top:34px}.toolbox-visual i:nth-child(4){right:30px;bottom:37px;background:#a689ff}.toolbox-visual i:nth-child(5){right:29px;top:69px}.tool-controls{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:16px;align-items:center;margin:20px 0 10px}.tool-search{display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(148,163,184,.15);border-radius:16px;background:rgba(11,17,32,.86)}.tool-search span{color:#6ddcff;font-size:1.2rem}.tool-search input{width:100%;height:48px;background:transparent;border:0;outline:0;color:#eef5ff;font:inherit}.tool-search input::placeholder{color:#62738d}.category-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.category-chip{border:1px solid rgba(148,163,184,.13);background:#0d1527;color:#8ea0ba;border-radius:999px;padding:8px 11px;font-size:.73rem;font-weight:760;cursor:pointer}.category-chip.active,.category-chip:hover{border-color:rgba(76,202,255,.3);color:#83e5ff;background:rgba(57,182,255,.07)}.tools-status{min-height:24px;color:#889ab4;margin:10px 2px}.tools-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.7fr);gap:16px;align-items:start}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{min-width:0;max-width:100%;min-height:184px;padding:18px;border:1px solid rgba(148,163,184,.12);border-radius:20px;background:linear-gradient(145deg,rgba(14,22,41,.9),rgba(7,12,25,.95));cursor:pointer;text-align:left;color:inherit;position:relative;overflow:hidden}.tool-card:hover,.tool-card.active{transform:translateY(-2px);border-color:rgba(74,202,255,.3);box-shadow:0 18px 42px rgba(0,0,0,.2)}.tool-card:before{content:"";position:absolute;inset:auto 0 -55px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(57,182,255,.1),transparent 68%)}.tool-card>*{min-width:0;max-width:100%;overflow-wrap:anywhere}.tool-card small{display:block;font-size:.66rem;letter-spacing:.12em;color:#69809c;text-transform:uppercase;margin-bottom:12px}.tool-card strong{display:block;color:#eaf3ff;font-size:1.05rem;margin-bottom:8px}.tool-card p{color:#8293ad;line-height:1.48;font-size:.8rem;margin:0 0 14px}.tool-meta{display:flex;justify-content:space-between;color:#647691;font-size:.68rem}.tool-runner{position:sticky;top:92px;min-height:590px;border:1px solid rgba(148,163,184,.14);border-radius:25px;background:linear-gradient(145deg,rgba(14,22,41,.96),rgba(6,11,23,.98));padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.runner-empty{min-height:530px;display:grid;place-items:center;align-content:center;text-align:center;color:#788ba6}.runner-empty span{font-size:3.8rem;color:#354864}.runner-empty h2{color:#dbe6f5;margin:8px 0}.runner-empty p{max-width:320px;margin:0;line-height:1.55}.runner-head{padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.1)}.runner-head h2{margin:5px 0 8px;color:#eff7ff;font-size:1.7rem}.runner-head p{margin:0;color:#8fa0b9;line-height:1.55;font-size:.86rem}.tool-form{display:grid;gap:16px;margin-top:19px}.field-wrap{display:grid;gap:7px}.field-wrap label{font-size:.78rem;color:#a5b3c8;font-weight:720}.range-row{display:grid;grid-template-columns:1fr 62px;gap:10px;align-items:center}.range-row input[type=range]{width:100%;accent-color:#4ccfff}.range-value{padding:7px 8px;border-radius:10px;background:#111b2e;border:1px solid rgba(148,163,184,.12);text-align:center;color:#8be8ff;font-weight:780}.choice-grid{display:flex;gap:7px;flex-wrap:wrap}.choice-btn{border:1px solid rgba(148,163,184,.13);background:#0b1323;color:#8fa1bb;padding:8px 10px;border-radius:11px;cursor:pointer;font-size:.76rem}.choice-btn.active{background:rgba(79,197,255,.1);border-color:rgba(79,197,255,.3);color:#83e6ff}.evaluate-btn{border:0;border-radius:14px;padding:12px 15px;background:linear-gradient(135deg,#2ab8e8,#785ee4);color:#fff;font:inherit;font-weight:820;cursor:pointer;margin-top:3px}.tool-result{margin-top:18px;padding-top:18px;border-top:1px solid rgba(148,163,184,.1)}.tool-result h3{color:#eef6ff;margin:0 0 12px;line-height:1.35}.result-steps{display:grid;gap:9px;counter-reset:step;padding:0;margin:0;list-style:none}.result-steps li{counter-increment:step;padding:11px 12px 11px 40px;position:relative;border-radius:13px;background:rgba(57,182,255,.04);color:#9badc5;font-size:.83rem;line-height:1.5}.result-steps li:before{content:counter(step);position:absolute;left:12px;top:10px;width:19px;height:19px;border-radius:7px;background:#17243a;color:#70ddff;display:grid;place-items:center;font-size:.65rem;font-weight:900}.metrics-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.metric-pill{padding:6px 8px;border:1px solid rgba(139,92,246,.17);border-radius:999px;color:#b5a6ef;background:rgba(139,92,246,.05);font-size:.68rem}.result-note{color:#637590;font-size:.72rem;line-height:1.45;margin-top:12px}.tools-contract{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.tools-contract article{padding:18px;border:1px solid rgba(148,163,184,.1);border-radius:18px;background:rgba(8,14,28,.75)}.tools-contract b{color:#6bddff;font-size:.7rem;letter-spacing:.12em}.tools-contract p{color:#7f90a9;font-size:.82rem;line-height:1.45;margin:7px 0 0}@media(max-width:1150px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tools-layout{grid-template-columns:1fr 360px}}@media(max-width:900px){.tools-hero{grid-template-columns:1fr}.toolbox-visual{display:none}.tool-controls{grid-template-columns:1fr}.category-chips{justify-content:flex-start}.tools-layout{grid-template-columns:1fr}.tool-runner{position:static;min-height:0}.runner-empty{min-height:260px}.desktop-nav{display:none}}@media(max-width:650px){.tools-shell{width:calc(100% - 30px);padding-top:92px}.tools-hero{padding:26px}.tool-grid{grid-template-columns:1fr}.tools-contract{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.problem-tool-filter{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:18px;align-items:start;margin:20px 0 10px;padding:17px;border:1px solid rgba(94,231,255,.12);border-radius:18px;background:rgba(57,182,255,.035)}.problem-tool-filter strong{display:block;color:#dcecff;font-size:.88rem}.problem-tool-filter span{display:block;color:#6f849f;font-size:.74rem;line-height:1.45;margin-top:4px}.problem-filter-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.problem-filter-chip{border:1px solid rgba(148,163,184,.13);background:#0d1527;color:#8ea0ba;border-radius:999px;padding:8px 11px;font-size:.72rem;font-weight:760;cursor:pointer}.problem-filter-chip.active,.problem-filter-chip:hover{border-color:rgba(52,211,153,.32);color:#91e9c8;background:rgba(52,211,153,.06)}@media(max-width:900px){.problem-tool-filter{grid-template-columns:1fr}.problem-filter-chips{justify-content:flex-start}}
/* MOBILE_TOUCH_POLISH_04265 */
@media(max-width:700px){
  .problem-filter-chip,.category-chip,.choice-btn{min-height:44px;box-sizing:border-box}
  .range-row input[type=range]{min-height:44px;box-sizing:border-box}
}