header,footer{display:none!important}body{overflow:hidden}.canvas-workspace{background-color:#f3f4f6}.canvas-container{box-shadow:0 0 0 1px #0000001a,0 2px 8px #0000000f!important;border-radius:2px}.canvas-transparent-bg .lower-canvas{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.right-scroll::-webkit-scrollbar{width:4px}.right-scroll::-webkit-scrollbar-track{background:transparent}.right-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.canvas-container{position:absolute!important}.layer-item{transition:background .15s}.layer-item:hover{background:#ffffff14}.layer-item.selected{background:#6366f140}.panel-transition{transition:width .2s ease,opacity .2s ease}input[type=range]{-webkit-appearance:none;height:6px;border-radius:3px;background:#e5e7eb;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}input[type=color]::-moz-color-swatch{border:none;border-radius:6px}.bg-custom-swatch{width:44px;height:44px;border-radius:10px;border:2px solid rgba(255,255,255,.2);cursor:pointer;padding:2px;box-shadow:inset 0 0 0 1px #0000001a,0 1px 3px #00000026}.bg-custom-swatch:hover{border-color:#fff6}.bg-custom-swatch::-webkit-color-swatch-wrapper{padding:0}.bg-custom-swatch::-webkit-color-swatch{border:none;border-radius:7px}.bg-custom-swatch::-moz-color-swatch{border:none;border-radius:7px}.nav-rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 4px;width:100%;border-radius:8px;cursor:pointer;transition:all .15s;color:#9ca3af;background:transparent;border:none;font-size:11px;font-weight:500}.nav-rail-btn:hover{background:#ffffff14;color:#e5e7eb}.nav-rail-btn.active{background:#6366f133;color:#a5b4fc}.nav-rail-btn svg{width:22px;height:22px}.bg-swatch{width:36px;height:36px;border-radius:8px;cursor:pointer;border:2px solid rgba(255,255,255,.15);transition:all .15s;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.bg-swatch:hover{transform:scale(1.1);border-color:#fff6}.bg-swatch.active{border-color:#a5b4fc;box-shadow:0 0 0 2px #6366f14d}.browse-item{aspect-ratio:1;background:#1f2937;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid transparent;transition:all .15s;position:relative;overflow:hidden}.browse-item:hover{background:#374151;border-color:#4f46e5;transform:scale(1.03)}.browse-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;pointer-events:none}.browse-item .browse-import-spinner{display:none;position:absolute;inset:0;background:#00000080;align-items:center;justify-content:center;border-radius:10px}.browse-item.importing .browse-import-spinner{display:flex}.landing-drop-active{border-color:#6366f1!important;background:#6366f10d!important}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-in{animation:modalIn .2s ease-out}.mobile-bottom-bar{display:none}@media(max-width:768px){.desktop-nav-rail,.desktop-left-panel,.desktop-toolbar-extras{display:none!important}.mobile-bottom-bar,.mobile-menu-panel{display:flex!important}}@media(min-width:769px){.mobile-bottom-bar,.mobile-menu-panel{display:none!important}}
