.debug-panel{position:fixed;top:12px;right:12px;width:340px;max-width:calc(90vw - 24px);max-height:calc(100vh - 80px);background:var(--debug-panel-bg, #1a1a1ae6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--debug-panel-text, #e0e0e0);padding:20px;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid var(--debug-panel-border, #333);border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;line-height:1.5;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease;z-index:10000;transform:translate(calc(100% + 24px));opacity:0;pointer-events:none}.debug-panel.visible{transform:translate(0);opacity:1;pointer-events:auto}.debug-panel-docked{position:relative;width:100%;height:auto;max-width:none;max-height:none;box-shadow:none;border-radius:0;border:none;transform:none!important;opacity:1!important;pointer-events:auto!important}.debug-panel-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#888;font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s ease,background .15s ease}.debug-panel-close:hover{color:#fff;background:#ffffff1a}.debug-panel-toggle{position:fixed;bottom:16px;right:16px;background:var(--debug-toggle-bg, #333);color:#ccc;border:1px solid #555;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;z-index:10001;opacity:.7}.debug-panel-toggle:hover{opacity:1;box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.debug-panel-toggle:active{transform:translateY(0)}.debug-panel-toggle.active{background:var(--debug-toggle-active, #444);border-color:#2196f3;color:#fff;opacity:1}.debug-panel-toggle.has-scenario{background:#1b5e20;border-color:#4caf50;color:#a5d6a7;opacity:1}.debug-form{display:flex;flex-direction:column;gap:20px}.debug-form-title{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--debug-title-color, #fff)}.debug-form-description{margin:0 0 12px;font-size:12px;color:var(--debug-description-color, #aaa);line-height:1.5}.debug-form-columns{display:flex;flex-direction:column;gap:16px}.debug-form-column{display:flex;flex-direction:column;gap:12px}.debug-form-column-label{margin:0 0 4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--debug-column-label-color, #999);padding-bottom:6px;border-bottom:1px solid var(--debug-border-color, #333)}.debug-form-field{display:flex;flex-direction:column;gap:6px}.debug-form-label{font-size:13px;font-weight:500;color:var(--debug-label-color, #ccc);display:block}.debug-form-label.required:after{content:" *";color:var(--debug-required-color, #f44336)}.debug-form-input,.debug-form-select,.debug-form-textarea{background:var(--debug-input-bg, #2a2a2a);border:1px solid var(--debug-input-border, #3a3a3a);border-radius:4px;padding:8px 12px;color:var(--debug-input-text, #e0e0e0);font-size:13px;font-family:inherit;transition:border-color .2s ease,background-color .2s ease;width:100%;box-sizing:border-box}.debug-form-input:focus,.debug-form-select:focus,.debug-form-textarea:focus{outline:none;border-color:var(--debug-input-focus, #2196f3);background:var(--debug-input-focus-bg, #333)}.debug-form-input:disabled,.debug-form-select:disabled,.debug-form-textarea:disabled{opacity:.5;cursor:not-allowed}.debug-form-input::placeholder,.debug-form-textarea::placeholder{color:var(--debug-placeholder-color, #666)}.debug-form-select{cursor:pointer}.debug-form-select option{background:var(--debug-option-bg, #2a2a2a);color:var(--debug-option-text, #e0e0e0)}.debug-form-select option:disabled{color:var(--debug-option-disabled, #666);font-style:italic}.debug-form-label-checkbox{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.debug-form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--debug-checkbox-accent, #2196f3)}.debug-form-label-checkbox span{font-size:13px;color:var(--debug-label-color, #ccc)}.debug-form-textarea{resize:vertical;min-height:80px;font-family:Courier New,monospace}.debug-form-help{font-size:12px;color:var(--debug-help-color, #888);font-style:italic;margin-top:2px}.debug-form-field.has-error .debug-form-input,.debug-form-field.has-error .debug-form-select,.debug-form-field.has-error .debug-form-textarea{border-color:var(--debug-error-border, #f44336)}.debug-form-error{font-size:12px;color:var(--debug-error-text, #f44336);margin-top:4px}.debug-form-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--debug-border-color, #333)}.debug-form-submit,.debug-form-reset{padding:10px 20px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.debug-form-submit{background:var(--debug-submit-bg, #4caf50);color:#fff}.debug-form-submit:hover{background:var(--debug-submit-hover, #45a049);transform:translateY(-1px);box-shadow:0 2px 8px #4caf5066}.debug-form-reset{background:var(--debug-reset-bg, #757575);color:#fff}.debug-form-reset:hover{background:var(--debug-reset-hover, #616161);transform:translateY(-1px);box-shadow:0 2px 8px #75757566}.debug-form-submit:active,.debug-form-reset:active{transform:translateY(0)}.debug-panel::-webkit-scrollbar{width:8px}.debug-panel::-webkit-scrollbar-track{background:var(--debug-scrollbar-track, #1a1a1a)}.debug-panel::-webkit-scrollbar-thumb{background:var(--debug-scrollbar-thumb, #444);border-radius:4px}.debug-panel::-webkit-scrollbar-thumb:hover{background:var(--debug-scrollbar-thumb-hover, #555)}@media(max-width:768px){.debug-panel{width:calc(100vw - 24px);right:12px;top:auto;bottom:52px;max-height:60vh}.debug-panel-toggle{bottom:8px;right:8px;padding:6px 12px;font-size:11px}}.debug-panel-status{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:12px;background:#1b5e2033;border:1px solid #4caf5044;border-radius:6px;font-size:12px;color:#a5d6a7}.debug-panel-status.inactive{background:#42424233;border-color:#5554;color:#888}.debug-form-checkbox:focus{outline:2px solid var(--debug-input-focus, #2196f3);outline-offset:2px}.debug-form-submit:focus,.debug-form-reset:focus{outline:2px solid var(--debug-input-focus, #2196f3);outline-offset:2px}body{width:100svw;height:100svh;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#000}iframe{border:none}#alert-modal{border:none!important;border-radius:20px;color:#fff;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:480px;min-width:350px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}#alert-modal.error{background:linear-gradient(135deg,#1a1a2e,#2d1b3d,#16213e);box-shadow:0 32px 64px #0009,0 0 0 1px #ff4f4f4d,inset 0 1px #ffffff1a}#alert-modal.error:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,79,79,.8),transparent)}#alert-modal.error #alert-content h4{background:linear-gradient(135deg,#ff6b6b,#ffa8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#alert-modal.error #alert-content button{background:linear-gradient(135deg,#ff4757,#ff3838,#ff2f2f);box-shadow:0 8px 24px #ff475766,inset 0 1px #fff3}#alert-modal.error #alert-content button:hover{background:linear-gradient(135deg,#ff3742,#ff2f2f,#ff1e1e);box-shadow:0 16px 40px #ff475799,inset 0 1px #ffffff4d}#alert-modal.error #alert-content button:active{box-shadow:0 6px 20px #ff475780}#alert-modal.warning{background:linear-gradient(135deg,#1a1a2e,#3d2d1b,#3e2116);box-shadow:0 32px 64px #0009,0 0 0 1px #ffc14f4d,inset 0 1px #ffffff1a}#alert-modal.warning:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,193,79,.8),transparent)}#alert-modal.warning #alert-content h4{background:linear-gradient(135deg,#ffb347,#ffc870);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#alert-modal.warning #alert-content button{background:linear-gradient(135deg,#ff9f43,#ff8c38,#ff7f2f);box-shadow:0 8px 24px #ff9f4366,inset 0 1px #fff3}#alert-modal.warning #alert-content button:hover{background:linear-gradient(135deg,#ff8c42,#ff7f2f,#ff6f1e);box-shadow:0 16px 40px #ff9f4399,inset 0 1px #ffffff4d}#alert-modal.warning #alert-content button:active{box-shadow:0 6px 20px #ff9f4380}#alert-modal #alert-content{display:flex;flex-direction:column;gap:20px}#alert-modal #alert-content h4{margin:0 0 8px;font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:-.02em}#alert-modal #alert-content p{margin:0;text-align:center;opacity:.95;line-height:1.5;font-size:1rem;color:#ffffffe6}#alert-modal #alert-content button{padding:14px 24px;border-radius:12px;border:none;outline:none;cursor:pointer;color:#fff;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:12px;position:relative;overflow:hidden}#alert-modal #alert-content button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}#alert-modal #alert-content button:hover:before{left:100%}#alert-modal #alert-content button:hover{transform:translateY(-2px) scale(1.02)}#alert-modal #alert-content button:active{transform:translateY(-1px) scale(1.01)}