:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.dashboard-navbar{height:60px;box-shadow:0 2px 4px #0000001a;z-index:1030}.dashboard-container{padding-top:60px}.sidebar{position:fixed;top:60px;bottom:0;left:0;z-index:100;padding:0}.sidebar .nav-link{font-weight:500;padding:.75rem 1rem;transition:all .3s}main{margin-top:60px}@media(max-width:767.98px){.sidebar{top:60px}main{padding-top:60px}}.canvas-size-modal .modal-dialog{max-width:1200px}.canvas-size-modal .modal-body{padding:2rem}.canvas-size-card{border:1px solid #e0e0e0;border-radius:12px;transition:all .3s ease;cursor:pointer}.canvas-size-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.canvas-size-card .card-body{padding:1.5rem;min-height:200px}.canvas-preview-container{width:100%;height:140px;display:flex;align-items:center;justify-content:center}.canvas-preview{box-shadow:0 2px 8px #0000001a;transition:transform .2s}.canvas-size-card:hover .canvas-preview{transform:scale(1.05)}.custom-size-section{background-color:#f8f9fa}.custom-size-section h6{font-weight:600}.custom-size-section .form-label{font-size:14px;color:#666;margin-bottom:.5rem}.custom-size-section .form-control{border-radius:8px}.custom-size-section .btn-primary{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:.6rem;font-weight:500}.custom-size-section .btn-primary:disabled{background:#ccc;cursor:not-allowed}[data-bs-theme=dark] .canvas-size-modal{background-color:#1a1a1a}[data-bs-theme=dark] .canvas-size-card{background-color:#2d2d2d;border-color:#404040}[data-bs-theme=dark] .canvas-size-card:hover{border-color:#667eea}[data-bs-theme=dark] .custom-size-section{background-color:#2d2d2d;border-color:#404040}.template-selection-modal .modal-dialog{max-width:1200px}.template-selection-modal .modal-body{padding:2rem}.search-box input{padding:.75rem 1rem;border-radius:8px;border:1px solid #ddd;font-size:16px}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.category-tabs .btn{border-radius:20px;padding:.5rem 1.5rem;font-weight:500;transition:all .2s}.category-tabs .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.category-tabs .btn-outline-secondary{border-color:#ddd;color:#666}.category-tabs .btn-outline-secondary:hover{background-color:#f8f9fa;border-color:#ddd;color:#333}.template-card{border:1px solid #e0e0e0;border-radius:12px;transition:all .3s ease;cursor:pointer;overflow:hidden}.template-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.template-thumbnail{width:100%;height:120px;overflow:hidden;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.template-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-card .card-body{padding:1rem}.template-card .fw-bold{font-size:14px}.template-card .text-muted{font-size:12px}[data-bs-theme=dark] .template-selection-modal{background-color:#1a1a1a}[data-bs-theme=dark] .search-box input{background-color:#2d2d2d;border-color:#404040;color:#fff}[data-bs-theme=dark] .template-card{background-color:#2d2d2d;border-color:#404040}[data-bs-theme=dark] .template-card:hover{border-color:#667eea}[data-bs-theme=dark] .template-thumbnail{background-color:#1a1a1a}.editor-sidebar-vertical{position:fixed;left:0;top:60px;bottom:0;width:80px;background-color:#1e1e1e;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 0;z-index:1000;box-shadow:2px 0 8px #00000026}.sidebar-top-section{display:flex;flex-direction:column;align-items:center;width:100%}.sidebar-bottom-section{display:flex;flex-direction:column;align-items:center;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.sidebar-item{width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;border-radius:8px;color:#a0a0a0;cursor:pointer;transition:all .2s ease;margin:12px 0;padding:8px}.sidebar-item:hover{background-color:#2a2a2a;color:#fff}.sidebar-item.active{background-color:#3b82f6;color:#fff}.sidebar-item i{font-size:24px}.sidebar-item-label{font-size:14px;font-weight:500;text-align:center;line-height:1.2;white-space:nowrap}.sidebar-bottom-section .sidebar-item{color:#10b981}.sidebar-bottom-section .sidebar-item:hover{background-color:#10b9811a;color:#10b981}.sidebar-bottom-section .sidebar-item.active{background-color:#10b981;color:#fff}.editor-panel-overlay{position:fixed;left:80px;top:60px;bottom:0;width:320px;background-color:#fff;box-shadow:2px 0 12px #0000001a;z-index:999;transform:translate(-100%);transition:transform .3s ease}.editor-panel-overlay.active{transform:translate(0)}.editor-panel-backdrop{position:fixed;inset:60px 0 0;background-color:#0000004d;z-index:998;opacity:0;transition:opacity .3s ease;pointer-events:none}.editor-panel-backdrop.active{opacity:1;pointer-events:auto}.panel-content{height:100%;overflow-y:auto;padding:14px}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1}.panel-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.panel-header{padding:8px 12px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.panel-title{font-size:16px;font-weight:600;color:#111827;margin:0}.layers-list{display:flex;flex-direction:column;gap:8px}.layer-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.layer-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.layer-item.active{background-color:#eff6ff;border-color:#3b82f6}.layer-info{display:flex;align-items:center;flex:1;min-width:0}.layer-name{font-size:14px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-actions{display:flex;gap:4px;flex-shrink:0}.layer-actions .btn{padding:4px 8px;font-size:12px}[data-bs-theme=dark] .editor-sidebar-vertical{background-color:#1a1a1a}[data-bs-theme=dark] .sidebar-item{color:#8a8a8a}[data-bs-theme=dark] .sidebar-item:hover{background-color:#2d2d2d;color:#e0e0e0}[data-bs-theme=dark] .sidebar-item.active{background-color:#3b82f6;color:#fff}[data-bs-theme=dark] .sidebar-bottom-section{border-top-color:#ffffff0d}[data-bs-theme=dark] .editor-panel-overlay{background-color:#252525}[data-bs-theme=dark] .panel-content::-webkit-scrollbar-track{background:#2a2a2a}[data-bs-theme=dark] .panel-content::-webkit-scrollbar-thumb{background:#4a4a4a}[data-bs-theme=dark] .panel-header{border-bottom-color:#374151;background-color:#1f1f1f}[data-bs-theme=dark] .panel-title{color:#f3f4f6}[data-bs-theme=dark] .layer-item{background-color:#2a2a2a;border-color:#3a3a3a}[data-bs-theme=dark] .layer-item:hover{background-color:#333;border-color:#444}[data-bs-theme=dark] .layer-item.active{background-color:#1e3a5f;border-color:#3b82f6}[data-bs-theme=dark] .layer-name{color:#d1d5db}:root{--kai-topbar-height: 60px;--kai-bottombar-height: 40px;--kai-sidebar-width: 80px;--kai-bg-primary: linear-gradient( 135deg, #1a2332 0%, #2d3748 50%, #1a2332 100% );--kai-glass-bg: rgba(26, 32, 44, .8);--kai-glass-border: rgba(255, 255, 255, .1);--kai-gold: #e6b980;--kai-blue: #3b82f6;--kai-blue-hover: #2563eb;--kai-shadow: 0 10px 20px rgba(0, 0, 0, .5);--kai-shadow-sm: 0 8px 32px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden}.editor-layout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--kai-bg-primary)}.editor-layout-container:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(66,153,225,.08) 0%,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-top-bar{position:fixed;top:0;left:0;right:0;height:var(--kai-topbar-height);z-index:2000;background-color:#1a1a1a!important;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d}.editor-content-area{position:fixed;top:var(--kai-topbar-height);left:var(--kai-sidebar-width);right:0;bottom:var(--kai-bottombar-height);overflow:auto;display:block;z-index:1;background:var(--kai-bg-primary)}.canvas-container{width:100%;min-height:100%;overflow:visible;position:relative;padding:100px;display:flex;align-items:center;justify-content:center}.canvas-wrapper-placeholder{display:flex;align-items:center;justify-content:center;position:relative}.canvas-wrapper{border:1px solid rgba(230,185,128,.3);box-shadow:var(--kai-shadow);display:block;cursor:crosshair;transition:transform .2s ease-out;position:relative;transform-origin:center center;background:transparent}.canvas-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#e6b98033,#4299e133);border-radius:20px;z-index:-1;opacity:.5;pointer-events:none}.canvas-wrapper canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.editor-bottom-bar{position:fixed;bottom:0;left:var(--kai-sidebar-width);right:0;height:var(--kai-bottombar-height);background-color:#1a1a1a;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:2000;box-shadow:0 -2px 8px #0003}.bottom-bar-left,.bottom-bar-center,.bottom-bar-right{display:flex;align-items:center;gap:15px}.bottom-bar-left{flex:1;justify-content:flex-start}.bottom-bar-center{flex:1;justify-content:center}.bottom-bar-right{flex:1;justify-content:flex-end}.zoom-slider-container{display:flex;align-items:center;gap:12px;min-width:320px}.zoom-reset-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:4px 12px;font-size:13px;transition:all .2s;min-width:55px}.zoom-reset-btn:hover{background:#3b82f633;border-color:#3b82f680;color:#fff}.zoom-slider{flex:1;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none;cursor:pointer}.zoom-slider::-webkit-slider-track{width:100%;height:6px;background:#ffffff1a;border-radius:3px}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #3b82f666;transition:all .2s}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #3b82f699}.zoom-slider::-moz-range-track{width:100%;height:6px;background:#ffffff1a;border-radius:3px}.zoom-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #3b82f666;transition:all .2s}.zoom-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #3b82f699}.zoom-percentage{color:#fffc;font-size:13px;font-weight:500;min-width:50px;text-align:right}@media(max-width:768px){.bottom-bar-left span:not(:first-child),.bottom-bar-right span{display:none}.zoom-slider-container{min-width:200px}.zoom-reset-btn{padding:4px 8px;font-size:12px;min-width:45px}.zoom-percentage{font-size:12px;min-width:40px}}.context-menu{position:fixed;z-index:9999}.context-menu .dropdown-menu{background:#1a202cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 10px 30px #00000080}.context-menu .dropdown-item{color:#ffffffe6;padding:.5rem 1rem;transition:all .2s}.context-menu .dropdown-item:hover{background:#3b82f633;color:#fff}.context-menu .dropdown-item.text-danger{color:#ef4444e6}.context-menu .dropdown-item.text-danger:hover{background:#ef444433;color:#ef4444}.context-menu .dropdown-divider{border-color:#ffffff1a}.user-menu-container{position:relative}.user-menu-container .dropdown-menu{background:#1a202cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 10px 30px #00000080;min-width:200px}.user-menu-container .dropdown-item{color:#ffffffe6;padding:.5rem 1rem;transition:all .2s}.user-menu-container .dropdown-item:hover{background:#3b82f633;color:#fff}.user-menu-container .dropdown-item.text-danger:hover{background:#ef444433;color:#ef4444}.editor-content-area::-webkit-scrollbar{width:12px;height:12px}.editor-content-area::-webkit-scrollbar-track{background:#1a202c4d;border-radius:6px}.editor-content-area::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:6px;border:2px solid rgba(26,32,44,.3)}.editor-content-area::-webkit-scrollbar-thumb:hover{background:#3b82f699}.editor-content-area::-webkit-scrollbar-corner{background:#1a202c4d}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#1a202c4d;border-radius:4px}*::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#3b82f699}.zoom-slider-container{min-width:200px}.zoom-slider{max-width:100px}.bottom-bar-right{gap:10px;white-space:nowrap}.admin-panel-indicator{margin-left:1rem;border-left:2px solid #ffc107;padding-left:1rem}.admin-panel-indicator .btn-warning{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.template-card{cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:var(--bs-body-bg);border:1px solid var(--bs-border-color)}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.template-thumbnail{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--bs-secondary-bg)}.template-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.template-card:hover .template-thumbnail img{transform:scale(1.05)}.template-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bs-secondary-bg)}.template-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;z-index:2}.template-badge.premium{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.template-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.template-card:hover .template-overlay{opacity:1}.template-info{padding:8px}.template-name{font-size:13px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px}.template-meta .badge{font-size:10px;padding:2px 6px}@media(max-width:768px){.template-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.panel-content hr{border-color:var(--bs-border-color);opacity:.5}.panel-section{margin-bottom:16px}.canvas-container.drag-over,[data-fabric=wrapper].drag-over,.lower-canvas.drag-over,.upper-canvas.drag-over{outline:3px dashed #3b82f6!important;outline-offset:-3px;background-color:#3b82f60d!important}.canvas-container,[data-fabric=wrapper],.lower-canvas,.upper-canvas{transition:background-color .2s ease,outline .2s ease}