.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:#f59e0b;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.slider::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#f59e0b;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.slider::-webkit-slider-track{height:8px;border-radius:4px;background:#fed7aa}.slider::-moz-range-track{height:8px;border-radius:4px;background:#fed7aa}.slider:focus{outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.3)}.gradient-button{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.enhanced-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.enhanced-shadow:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(75,85,99,.3);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}.layers-panel-scroll{scrollbar-width:thin;scrollbar-color:#374151 #1f2937}.layers-panel-scroll::-webkit-scrollbar{width:6px}.layers-panel-scroll::-webkit-scrollbar-track{background:#1f2937;border-radius:3px}.layers-panel-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.layers-panel-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.layer-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.layer-item:hover{transform:translateY(-1px)}.layer-item.selected{box-shadow:0 10px 25px -5px rgba(59,130,246,.4)}.processing-mode-badge{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.8}}.control-button{position:relative;overflow:hidden}.control-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:currentColor;opacity:.1;transform:translate(-50%,-50%);transition:width .3s,height .3s}.control-button:hover:before{width:100%;height:100%}.layers-panel button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.layers-panel button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.layer-count{transition:all .2s ease-in-out}.layer-count.updated{animation:bounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toolbar-expand-enter{opacity:0;max-height:0;transform:translateY(-10px)}.toolbar-expand-enter-active{transition:opacity .3s ease-in-out,max-height .3s ease-in-out,transform .3s ease-in-out}.toolbar-expand-enter-active,.toolbar-expand-exit{opacity:1;max-height:500px;transform:translateY(0)}.toolbar-expand-exit-active{opacity:0;max-height:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,max-height .3s ease-in-out,transform .3s ease-in-out}.layers-panel{min-height:0}.layers-header{background:linear-gradient(180deg,rgba(31,41,55,.9),rgba(31,41,55,.1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.layers-panel-scroll{scroll-behavior:smooth}.empty-state-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.compact-toolbar{border-top:1px solid rgba(55,65,81,.5);background:linear-gradient(180deg,rgba(31,41,55,.95),rgba(17,24,39,.95));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-action-btn{transition:all .2s ease-in-out}.quick-action-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}