.demo-mode-controls[data-v-cce70746]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:12px;box-shadow:0 10px 30px #0000004d;color:#fff;font-family:Monaco,Menlo,monospace;font-size:.875rem;max-width:400px;padding:1rem;position:fixed;right:20px;top:20px;z-index:9999}.demo-header[data-v-cce70746]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.demo-badge[data-v-cce70746]{background:linear-gradient(135deg,#ff6b6b,orange);border-radius:20px;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.demo-badge[data-v-cce70746],.toggle-button[data-v-cce70746]{color:#fff;font-size:.75rem}.toggle-button[data-v-cce70746]{background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.toggle-button[data-v-cce70746]:hover{background:#ffffff1a}.demo-content[data-v-cce70746]{margin-top:1rem}.demo-section[data-v-cce70746]{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1.5rem;padding-bottom:1rem}.demo-section[data-v-cce70746]:last-child{border-bottom:none;margin-bottom:0}.demo-section h4[data-v-cce70746]{color:orange;font-size:.875rem;margin:0 0 .75rem}.demo-buttons[data-v-cce70746]{display:flex;flex-wrap:wrap;gap:.5rem}.demo-btn[data-v-cce70746]{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.demo-btn.primary[data-v-cce70746]{background:#007bff;color:#fff}.demo-btn.primary[data-v-cce70746]:hover{background:#0056b3}.demo-btn.success[data-v-cce70746]{background:#28a745;color:#fff}.demo-btn.success[data-v-cce70746]:hover{background:#1e7e34}.demo-btn.warning[data-v-cce70746]{background:#ffc107;color:#212529}.demo-btn.warning[data-v-cce70746]:hover{background:#e0a800}.demo-btn.error[data-v-cce70746]{background:#dc3545;color:#fff}.demo-btn.error[data-v-cce70746]:hover{background:#c82333}.mock-phone-form[data-v-cce70746]{display:flex;flex-direction:column;gap:.5rem}.mock-input[data-v-cce70746],.mock-select[data-v-cce70746]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;font-size:.875rem;padding:.5rem}.mock-input[data-v-cce70746]::-moz-placeholder{color:#fff9}.mock-input[data-v-cce70746]::placeholder{color:#fff9}.state-display[data-v-cce70746]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:.75rem}.state-item[data-v-cce70746]{font-size:.75rem;margin-bottom:.5rem}.state-item[data-v-cce70746]:last-child{margin-bottom:0}.state-item strong[data-v-cce70746]{color:orange}@media (max-width:768px){.demo-mode-controls[data-v-cce70746]{font-size:.75rem;left:10px;max-width:none;right:10px;top:10px}.demo-buttons[data-v-cce70746]{flex-direction:column}.demo-btn[data-v-cce70746]{width:100%}}