.pi{display:grid;gap:18px}.pi [hidden]{display:none!important}.pi-col{display:grid;gap:18px;min-width:0}.pi .tool-chips button,.pi .tool-copy{min-height:44px}.pi-mt{margin-top:14px}.pi-wh{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 96px;gap:10px;align-items:end}.pi-swap{width:44px;height:46px;padding:0;border-radius:12px;background:#fff!important;color:var(--g)!important;border:1px solid var(--line)!important;box-shadow:none!important}.pi-swap:hover{border-color:var(--g2)!important;background:var(--g-soft)!important}.pi-x{font-size:22px;color:var(--mute);padding-bottom:10px;text-align:center}.pi-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}.pi-m4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}.pi-m1{margin-top:6px;max-width:220px}.tl-app .pi-check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.pi-check input{width:22px;height:22px;margin:0;padding:0;flex:none;accent-color:var(--g2)}.pi-res{min-width:0}.pi-big{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap}.pi-big .tool-out{font-size:34px;line-height:1.15}.pi-sub{color:var(--mute);font-size:15px;font-weight:600}.pi-opts{margin-top:10px}.pi-opts button b{font-weight:800}.pi-opts button[disabled]{opacity:.45;cursor:not-allowed}.pi-opts .pi-best{display:inline-block;margin-left:2px;padding:1px 7px;border-radius:99px;background:var(--gold);color:#241a00;font-size:11.5px;font-weight:800}.pi-tip{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-top:12px;padding:8px 12px;border-radius:var(--r-sm);background:#fff7e6;border:1px solid #f3d9a4;color:#7a4a00;font-size:14px;font-weight:600}.pi-svg{margin-top:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;overflow:hidden}.pi-svg svg{display:block;max-width:100%;height:auto}.pi-svg p{margin:20px 0;color:#a33a12;font-weight:600;text-align:center}.pi-legend{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--mute)}.pi-legend i{display:inline-block;width:14px;height:10px;margin-right:6px;vertical-align:middle;border-radius:2px}.pi-legend .k-m{background:repeating-linear-gradient(45deg,#e6dcc0 0 2px,#f4efe1 2px 5px)}.pi-legend .k-b{background:#f6c9bb}.pi-legend .k-u{background:#dcefe3;outline:1px solid #16794a}.pi-legend .k-r{background:#fde7bd;outline:1px solid #b7791f}.pi-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0}.pi-stats div{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;min-width:0}.pi-stats dt{font-size:12.5px;color:var(--mute)}.pi-stats dd{margin:0;font-weight:700;font-size:15px;overflow-wrap:anywhere}.pi-cut{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.pi-cut h4{margin:0 0 6px;font-size:15px}.pi-cut ol{margin:0;padding-left:22px;display:grid;gap:4px;font-size:14.5px}.pi-cut ol:empty{display:none}.pi-price{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:end}.pi-ream{max-width:220px}.pi-sum dl{margin:0;display:grid;gap:2px}.pi-sum dl div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:15px}.pi-sum dt{color:var(--mute)}.pi-sum dd{margin:0;font-weight:600;text-align:right}.pi-sum dd small{display:block;font-weight:500;color:var(--mute);font-size:12.5px}.pi-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;padding:12px 14px;border-radius:var(--r-sm);background:var(--green-grad);color:#fff}.pi-total span{font-weight:600}.pi-total b{font-family:var(--font-head);font-size:28px;line-height:1.2}.pi-per{margin:8px 0 0;font-weight:700;color:var(--g);font-size:16px}.pi-per:empty{display:none}.pi-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media(max-width:620px){.pi-wh{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.pi-wh .pi-unit{grid-column:1/-1}.pi-m4{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-big .tool-out{font-size:30px}.pi-price{grid-template-columns:minmax(0,1fr) 128px}.pi-total b{font-size:24px}}