.tool-box{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg, var(--card2), var(--card));margin:28px 0 8px;padding:18px}.drop{text-align:center;border:1.5px dashed #3a3a3a;border-radius:14px;padding:26px 18px;transition:border-color .2s,background .2s}.drop.over{border-color:var(--acc);background:rgba(var(--acc-rgb), .07)}.drop p{color:var(--tx);margin:0 0 16px;font-size:17px;font-weight:600}.tool-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tool-row label,.tool-row button{cursor:pointer}.tool-row .ghost{padding:9px 18px}.tool-paste{margin-top:14px}.tool-paste summary{cursor:pointer;color:var(--mu);width:fit-content;font-size:15px}.tool-paste summary:hover{color:var(--acc)}.tool-paste textarea{background:var(--bg2);color:#dcdcdc;border:1px solid var(--line);resize:vertical;border-radius:12px;width:100%;margin:12px 0;padding:12px 14px;font:500 13px/1.5 JetBrains Mono,ui-monospace,monospace;display:block}.tool-paste textarea:focus-visible,.tool-calc select:focus-visible,.tool-calc input:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.tool-out:not(:empty),.tool-out>div+div{margin-top:18px}.tool .tool-sum{color:var(--mu);margin:0 0 10px;font-size:15px}.tool .tool-status{border-left:3px solid var(--acc);background:rgba(var(--acc-rgb), .07);color:var(--tx);border-radius:10px;margin:0 0 6px;padding:11px 14px;font-size:15px;font-weight:600}.tool .tool-status.bad{background:#ff6b5e17;border-color:#ff6b5e}.tool .tool-status.warn{background:#ffc44d14;border-color:#ffc44d}.tool .tool-tip{color:#cfcfcf;margin:10px 0 0;font-size:15px}.tool-sec{margin-top:26px}.tool-sec h3,.tool-file h3{letter-spacing:0;color:var(--tx);overflow-wrap:anywhere;margin:0 0 4px;font:600 17px/1.3 Inter,system-ui,sans-serif}.tool-sec h3 i,.tool-file h3 i{color:var(--mu);border:1px solid var(--line);vertical-align:2px;border-radius:99px;margin-left:6px;padding:2px 9px;font:500 12px JetBrains Mono,monospace}.tool-sec.bad h3 i{color:#ff8a80;border-color:#ff6b5e66}.tool-sec>p{margin:0 0 4px}.tool .tool-box table{max-height:460px;margin:10px 0 0;font-size:14px;overflow:auto}.tool .tool-box th{position:sticky;top:0}.tool .tool-box td,.tool .tool-box th{min-width:0;padding:7px 10px}.tool .tool-box td.path{overflow-wrap:anywhere;color:#dcdcdc;width:100%;min-width:180px;font:500 12.5px/1.45 JetBrains Mono,ui-monospace,monospace}.tool .tool-box td.num{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tx);font-weight:600}.tool .tool-box tfoot td{background:var(--card2);color:var(--tx);font-weight:600}.tool-free{grid-template-columns:auto 1fr;align-items:baseline;gap:8px 16px;margin:10px 0 0;display:grid}.tool-free dt{color:var(--mu);font-size:14px}.tool-free dd{flex-wrap:wrap;gap:6px;margin:0;display:flex}.tool-file{border-top:1px solid var(--line);padding-top:18px}.tool-out>div:first-child .tool-file{border-top:0;padding-top:0}.tool-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 34px;display:grid}.tool-stats div{border:1px solid var(--line);background:var(--bg2);border-radius:12px;min-width:0;padding:10px 12px}.tool-stats span{color:var(--mu);font-size:12.5px;line-height:1.3;display:block}.tool-stats b{font:700 clamp(15px, 2.2vw, 20px)/1.3 var(--display);color:var(--tx);white-space:nowrap;display:block}.tool-stats .main b{color:var(--acc)}.tool-file:not(.lv0) .tool-stats .main b{color:#ff8a80}.meter{background:var(--bg2);border:1px solid var(--line);border-radius:99px;height:10px;margin:0 0 14px;position:relative}.meter i{background:var(--acc);border-radius:99px;min-width:4px;position:absolute;inset:0 auto 0 0}.tool-file:not(.lv0) .meter i{background:linear-gradient(90deg, var(--acc) 0, #ffc44d 40%, #ff6b5e 100%)}.meter span{color:var(--mu);padding-bottom:12px;font:500 11px JetBrains Mono,monospace;position:absolute;bottom:100%;translate:-50%}.meter span:after{content:"";background:#555;width:1px;height:20px;position:absolute;bottom:-10px;left:50%}.tool .tool-box td.share{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:86px;position:relative}.tool .tool-box td.share i{background:var(--acc);opacity:.8;height:3px;position:absolute;bottom:0;left:0}.tool-calc{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin-top:16px;display:grid}.tool-calc label{color:var(--mu);gap:6px;font-size:13px;display:grid}.tool-calc .wide{grid-column:span 2}.tool-calc select,.tool-calc input[type=number]{background:var(--bg2);width:100%;color:var(--tx);border:1px solid var(--line);font:inherit;border-radius:10px;padding:10px 12px;font-size:15px}.tool-calc .check{color:var(--tx);cursor:pointer;align-items:center;gap:8px;padding-bottom:10px;font-size:15px;display:flex}.tool-calc .check input{accent-color:var(--acc);width:18px;height:18px}.tool-calc output{border-left:3px solid var(--acc);background:rgba(var(--acc-rgb), .07);border-radius:10px;grid-column:1/-1;gap:2px;padding:12px 14px;display:grid}.tool-calc output.bad{background:#ff6b5e17;border-color:#ff6b5e}.tool-calc output b{color:var(--tx);font-size:17px}.tool-calc output span{font-size:14px}@media (width<=700px){.tool-box{padding:14px}.drop{padding:20px 12px}.tool-stats,.tool-calc{grid-template-columns:1fr 1fr}.tool-row .btn,.tool-row .ghost{text-align:center;flex:100%;justify-content:center}}