#main-interface{position:relative;overflow:hidden}#layers-panel{transition:transform 0.3s ease-out;box-shadow:4px 0 20px rgba(0,0,0,0.3)}.layer-item{min-height:64px;user-select:none;-webkit-user-select:none;cursor:grab}.layer-item:active{cursor:grabbing}.drag-handle{touch-action:none;-webkit-touch-callout:none;padding:8px;margin:-8px}.layer-thumbnail{image-rendering:crisp-edges;image-rendering:-webkit-crisp-edges}.layer-item.drag-over{border-top:4px solid #3B82F6 !important;margin-top:-4px}.layer-item.opacity-50{opacity:0.5}#layers-panel .layer-properties{background-color:rgba(31,41,55,0.5)}#layers-panel button{min-width:44px;min-height:44px}#layers-panel .overflow-y-auto::-webkit-scrollbar{width:8px}#layers-panel .overflow-y-auto::-webkit-scrollbar-track{background:rgba(75,85,99,0.3)}#layers-panel .overflow-y-auto::-webkit-scrollbar-thumb{background:rgba(156,163,175,0.5);border-radius:4px}#layers-panel .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,0.7)}.bottom-controls{position:fixed;bottom:0;left:0;right:0;background:rgba(17,24,39,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(75,85,99,0.5);z-index:10}@media (max-width: 1024px){#layers-panel{width:280px !important}.layer-item{min-height:72px}}.font-bebas{font-family:'Bebas Neue', sans-serif}.hover\:shadow-red-600\/50:hover{box-shadow:0 0 20px rgba(220,38,38,0.5)}.hover\:shadow-yellow-400\/50:hover{box-shadow:0 0 20px rgba(251,191,36,0.5)}@keyframes canvasPulse{0%, 100%{border-color:#4b5563}50%{border-color:#dc2626}}.canvas-pulse{animation:canvasPulse 0.1s ease-in-out}