body{font-family:Inter,system-ui,-apple-system,sans-serif}.custom-scrollbar.svelte-1uha8ag::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar.svelte-1uha8ag::-webkit-scrollbar-track{background:transparent}.custom-scrollbar.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar.svelte-1uha8ag::-webkit-scrollbar-thumb:hover{background:#94a3b8}.canvas-wrapper{display:inline-block;position:relative;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(0,0,0,.02);transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2rem;padding:16px;overflow:hidden;border-radius:8px}.canvas-wrapper:before{content:"";position:absolute;inset:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:-1;opacity:0;transition:opacity .3s;pointer-events:none}.canvas-wrapper:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.canvas-wrapper:hover:before{opacity:1}.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:6px 12px;margin-bottom:12px;background:#f8fafc;border-radius:4px;font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;color:#64748b;border:1px solid #f1f5f9;width:fit-content;margin-left:auto;margin-right:auto}.page-info.active{background:#eff6ff;color:#3b82f6;border-color:#dbeafe}.page-loader{display:flex;align-items:center;justify-content:center;min-height:400px;height:100%;width:100%;position:absolute;top:0;left:0;color:#94a3b8;font-size:14px;font-weight:500;background:#f8fafc}