.pci{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:.25rem;display:flex}.pci__stage{aspect-ratio:2/1.45;background:var(--neutral-50);border:1px solid var(--neutral-200);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:.65rem;width:100%;max-width:320px;position:relative;overflow:hidden}.pci__panel{flex-direction:column;gap:.4rem;padding:.55rem .7rem;display:flex;position:absolute;inset:0}.pci__panel--right{background:var(--neutral-50)}.pci__panel-header{justify-content:space-between;align-items:center;display:flex}.pci__panel-title{color:var(--neutral-700);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:600}.pci__panel-badge{border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.55rem;font-weight:600;display:inline-flex}.pci__panel-badge--warn{color:var(--destructive);background:#d742421a}.pci__panel-badge--ok{color:var(--success-solid);background:#3399691f}.pci__dot{border-radius:999px;width:5px;height:5px}.pci__dot--warn{background:var(--destructive)}.pci__dot--ok{background:var(--success-solid)}.pci__rows{flex-direction:column;flex:1;gap:.3rem;display:flex;overflow:hidden}.pci__row{border:1px solid var(--neutral-200);background:#fff;border-left-width:2px;border-radius:.3rem;flex-direction:column;gap:.1rem;padding:.32rem .5rem;font-size:.58rem;display:flex}.pci__row--bad{border-left-color:var(--destructive)}.pci__row--ok{border-left-color:var(--success-solid)}.pci__row-main{color:var(--neutral-900);justify-content:space-between;font-weight:600;display:flex}.pci__row-a{font-variant-numeric:tabular-nums}.pci__row-note{color:var(--neutral-500);align-items:center;gap:.3rem;font-size:.52rem;display:flex}.pci__level{color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:.48rem;font-weight:700}.pci__level--block{background:var(--destructive)}.pci__level--high{background:#d74242bf}.pci__level--medium{background:var(--warning)}.pci__divider{pointer-events:none;z-index:10;width:2px;top:0;bottom:0;transform:translate(-50%)}.pci__divider,.pci__handle{background:var(--primary-solid);position:absolute}.pci__handle{box-shadow:var(--shadow-sm);cursor:ew-resize;pointer-events:auto;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}
.rsi{grid-template-columns:auto 1fr;justify-content:center;align-items:center;gap:.9rem;width:100%;height:100%;min-height:0;padding:.25rem;display:grid}.rsi,.rsi__phone{position:relative}.rsi__phone{background:var(--neutral-100);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);border-radius:22px;width:92px;height:148px;padding:6px}.rsi__phone-notch{background:var(--neutral-800);z-index:2;border-radius:999px;width:36px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.rsi__phone-screen{background:var(--neutral-50);border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.rsi__viewfinder{pointer-events:none;position:absolute;inset:18px 12px 32px}.rsi__corner{border:1.5px solid var(--primary-solid);width:10px;height:10px;position:absolute}.rsi__corner--tl{border-bottom:none;border-right:none;top:0;left:0}.rsi__corner--tr{border-bottom:none;border-left:none;top:0;right:0}.rsi__corner--bl{border-top:none;border-right:none;bottom:0;left:0}.rsi__corner--br{border-top:none;border-left:none;bottom:0;right:0}.rsi__receipt{background:#fff;border-radius:4px;flex-direction:column;gap:4px;padding:8px 6px;display:flex;position:absolute;top:28px;left:22px;right:22px;box-shadow:0 2px 6px #0000001f}.rsi__receipt-line{background:var(--neutral-300);border-radius:2px;width:90%;height:3px}.rsi__receipt-line--title{background:var(--neutral-700);width:55%;height:4px}.rsi__receipt-line--total{background:var(--neutral-800);width:45%;height:4px;margin-top:3px}.rsi__status{background:var(--neutral-100);color:var(--neutral-600);border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:3px 8px;font-size:8px;font-weight:500;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.rsi__status-dot{background:var(--primary-solid);border-radius:999px;width:5px;height:5px;display:inline-block}.rsi__fields{flex-direction:column;gap:.35rem;min-width:120px;display:flex}.rsi__field{background:var(--neutral-50);border:1px solid var(--neutral-200);white-space:nowrap;border-radius:.5rem;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.4rem .65rem;font-size:.72rem;display:flex}.rsi__field-value{text-align:right}.rsi__field-label{color:var(--neutral-500);font-size:.65rem;font-weight:500}.rsi__field-value{color:var(--neutral-900);font-variant-numeric:tabular-nums;font-weight:600}.rsi__chip{color:var(--primary-solid);background:#705cd61a;border:1px solid #705cd640;border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;margin-top:.15rem;padding:.35rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.rsi__chip-dot{background:var(--primary-solid);border-radius:999px;width:6px;height:6px}@media (max-width:380px){.rsi{grid-template-columns:1fr;justify-items:center}}