.canvas-wrapper{display:inline-block;position:relative;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;padding:16px;transition:all .3s}.canvas-wrapper:hover{box-shadow:0 8px 12px #00000026}.canvas-wrapper canvas{display:block;position:absolute;top:50px;left:16px;pointer-events:none}.canvas-wrapper canvas.upper-canvas{pointer-events:auto}.page-info{text-align:center;padding:8px;margin-bottom:10px;background:#f5f5f5;border-radius:6px;font-weight:600;color:#374151}.page-info.active{background:#10b981;color:#fff}.page-loader{display:flex;align-items:center;justify-content:center;min-height:400px;color:#6b7280;font-size:14px;font-weight:500}