/* Preview panel and zoom surface */
.preview-column{position:sticky;top:100px;min-width:0}
.preview-panel{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}
.preview-toolbar{min-height:46px;margin-bottom:18px;align-items:center}
.preview-eyebrow{margin-bottom:6px}
.preview-actions{display:inline-flex;align-items:center;gap:7px;color:#6c7776;font-size:11.5px;font-variant-numeric:tabular-nums}
#zoomLabel{min-width:45px;text-align:center;font-family:var(--font-medium)}
.icon-button{width:32px;height:32px;padding:0 0 1px;display:grid;place-items:center;border:1px solid #cfe3e1;border-radius:10px;background:#fff;color:#2f8e87;font-size:18px;line-height:1;transition:transform .12s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}
.icon-button:hover{transform:translateY(-1px);background:#f4fbfa;border-color:#b7d8d5}
.icon-button:active{transform:translateY(0)}
.canvas-stage{min-height:0;flex:1 1 0;contain:size layout paint;padding:24px 28px 28px;display:flex;align-items:safe center;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid rgba(14,14,14,.055);border-radius:var(--radius-xl);background:linear-gradient(45deg,rgba(113,219,211,.065) 25%,transparent 25%) 0 0/22px 22px,linear-gradient(-45deg,rgba(255,133,0,.035) 25%,transparent 25%) 0 11px/22px 22px,#edf3f2;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.canvas-surface{position:relative;width:min(100%,420px);max-width:100%;min-width:0;flex:0 0 auto;margin-block:auto;transition:width .16s cubic-bezier(.2,.8,.2,1),height .16s cubic-bezier(.2,.8,.2,1)}
.receipt-frame{position:absolute;left:0;top:0;width:420px;transform-origin:top left;will-change:transform}