.spi-fields{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.spi-fields label{display:flex;flex-direction:column;gap:5px;font-size:14px}.spi-fields input,.spi-fields select{padding:7px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);max-width:100%}.spi-fields input{width:125px}.spi-chart{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fffefb}.spi-chart svg{display:block;min-width:820px;width:100%;height:auto}.spi-live{display:block;background:var(--soft);border-left:3px solid var(--accent);padding:14px;margin:16px 0;min-height:4em}.spi-slots{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.spi-device{flex:1;min-width:140px;padding:15px;border:2px solid var(--line);border-radius:8px}.spi-device.selected{border-color:var(--accent);background:var(--soft)}.spi-device strong{display:block}.spi-shot img{display:block;width:100%;height:auto}.spi-receipt{font-family:Consolas,monospace;overflow-wrap:anywhere}.spi-chart text{font-family:"Microsoft YaHei",sans-serif}.spi-chart:focus-visible{outline:3px solid #dc8500}@media print{.spi-chart svg{min-width:0}.spi-fields,.widget .controls{display:none}}