.dev-tools-panel-wrapper{position:fixed;top:50%;left:0;z-index:9998;transform:translate(calc(-100% - 20px),-50%);transition:transform .4s cubic-bezier(.165,.84,.44,1);width:300px;background:var(--glass-element-gradient);backdrop-filter:blur(var(--glass-blur-extreme));border:1px solid var(--glass-border-color-subtle);border-radius:16px;box-shadow:var(--glass-shadow-vibrant);display:flex;font-family:var(--font-body);overflow:hidden}.dev-tools-panel-wrapper.open{transform:translate(20px,-50%)}.dev-toggle-btn{position:fixed;top:50%;left:20px;z-index:9999;transform:translateY(-50%);background:var(--accent-primary);color:white;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.165,.84,.44,1)}.dev-toggle-btn.open{transform:translateY(-50%) rotate(135deg);left:330px}.dev-tabs{display:flex;flex-direction:column;padding:10px;background:rgba(0,0,0,.2);border-right:1px solid var(--border-color)}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;padding:15px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary);background:var(--glass-element-gradient-hover)}.tab-btn.active{color:var(--accent-primary);background:rgba(0,0,0,.3)}.dev-content{padding:15px;flex-grow:1;height:400px;overflow-y:auto}.dev-content::-webkit-scrollbar{width:6px}.dev-content::-webkit-scrollbar-track{background:transparent}.dev-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:6px}.dev-options-grid{display:flex;flex-wrap:wrap;gap:8px}.dev-btn{flex-grow:1;padding:8px 12px;font-size:.8rem;text-align:center;background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-btn:hover{background-color:var(--accent-primary-dark);transform:translateY(-2px)}.dev-btn.active,.dev-btn:hover{color:#fff;border-color:var(--accent-primary)}.dev-btn.active{background-color:var(--accent-primary);box-shadow:0 0 15px rgba(255,0,255,.4);font-weight:700}.tab-btn.has-changes{position:relative}.tab-btn.has-changes:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--accent-secondary);border-radius:50%}.dev-branding-tab{display:flex;flex-direction:column;gap:12px;width:100%}.dev-input-group{display:flex;flex-direction:column;gap:4px}.dev-input-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dev-input-group input{background:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.dev-input-group input:focus{outline:none;border-color:var(--accent-primary)}.dev-input-group input::placeholder{color:var(--text-secondary);opacity:.5}@media (max-width:768px){.dev-tools-panel-wrapper{transform:translateY(calc(100% + 20px));top:auto;bottom:0;left:15px;right:15px;width:calc(100% - 30px)}.dev-tools-panel-wrapper.open{transform:translateY(-15px)}.dev-toggle-btn{top:auto;bottom:15px;left:15px;transform:translateY(0)}.dev-toggle-btn.open{transform:translateY(0) rotate(135deg);bottom:280px}.dev-tools-panel-wrapper{flex-direction:column}.dev-tabs{flex-direction:row;border-right:none;border-bottom:1px solid var(--border-color);padding:5px}.tab-btn{padding:10px;flex-grow:1}.dev-content{height:250px}}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;padding:20px;box-sizing:border-box;opacity:0;animation:fadeIn .3s ease forwards}.notification-box{padding:2.5rem;border-radius:20px;text-align:center;position:relative;max-width:450px;width:100%;background:var(--glass-element-gradient);border:1px solid var(--glass-border-color-subtle);backdrop-filter:blur(var(--glass-blur-extreme));-webkit-backdrop-filter:blur(var(--glass-blur-extreme));box-shadow:var(--glass-shadow-vibrant);transform:scale(.95);opacity:0;animation:fadeInScale .3s cubic-bezier(.175,.885,.32,1.275) .1s forwards}.notification-message{font-size:1.3rem;font-weight:500;font-family:var(--font-body);line-height:1.6}.notification-input,.notification-message{margin-bottom:25px;color:var(--text-primary)}.notification-input{width:100%;padding:12px 15px;border-radius:8px;border:1px solid var(--border-color);background:rgba(0,0,0,.2);font-size:1rem}.notification-input:focus{outline:none;border-color:var(--accent-primary)}.notification-actions{display:flex;justify-content:center;gap:15px}.notification-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;transition:all .3s ease;cursor:pointer;border:none;min-width:150px}.notification-btn.confirm{background-color:var(--accent-primary);color:var(--text-primary)!important;box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.4)}.notification-btn.confirm:hover{background-color:var(--accent-primary-dark);transform:translateY(-3px);box-shadow:0 0 30px rgba(var(--accent-primary-rgb),.6)}.notification-btn.cancel{background:var(--glass-element-gradient);color:var(--text-primary);border:1px solid var(--glass-border-color-subtle);backdrop-filter:blur(var(--glass-blur-extreme));box-shadow:var(--glass-shadow-lighter)}.notification-btn.cancel:hover{background:var(--glass-element-gradient-hover);border-color:var(--glass-border-color-subtle);transform:translateY(-3px)}.toast-overlay-wrapper{position:fixed;top:20px;left:0;right:0;display:flex;justify-content:center;z-index:2000;pointer-events:none}.toast-box{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:50px;background:var(--bg-light);border:1px solid var(--glass-border-color-subtle);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:var(--glass-shadow-vibrant);pointer-events:auto;animation:slideDownIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-box.success .toast-icon{color:#4ade80}.toast-box.error .toast-icon{color:#f87171}.toast-box.warning .toast-icon{color:#fbbf24}.toast-box.info .toast-icon{color:var(--accent-primary)}.toast-message{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:600}.toast-progress-bar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}