.pg-tools .tool{background:var(--card);border:1px solid var(--line);border-radius:6px;margin-top:30px;overflow:hidden}.pg-tools .thead{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:30px 34px;display:flex}.pg-tools .thead .icobox{flex:none;margin:0}.pg-tools .thead h3{font-size:22px;font-weight:800}.pg-tools .thead p{color:var(--sub);margin-top:2px;font-size:13px}.pg-tools .tbody{grid-template-columns:1fr 1fr;gap:34px;padding:30px 34px;display:grid}.pg-tools .est label{margin:12px 0 5px;font-size:11.5px;font-weight:700;display:block}.pg-tools .est select,.pg-tools .est input{border:1px solid var(--line);border-radius:5px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px}.pg-tools .result{background:var(--soft);border:1px solid var(--line);border-radius:6px;align-self:start;padding:26px}.pg-tools .result b{font-size:30px;font-weight:800;display:block}.pg-tools .result i{color:var(--sub);font-size:12px;font-style:normal}.pg-tools .rline{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:13.5px;display:flex}.pg-tools .rline:last-child{border-bottom:none}.pg-tools .viz{aspect-ratio:16/8;border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden}.pg-tools .viz .b,.pg-tools .viz .a{position:absolute;inset:0}.pg-tools .viz .b{background:repeating-linear-gradient(90deg,#d8d3ca 0 3px,#cfc9be 3px 6px)}.pg-tools .viz .a{clip-path:inset(0 0 0 var(--cut,50%))}.pg-tools .viz input{opacity:0;cursor:ew-resize;z-index:5;width:100%;height:100%;position:absolute;inset:0}.pg-tools .viz .handle{top:0;bottom:0;left:var(--cut,50%);z-index:3;background:#fff;width:2px;position:absolute;box-shadow:0 0 10px #0006}.pg-tools .viz .tag{letter-spacing:.1em;color:#fff;z-index:4;background:#16232bd9;border-radius:3px;padding:5px 10px;font-size:10px;font-weight:700;position:absolute;bottom:10px}.pg-tools .finsel{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pg-tools .fchip{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:600}.pg-tools .fchip.on{border-color:var(--acc);color:var(--acc)}.pg-tools .cmp{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pg-tools .cmp .pane{aspect-ratio:1.5;border:1px solid var(--line);border-radius:6px}.pg-tools .cmp select{margin-top:10px}@media (max-width:900px){.pg-tools .tbody{grid-template-columns:1fr}}
