.tool-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tool-panel{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:320px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.tool-panel h3{font-size:24px;margin:0 0 9px}.tool-panel label{margin:13px 0}.tool-panel input,.tool-panel textarea,.tool-panel select{width:100%;padding:12px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;margin-top:7px;font:inherit;font-size:13px}.tool-panel textarea{min-height:80px;resize:vertical}.tool-panel .tool-output{background:#edf2e4;padding:22px;border-radius:13px}.tool-output strong.big{display:block;font-family:Outfit;font-size:36px;margin:12px 0}.tool-panel .sub{font-size:12px}.tool-panel .result{background:#f8f7ee}.tool-list{display:grid;gap:10px;margin:20px 0}.tool-item{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.tool-item small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.tool-item img{width:65px;height:65px;object-fit:contain}.tool-item div{flex:1}.tool-item button{background:white;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:11px}.tool-item a{font-size:12px;color:var(--green)}.tool-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.tool-metrics div{background:#edf2e4;border-radius:10px;padding:16px;font-size:11px}.tool-metrics b{display:block;font-size:22px;margin-top:6px}.note{background:#f8edcc;border-radius:9px;padding:12px 15px;font-size:11px;line-height:1.7}.tool-panel table{width:100%;border-collapse:collapse;font-size:12px;margin:18px 0}.tool-panel td,.tool-panel th{padding:12px 5px;border-bottom:1px solid var(--line);text-align:left}.tool-panel .fields label{margin:0}.tool-panel .fields{margin-top:12px}.tool-panel button:disabled{opacity:.5;cursor:wait}@media(max-width:720px){.tool-grid{grid-template-columns:1fr;gap:23px}.tool-panel{padding:20px}.tool-tabs{gap:6px}.tool-tabs button{font-size:10px;padding:8px 11px}.tool-metrics{gap:6px}.tool-metrics div{padding:12px 8px;font-size:9px}.tool-metrics b{font-size:18px}.tool-item{gap:8px;padding:10px}.tool-item img{width:45px}}
