.windows-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto;overflow:hidden;contain:strict;isolation:isolate}#bubbleradius{width:4.5rem;height:1px;opacity:0;z-index:-1;display:block;position:absolute}.windows-bubbles .bubble{border-radius:9rem;height:9rem;width:9rem;margin-left:-4.5rem;margin-top:-4.5rem;display:block;position:absolute;top:0;left:0;opacity:1;will-change:translate,box-shadow;transition:box-shadow .5s ease-in-out,opacity .04s ease-in}@keyframes bubble-pop{0%{scale:1;opacity:1}35%{scale:1.2;opacity:.5}to{scale:1.6;opacity:0}}@keyframes pop-ring{0%{scale:1;opacity:.35}to{scale:2.4;opacity:0}}.windows-bubbles .bubble.popped{animation:bubble-pop .22s ease-out forwards;transition:none;pointer-events:none}.windows-bubbles .bubble.popped:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);animation:pop-ring .3s ease-out forwards;pointer-events:none}.windows-bubbles .bubble.popped:after{opacity:0;transition:none}.windows-bubbles .bubble:after{content:"";position:absolute;top:18%;left:18%;background-color:#bfffff99;width:.643rem;height:1.5rem;border-radius:50%;transform:rotate(45deg) scale(.8);pointer-events:none}.dev-panel-toggle{position:fixed;bottom:16px;right:16px;z-index:100000;width:40px;height:40px;border-radius:50%;background:#1a1a1a;color:#fff;border:2px solid #444;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:transform .15s}.dev-panel-toggle:hover{transform:scale(1.1);border-color:#888}.dev-panel-overlay{position:fixed;top:0;right:0;bottom:0;z-index:99999;width:360px;max-width:90vw;background:#1a1a1a;color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif;font-size:13px;box-shadow:-4px 0 24px #00000080;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #333}.dev-panel-header{padding:12px 16px;background:#111;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dev-panel-header h3{margin:0;font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px}.dev-panel-close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.dev-panel-close:hover{color:#fff}.dev-panel-theme-select{padding:12px 16px;border-bottom:1px solid #333;flex-shrink:0}.dev-panel-theme-select label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:6px}.dev-panel-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dev-panel-theme-btn{padding:8px 4px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#ccc;font-size:11px;cursor:pointer;text-align:center;transition:all .15s;line-height:1.3}.dev-panel-theme-btn:hover{background:#333;border-color:#666}.dev-panel-theme-btn.active{background:#2563eb;border-color:#3b82f6;color:#fff}.dev-panel-body{flex:1;overflow-y:auto;padding-bottom:16px}.dev-panel-body::-webkit-scrollbar{width:6px}.dev-panel-body::-webkit-scrollbar-track{background:#1a1a1a}.dev-panel-body::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.dev-panel-category{border-bottom:1px solid #2a2a2a}.dev-panel-category-header{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;position:sticky;top:0;z-index:1}.dev-panel-category-header:hover{background:#222}.dev-panel-category-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#888;font-weight:600}.dev-panel-category-arrow{color:#666;font-size:10px;transition:transform .15s}.dev-panel-category-arrow.open{transform:rotate(90deg)}.dev-panel-category-body{padding:4px 16px 12px}.dev-control{margin-bottom:10px}.dev-control-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dev-control-name{font-size:12px;color:#bbb}.dev-control-value{font-size:11px;color:#666;font-family:Courier New,monospace}.dev-color-row{display:flex;align-items:center;gap:8px}.dev-color-input{width:32px;height:24px;border:1px solid #444;border-radius:4px;padding:0;cursor:pointer;background:none}.dev-color-input::-webkit-color-swatch-wrapper{padding:2px}.dev-color-input::-webkit-color-swatch{border-radius:2px;border:none}.dev-color-text{flex:1;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:4px 8px;color:#e0e0e0;font-size:12px;font-family:Courier New,monospace}.dev-color-text:focus{outline:none;border-color:#2563eb}.dev-range-input{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none}.dev-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #1a1a1a}.dev-range-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #1a1a1a}.dev-select{width:100%;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:5px 8px;color:#e0e0e0;font-size:12px;cursor:pointer}.dev-select:focus{outline:none;border-color:#2563eb}.dev-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.dev-toggle-label{font-size:12px;color:#bbb}.dev-toggle{position:relative;width:36px;height:20px;cursor:pointer}.dev-toggle input{opacity:0;width:0;height:0}.dev-toggle-track{position:absolute;top:0;left:0;right:0;bottom:0;background:#333;border-radius:10px;transition:background .15s}.dev-toggle input:checked+.dev-toggle-track{background:#2563eb}.dev-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s;pointer-events:none}.dev-toggle input:checked~.dev-toggle-knob{transform:translate(16px)}.dev-panel-actions{padding:12px 16px;border-top:1px solid #333;display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.dev-action-btn{flex:1;min-width:0;padding:6px 10px;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#ccc;font-size:11px;cursor:pointer;transition:all .15s;text-align:center;white-space:nowrap}.dev-action-btn:hover{background:#333;border-color:#666}.dev-action-btn.danger{border-color:#622;color:#f66}.dev-action-btn.danger:hover{background:#311;border-color:#933}.dev-action-btn.primary{background:#2563eb;border-color:#3b82f6;color:#fff}.dev-action-btn.primary:hover{background:#1d4ed8}.dev-panel-hint{padding:8px 16px;font-size:10px;color:#555;text-align:center;border-top:1px solid #2a2a2a;flex-shrink:0}.dev-panel-hint kbd{background:#2a2a2a;border:1px solid #444;border-radius:3px;padding:1px 4px;font-size:10px;font-family:inherit}.dev-control-var{font-size:10px;color:#444;font-family:Courier New,monospace;margin-top:2px}.dev-panel-settings-title{padding:10px 16px 4px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666;font-weight:600;border-top:1px solid #333}