.pi-stack{display:grid;gap:18px}.pi-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pi-current-file{font-size:18px;font-weight:850;margin:4px 0}.pi-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pi-chip{display:inline-flex;gap:6px;align-items:center;background:#eef5fb;border:1px solid #d7e5f0;border-radius:999px;padding:7px 10px;font-size:12px}.pi-chip-warn{background:#fff5e7;border-color:#eed8b7}.pi-warning{margin-top:14px;border-radius:10px;padding:10px 12px;background:#fff6e8;border:1px solid #efd8b6;color:#7d5420;font-size:13px}.pi-dropzone{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-align:center;border:2px dashed #b7c9d8;border-radius:14px;padding:26px 18px;background:#f8fbfd;cursor:pointer;margin-top:12px}.pi-dropzone:hover{background:#f1f7fb;border-color:#7ca3c1}.pi-dropzone strong{font-size:16px}.pi-dropzone span{font-size:12px;color:#71808d}.pi-processing{padding:18px 0;color:#71808d}.pi-preview-card{margin-top:16px;border:1px solid #dce4ea;border-radius:14px;padding:16px;background:#fff}.pi-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pi-big-number{font-size:26px;font-weight:900}.pi-big-number span{font-size:12px;font-weight:700;color:#71808d}.pi-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.pi-change-stat{border:1px solid #e2e8ed;border-radius:10px;padding:12px;text-align:center}.pi-change-stat strong{display:block;font-size:22px}.pi-change-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#71808d}.pi-change-block{margin-top:12px;font-size:12px;border-left:3px solid #dfe7ed;padding-left:10px}.pi-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pi-start-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pi-start-row select{min-width:240px;flex:1}.pi-scan-card{border:2px solid #9cc1dc}.pi-scan-row{display:flex;gap:10px}.pi-scan-row input{font-size:22px;font-weight:800;letter-spacing:.04em;min-height:52px;flex:1;text-transform:uppercase}.pi-scan-result{margin-top:10px;font-size:13px}.pi-result{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.pi-good{background:#e7f6ed;color:#216c47}.pi-bad{background:#fdeaea;color:#9c3232}.pi-warn{background:#fff4df;color:#83591c}.pi-muted{background:#eef1f4;color:#60717d}.pi-good-text{color:#216c47;font-weight:800}.pi-bad-text{color:#9c3232;font-weight:800}.pi-warn-text{color:#83591c;font-weight:800}@media(max-width:760px){.pi-section-head,.pi-preview-head{flex-direction:column}.pi-change-grid{grid-template-columns:1fr}.pi-start-row,.pi-scan-row{align-items:stretch;flex-direction:column}.pi-start-row select{min-width:0;width:100%}.pi-scan-row input{width:100%;font-size:20px}.pi-preview-actions .btn{width:100%}}