/* Preview-only transform. Canvas exports and native printing use the unmodified renderer. */
.practice-workspace.preview-navigation{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:0!important;gap:0!important;overflow:hidden!important;min-height:0}
.preview-toolbar{flex:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:8px;background:#f8fafc;border-bottom:1px solid #d4dce8;z-index:1}
.preview-toolbar button{min-height:30px;min-width:32px;padding:4px 9px;border:1px solid #cdd6e3;border-radius:7px;background:#fff;color:#29415e;font:600 11px system-ui;cursor:pointer}
.preview-toolbar button:hover{background:#e9eff6}.preview-toolbar button:disabled{opacity:.4;cursor:default}
.preview-toolbar button:focus-visible,.preview-viewport:focus-visible{outline:2px solid #526f9c;outline-offset:-2px}
.preview-percent{min-width:43px;text-align:center;color:#29415e;font:600 11px system-ui;font-variant-numeric:tabular-nums}
.preview-viewport{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}
.preview-viewport.is-panning{cursor:grabbing}
.preview-viewport #practice-pair{position:absolute!important;left:0;top:0;width:1100px!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;margin:0!important;transform-origin:0 0;pointer-events:none}
.preview-viewport #practice-pair[data-layout="stacked"],.single-sheet .preview-viewport #practice-pair{width:700px!important;grid-template-columns:minmax(0,1fr)!important}
.preview-viewport #practice-pair .practice-sheet{width:100%!important;max-width:none!important;margin:0}
.preview-navigation-hint{flex:none;margin:0;padding:5px 8px;color:#6b7788;text-align:center;font:10px/1.4 system-ui;background:#f8fafc}
.preview-navigation #practice-status{display:none}
@media(max-width:850px){.practice-workspace.preview-navigation{height:510px;min-height:390px;max-height:75dvh;flex:none!important}.preview-toolbar{gap:4px;padding:6px}.preview-toolbar button{padding:4px 7px}.preview-navigation-hint{font-size:9px}}
@media print{.preview-toolbar,.preview-navigation-hint{display:none!important}}