:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--color-bg-base: #0f1419;--color-bg-surface: #1a1f29;--color-bg-surface-hover: #242b38;--color-bg-elevated: #2a3342;--color-border: #2d3748;--color-border-light: #4a5568;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #60a5fa;--color-primary-dark: #1e40af;--color-on-primary: #ffffff;--color-accent: #10b981;--color-accent-hover: #059669;--color-accent-light: #34d399;--color-interactive: #3b82f6;--color-interactive-hover: #60a5fa;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-text-main: #ffffff;--color-text-secondary: #e2e8f0;--color-text-muted: #cbd5e0;--color-text-dimmed: #94a3b8;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -1px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .15), 0 4px 6px -2px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .2), 0 10px 10px -5px rgb(0 0 0 / .04);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}*{box-sizing:border-box}body{margin:0;background-color:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}img{max-width:100%;display:block}button{font-family:inherit}button svg{color:currentColor;stroke:currentColor}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-surface-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:transparent;cursor:pointer;padding:16px 0}input[type=range]::-webkit-slider-track{width:100%;height:3px;background:linear-gradient(90deg,#3b82f61f,#3b82f614);border-radius:1.5px;box-shadow:inset 0 1px 2px #0000001a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);cursor:grab;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 4px #00000026,0 1px 8px #3b82f64d,inset 0 1px 1px #ffffff4d;margin-top:-1.5px;transition:all var(--transition-fast);position:relative}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #0003,0 2px 12px #3b82f680,inset 0 1px 1px #fff6;border-color:#fff}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1);box-shadow:0 1px 3px #0003,0 1px 6px #3b82f666,inset 0 1px 1px #fff3}input[type=range]::-moz-range-track{width:100%;height:3px;background:linear-gradient(90deg,#3b82f61f,#3b82f614);border-radius:1.5px;box-shadow:inset 0 1px 2px #0000001a;border:none}input[type=range]::-moz-range-thumb{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);cursor:grab;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 4px #00000026,0 1px 8px #3b82f64d,inset 0 1px 1px #ffffff4d;transition:all var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #0003,0 2px 12px #3b82f680,inset 0 1px 1px #fff6;border-color:#fff}input[type=range]::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.1);box-shadow:0 1px 3px #0003,0 1px 6px #3b82f666,inset 0 1px 1px #fff3}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #3b82f633,0 3px 8px #0003,0 2px 12px #3b82f680,inset 0 1px 1px #fff6}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px #3b82f633,0 3px 8px #0003,0 2px 12px #3b82f680,inset 0 1px 1px #fff6}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#3b82f61f,#3b82f614)}input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#3b82f640,#3b82f62e);height:3px;border-radius:1.5px}button,a,input,select,textarea,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(max-width:1024px){:root{--sidebar-width: 72px;--panel-width: 380px}.toolbar{padding:0 1.25rem!important}.zoom-controls{bottom:1.25rem!important;right:1.25rem!important}}@media(max-width:768px){body{font-size:16px!important;-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:rgba(59,130,246,.2)}nav{padding:1rem 1.5rem!important}section[style*="padding: '6rem"]{padding:3rem 1.25rem 2.5rem!important}h2[style*=clamp]{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.15!important}div[style*=gridTemplateColumns][style*="450px"],div[style*=gridTemplateColumns][style*="280px"]{grid-template-columns:1fr!important;gap:1.5rem!important}div[style*=gridTemplateColumns][style*="500px"]{grid-template-columns:1fr!important;gap:2rem!important}div[style*="display: 'flex'"][style*="flexWrap: 'wrap'"]{flex-direction:column!important;width:100%!important}div[style*="display: 'flex'"][style*="flexWrap: 'wrap'"] button{width:100%!important;justify-content:center!important}div[style*="gridTemplateRows: '64px 1fr'"]{grid-template-rows:56px 1fr 70px!important;grid-template-columns:1fr!important;grid-template-areas:"header" "canvas" "sidebar"!important}div[style*="height: '64px'"]{height:56px!important;padding:0 1rem!important;flex-wrap:wrap!important}div[style*="height: '64px'"] .brand div:last-child{display:none!important}div[style*="height: '64px'"]>div:nth-child(2){font-size:.75rem!important;padding:6px 12px!important}div[style*="height: '64px'"] button{padding:.5rem .875rem!important;font-size:.8125rem!important}div[style*="height: '64px'"]>div:nth-child(3){gap:.5rem!important}div[style*="height: '64px'"]>div:last-child button:last-child{padding:.625rem 1.25rem!important}div[style*="gridArea: 'sidebar'"]{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:70px!important;flex-direction:row!important;justify-content:space-around!important;padding:.5rem .25rem!important;gap:.25rem!important;border-right:none!important;border-top:2px solid rgba(59,130,246,.15)!important;z-index:1000!important;overflow-x:auto!important;overflow-y:hidden!important;box-shadow:0 -4px 20px #0000004d!important}div[style*="gridArea: 'sidebar'"] button{min-width:60px!important;max-width:80px!important;height:56px!important;padding:.5rem .25rem!important;gap:.375rem!important}div[style*="gridArea: 'sidebar'"] button>div:first-of-type{width:32px!important;height:32px!important}div[style*="gridArea: 'sidebar'"] button svg{width:18px!important;height:18px!important}div[style*="gridArea: 'sidebar'"] button span{font-size:.5625rem!important;line-height:1.1!important}div[style*="gridArea: 'sidebar'"] button>div[style*="position: 'absolute'"]{left:50%!important;top:0!important;transform:translate(-50%)!important;width:60%!important;height:3px!important;border-radius:0 0 4px 4px!important}div[style*="gridArea: 'canvas'"]{padding-bottom:70px!important}div[style*="width: '100%'"][style*="height: '100%'"]{padding:.75rem!important}img[style*="maxWidth: '80vw'"]{max-width:92vw!important;max-height:65vh!important}div[style*="position: 'absolute'"][style*="bottom: '1.5rem'"]{bottom:5rem!important;right:.75rem!important;padding:.375rem .75rem!important;transform:scale(.9)!important}div[style*="position: 'absolute'"][style*="bottom: '1.5rem'"] input[type=range]{width:80px!important}div[style*="gridArea: 'properties'"]{position:fixed!important;bottom:70px!important;left:0!important;right:0!important;height:auto!important;max-height:45vh!important;overflow-y:auto!important;border-left:none!important;border-top:2px solid rgba(59,130,246,.15)!important;border-radius:16px 16px 0 0!important;box-shadow:0 -6px 30px #00000059!important;z-index:999!important;padding:1.25rem!important}div[style*="gridArea: 'properties'"]:before{content:"";display:block;width:48px;height:4px;background:#94a3b866;border-radius:2px;margin:-.75rem auto 1rem}.dropzone-container,div[style*="minHeight: '100vh'"]{padding:1rem!important}.dropzone-container>div,div[style*="minHeight: '100vh'"]>div{width:100%!important;max-width:100%!important;padding:1.5rem 1rem!important}.dropzone-container h2,div[style*="minHeight: '100vh'"] h2{font-size:1.5rem!important;line-height:1.3!important}.dropzone-container p{font-size:1rem!important}.dropzone-container>div:last-child,div[style*="display: 'grid'"][style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:.875rem!important}input[type=range]{height:44px!important;padding:20.5px 0!important}input[type=range]::-webkit-slider-track{height:3px!important}input[type=range]::-moz-range-track{height:3px!important}input[type=range]::-webkit-slider-thumb{width:16px!important;height:16px!important;margin-top:-6.5px!important;border-width:2.5px!important}input[type=range]::-moz-range-thumb{width:16px!important;height:16px!important;border-width:2.5px!important}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)!important}input[type=range]::-moz-range-thumb:hover{transform:scale(1.3)!important}select,input[type=text],input[type=number],textarea{font-size:16px!important;padding:12px!important;min-height:48px!important}div[role=dialog]{max-width:95vw!important;max-height:85vh!important;margin:1rem!important}.emoji-picker-react{max-width:100%!important;width:100%!important}}@media(max-width:480px){div[style*="height: '64px'"],div[style*="height: '56px'"]{height:52px!important;padding:0 .75rem!important}div[style*="height: '64px'"] button span,div[style*="height: '56px'"] button span{display:none!important}div[style*="height: '64px'"] button,div[style*="height: '56px'"] button{padding:.5rem!important;min-width:44px!important;gap:0!important}div[style*="height: '64px'"]>div:last-child button:last-child span,div[style*="height: '56px'"]>div:last-child button:last-child span{display:inline!important}div[style*="gridArea: 'sidebar'"] button{min-width:56px!important;max-width:72px!important;height:52px!important}div[style*="gridArea: 'sidebar'"] button span{font-size:.5rem!important}div[style*="gridArea: 'properties'"]{max-height:40vh!important;padding:1rem!important}section[style*=padding]{padding:2rem 1rem!important}h2[style*=clamp]{font-size:clamp(1.75rem,7vw,2.5rem)!important}div[style*=gridTemplateColumns][style*="280px"],div[style*=gridTemplateColumns][style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}div[style*="position: 'absolute'"][style*=bottom]{transform:scale(.8)!important;bottom:4.5rem!important;right:.5rem!important}}@media(hover:none)and (pointer:coarse){button,a,input[type=button],input[type=submit],[role=button],.nav-item{min-height:44px!important;min-width:44px!important}button,.nav-item,[role=button]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}p,span,div[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}input[type=range]::-webkit-slider-thumb{width:18px!important;height:18px!important;margin-top:-7.5px!important;cursor:grab;border-width:2.5px!important}input[type=range]::-moz-range-thumb{width:18px!important;height:18px!important;cursor:grab;border-width:2.5px!important}input[type=range]::-webkit-slider-track{height:3px!important}input[type=range]::-moz-range-track{height:3px!important}button:active,[role=button]:active{opacity:.7;transform:scale(.98)}*{transition:none!important}button:hover,a:hover,[role=button]:hover{transform:none!important}}@media(max-width:768px)and (orientation:landscape){div[style*="gridArea: 'properties'"]{max-height:35vh!important}div[style*="height: '64px'"],div[style*="height: '56px'"]{height:48px!important;padding:.25rem .75rem!important}div[style*="gridArea: 'sidebar'"]{height:60px!important}div[style*="gridArea: 'canvas'"]{padding-bottom:60px!important}img[style*=maxWidth]{max-height:55vh!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{border-width:.5px}}@media print{nav,div[style*="gridArea: 'sidebar'"],div[style*="gridArea: 'properties'"],div[style*="height: '64px'"],button,.zoom-controls{display:none!important}div[style*="gridArea: 'canvas'"]{width:100%!important;height:auto!important;padding:0!important}img{max-width:100%!important;height:auto!important;page-break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (padding: max(0px)){div[style*="height: '64px'"],nav{padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important}div[style*="gridArea: 'sidebar'"]{padding-bottom:max(.5rem,env(safe-area-inset-bottom))!important}div[style*="gridArea: 'properties'"]{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))!important}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}