:root{--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 52px;--handle-size: 32px;--handle-border: 2px;--handle-radius: 6px;--slider-height: 10px;--slider-thumb-size: 32px;--toolbar-height: 56px;--sidebar-width: 240px;--layer-manager-bottom: 8px;--layer-manager-right: 8px;--base-font-size: 16px;--button-font-size: 14px;--z-sidebar: 20;--z-toolbar: 50;--z-mobile-toolbar: 199;--z-layer-manager: 150;--z-modal: 9999}@media (min-width: 768px){:root{--handle-size: 22px;--handle-radius: 4px;--slider-thumb-size: 24px;--toolbar-height: auto;--sidebar-width: 320px;--layer-manager-bottom: 24px;--layer-manager-right: 24px}}@media (max-width: 767px){button:not(.desktop-only button){min-width:var(--touch-target-min);min-height:var(--touch-target-min)}input[type=number],input[type=text],select{font-size:var(--base-font-size);padding:12px;min-height:var(--touch-target-min)}input[type=color]{min-width:var(--touch-target-large);min-height:var(--touch-target-large)}.palette-swatch{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}}@media (min-width: 768px){button{font-size:var(--button-font-size)}input[type=number],input[type=text],select{font-size:14px;padding:8px}input[type=color]{width:32px;height:32px}.app-toolbar input[type=number],.app-toolbar input[type=text]{padding:0;font-size:12px}}input[type=range]{height:var(--slider-height);cursor:pointer}input[type=range]::-webkit-slider-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}input[type=range]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}.canvas-rotate-handle,.canvas-resize-handle{width:var(--handle-size);height:var(--handle-size);border-radius:var(--handle-radius)}.canvas-rotate-line{height:calc(var(--handle-size) * 1.5);top:calc(var(--handle-size) * -1.5)}.layer-manager{bottom:var(--layer-manager-bottom);right:var(--layer-manager-right);max-width:calc(100vw - 16px)}@media (min-width: 768px){.layer-manager{width:220px}}.app-sidebar{width:var(--sidebar-width);display:flex;flex-direction:column;transition:transform .3s ease}@media (max-width: 767px){.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;background:#18181b;box-shadow:4px 0 12px #0000004d}.app-sidebar.hidden{transform:translate(-100%)}}.mobile-toolbar-new{display:block;position:fixed;top:0;left:0;right:0;z-index:var(--z-mobile-toolbar)}@media (min-width: 768px){.mobile-toolbar-new{display:none}}@media (max-width: 767px){.flex-1.flex.overflow-hidden{padding-top:110px}}.app-toolbar{display:none;z-index:var(--z-toolbar)}@media (min-width: 768px){.app-toolbar{display:block}.app-toolbar button{padding:.375rem;min-width:auto;min-height:auto}.app-toolbar svg{width:18px;height:18px}.app-toolbar input[type=number],.app-toolbar input[type=text],.app-toolbar select{padding:.35rem .5rem;font-size:12px}}@media (max-width: 767px){.eraser-method-btn{padding-top:16px;padding-bottom:16px;min-height:var(--touch-target-large)}.eraser-method-icon{width:20px;height:20px}.eraser-brush-slider{height:12px}.eraser-brush-slider::-webkit-slider-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}.eraser-brush-slider::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-90deg)}25%{transform:rotate(-75deg)}75%{transform:rotate(-105deg)}}.animate-in{animation-fill-mode:both}.slide-in-from-bottom{animation-name:slide-in-from-bottom}.slide-in-from-top{animation-name:slide-in-from-top}.slide-in-from-right{animation-name:slide-in-from-right}.fade-in{animation-name:fade-in}.zoom-in{animation-name:zoom-in}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.canvas-container,#canvas-inner,.canvas-resize-handle,.canvas-rotate-handle,.library-item-draggable{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body.dragging,body.dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}@media (pointer: coarse){.canvas-resize-handle:before,.canvas-rotate-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--handle-size) + 20px);height:calc(var(--handle-size) + 20px);background:transparent;z-index:-1}}.drag-ghost{position:fixed;pointer-events:none;opacity:.7;z-index:10000;transform:translate(-50%,-50%);transition:opacity .15s ease}.drag-ghost.dropping{opacity:.3}.eraser-modal-canvas,.eraser-modal-container{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.eraser-modal-canvas{-webkit-touch-callout:none;-webkit-user-drag:none}.eraser-modal-wrapper{overscroll-behavior:none;touch-action:none}@media (max-width: 768px){.app-sidebar{width:240px!important}.logobox-title{font-size:24px!important}.logobox-container{height:64px!important}.logobox-container{position:sticky;top:0;z-index:30}.library-section-header{padding:12px!important}.library-section-header h2{font-size:11px!important}.library-section-header p{font-size:8px!important}.library-grid{gap:6px!important;padding:12px!important}.triturador-section{padding:12px!important}.triturador-section h2{font-size:11px!important}.triturador-section p{font-size:8px!important}.slider-control{margin-bottom:12px!important}.slider-control label{font-size:8px!important}.sidebar-button{padding:8px 12px!important;font-size:11px!important}.palette-color-item{padding:6px!important}.algorithm-grid{gap:6px!important}}.is-mobile-landscape .app-sidebar{width:240px!important}.is-mobile-landscape .logobox-title{font-size:22px!important}.is-mobile-landscape .logobox-container{height:60px!important}.is-mobile-landscape .library-section-header{padding:12px!important}.is-mobile-landscape .library-section-header h2{font-size:11px!important}.is-mobile-landscape .library-section-header p{font-size:8px!important}.is-mobile-landscape .library-grid{gap:6px!important;padding:12px!important;grid-template-columns:repeat(3,1fr)!important}.is-mobile-landscape .triturador-section{padding:12px!important}.is-mobile-landscape .triturador-section h2{font-size:11px!important}.is-mobile-landscape .triturador-section p{font-size:8px!important}.is-mobile-landscape .slider-control{margin-bottom:12px!important}.is-mobile-landscape .slider-control label{font-size:8px!important}.is-mobile-landscape .sidebar-button{padding:8px 12px!important;font-size:11px!important}.is-mobile-landscape .palette-color-item{padding:6px!important}.is-mobile-landscape .algorithm-grid{gap:6px!important}.is-mobile-landscape .layer-manager{display:none!important}.is-mobile-landscape .canvas-resize-handle,.is-mobile-landscape .canvas-rotate-handle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.is-mobile-landscape .palette-color-item button{width:28px!important;height:28px!important;min-width:28px!important}.is-mobile-landscape .palette-color-item input{font-size:9px!important;padding:4px 6px!important}.is-mobile-landscape .desktop-zoom-controls{display:none!important}.is-mobile-landscape .mobile-zoom-focus-controls{display:block!important}.is-mobile-landscape .mobile-undo-redo-controls{display:flex!important}.is-mobile-landscape .font-family-dropdown,.is-mobile-landscape .font-selector,.is-mobile-landscape [role=listbox],.is-mobile-landscape [data-radix-popper-content-wrapper]{z-index:3000!important}.is-mobile-landscape .triturador-section{padding:8px!important}.is-mobile-landscape .triturador-section h2{font-size:9px!important}.is-mobile-landscape .triturador-section p{font-size:7px!important}.is-mobile-landscape .algorithm-grid{gap:4px!important}.is-mobile-landscape .algorithm-grid button{padding:6px 10px!important;font-size:9px!important}.is-mobile-landscape .palette-selector{padding:8px!important}.is-mobile-landscape .palette-selector h3{font-size:9px!important}.is-mobile-landscape .palette-grid{gap:4px!important}.is-mobile-landscape .palette-color-item{padding:4px!important}.is-mobile-landscape .palette-color-item button{width:24px!important;height:24px!important;min-width:24px!important}.is-mobile-landscape .palette-color-item input{font-size:8px!important;padding:3px 5px!important}.is-mobile-landscape .slider-control{margin-bottom:8px!important}.is-mobile-landscape .slider-control label{font-size:7px!important}.is-mobile-landscape .slider-control input[type=range]{height:4px!important}.is-mobile-landscape .sidebar-button{padding:6px 10px!important;font-size:9px!important}@media (pointer: coarse) and (orientation: landscape),(hover: none) and (orientation: landscape),(max-width: 1366px) and (orientation: landscape) and (max-height: 1024px){.app-sidebar{width:240px!important}.mobile-zoom-focus-controls{display:block!important}.mobile-undo-redo-controls{display:flex!important}.desktop-zoom-controls,.layer-manager{display:none!important}.triturador-section{padding:8px!important}.palette-color-item button{width:24px!important;height:24px!important}}*:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}