:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vh: 1vh}@supports (-webkit-touch-callout: none){:root{--vh: 1vh}}@media (orientation: portrait) and (min-width: 768px) and (max-width: 1024px){:root{--vh: 1vh}}html{background-color:#0b1437;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;min-width:100vw;min-height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;background-color:#0b1437;-webkit-overflow-scrolling:touch;position:fixed;top:0;left:0;right:0;bottom:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.css-gp7qxr{padding:1px}.MuiBox-root .css-gp7qxr{padding:0}.css-1toxriw-MuiList-root-MuiMenu-list{padding-top:0!important}.signature-canvas{border-radius:12px!important;box-shadow:inset 0 2px 8px #0000000d!important;transition:all .3s ease!important;touch-action:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important;-moz-transform-origin:0 0!important;-webkit-backface-visibility:hidden!important;-moz-backface-visibility:hidden!important;backface-visibility:hidden!important;position:relative!important;display:block!important;margin:0 auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.signature-canvas:hover{box-shadow:inset 0 4px 16px #0000001a!important}.drawing-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 8px 32px #0000001a!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important}.MuiToggleButton-root{transition:all .2s ease!important}.MuiToggleButton-root:hover{transform:translateY(-1px)!important}.color-palette-item{transition:all .2s ease!important}.color-palette-item:hover{transform:scale(1.1)!important;box-shadow:0 4px 12px #0000004d!important}.canvas-border-glow{position:relative}.canvas-border-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:14px;z-index:-1;animation:borderGlow 3s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.drawing-container{border-radius:16px!important}.signature-canvas{border-radius:8px!important}}*{box-sizing:border-box}html{width:100vw;max-width:100vw;overflow-x:hidden}@media (max-width: 1024px){html,body,#root{width:100vw!important;min-width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}@supports (-webkit-touch-callout: none){html,body,#root{width:100vw!important;min-width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}}}:root{--vw: 1vw}@media (max-width: 1024px){html,body,#root{min-width:100vw!important;width:100vw!important;max-width:100vw!important}*{box-sizing:border-box}@supports (-webkit-touch-callout: none){html,body,#root{min-width:100vw!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}}@supports not (-webkit-touch-callout: none){html,body,#root{min-width:100vw!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}}}@media (max-width: 1024px){.drawing-container:fullscreen .MuiAppBar-root,.drawing-container:-webkit-full-screen .MuiAppBar-root,.drawing-container:-moz-full-screen .MuiAppBar-root,.drawing-container:-ms-fullscreen .MuiAppBar-root{display:none!important}.drawing-container:fullscreen .MuiToolbar-root,.drawing-container:-webkit-full-screen .MuiToolbar-root,.drawing-container:-moz-full-screen .MuiToolbar-root,.drawing-container:-ms-fullscreen .MuiToolbar-root{display:none!important}.MuiDialog-root[style*="z-index: 1200"] .MuiAppBar-root,.MuiDialog-root[style*="z-index: 1300"] .MuiAppBar-root,.MuiDialog-root[style*="z-index: 1200"] .MuiToolbar-root,.MuiDialog-root[style*="z-index: 1300"] .MuiToolbar-root{display:none!important}body:has(.drawing-container:fullscreen) .MuiAppBar-root,body:has(.drawing-container:-webkit-full-screen) .MuiAppBar-root,body:has(.drawing-container:-moz-full-screen) .MuiAppBar-root,body:has(.drawing-container:-ms-fullscreen) .MuiAppBar-root{display:none!important}body:has(.drawing-container:fullscreen) .MuiToolbar-root,body:has(.drawing-container:-webkit-full-screen) .MuiToolbar-root,body:has(.drawing-container:-moz-full-screen) .MuiToolbar-root,body:has(.drawing-container:-ms-fullscreen) .MuiToolbar-root{display:none!important}}@supports (-webkit-touch-callout: none){@media (max-width: 600px){.drawing-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:1100!important;display:flex!important;flex-direction:column!important}.signature-canvas{width:100vw!important;height:calc(100vh - 120px)!important;max-width:none!important;max-height:none!important;touch-action:none!important}.MuiStack-root{display:flex!important;visibility:visible!important;opacity:1!important}.MuiButton-root{pointer-events:auto!important;z-index:1500!important}}}@media (max-width: 1024px){html,body{overflow-x:hidden!important;overflow-y:hidden!important;touch-action:none!important;overscroll-behavior:none!important}body,#root{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;touch-action:none!important;overscroll-behavior:none!important}.MuiBox-root[role=main]{touch-action:pan-y!important;overscroll-behavior:contain!important}.MuiBox-root[role=main]>div{touch-action:pan-y!important;overscroll-behavior:contain!important}.MuiBox-root[role=main] *,.MuiBox-root[style*="overflow: auto"],.MuiBox-root[style*="overflow-y: auto"]{touch-action:pan-y!important;overscroll-behavior:contain!important}}.fullscreen-canvas{background:linear-gradient(135deg,#667eea,#764ba2)!important}.signature-canvas.fullscreen{width:100vw!important;height:calc(100vh - 160px)!important;max-width:none!important;max-height:none!important;border-radius:0!important;position:fixed!important;top:80px!important;left:0!important;right:0!important;bottom:80px!important;z-index:1300!important}.tool-panel-glass{background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important}.canvas-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%)!important;background-size:200% 100%!important;animation:loading 1.5s infinite!important}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}