.code-sandbox-mode-selector[data-v-fe351e95]{z-index:2000;position:fixed;top:0;bottom:0;left:0;right:0}.overlay[data-v-fe351e95]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:32px 20px 20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal[data-v-fe351e95]{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-fe351e95]{text-align:left;justify-content:space-between;align-items:center;padding:32px 20px 0;display:flex}.modal-header h2[data-v-fe351e95]{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.explore-templates-btn[data-v-fe351e95]{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.explore-templates-btn[data-v-fe351e95]:hover{background:#2563eb;border-color:#2563eb}.explore-templates-btn[data-v-fe351e95]:active{transform:translateY(1px)}.explore-templates-btn .search-icon[data-v-fe351e95]{color:#ffffffe6;flex-shrink:0;width:16px;height:16px}.modal-content[data-v-fe351e95]{scrollbar-width:auto;-webkit-overflow-scrolling:touch;flex:1;padding:20px 20px 0;overflow-y:auto}.modal-content[data-v-fe351e95]::-webkit-scrollbar{-webkit-appearance:none;width:12px}.modal-content[data-v-fe351e95]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content[data-v-fe351e95]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.modal-content[data-v-fe351e95]::-webkit-scrollbar-thumb:hover{background:#555}.mode-options[data-v-fe351e95]{flex-flow:wrap;gap:12px;display:flex}.mode-option[data-v-fe351e95]{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:calc(50% - 6px);min-height:120px;padding:12px 20px;transition:all .2s;display:flex}.mode-option[data-v-fe351e95]:hover{border-color:#d1d5db}.mode-option.active[data-v-fe351e95]{background:#fff;border-color:#232425}.mode-option.disabled[data-v-fe351e95]{opacity:.6;cursor:not-allowed}.mode-option.disabled[data-v-fe351e95],.mode-option.disabled[data-v-fe351e95]:hover{background:#f9fafb;border-color:#e5e7eb}.mode-option.coming-soon .mode-title[data-v-fe351e95]:after{content:" 🚀";font-size:.9em}.mode-content[data-v-fe351e95]{flex:1}.mode-header[data-v-fe351e95]{justify-content:space-between;margin-bottom:8px}.mode-header[data-v-fe351e95],.mode-title[data-v-fe351e95]{align-items:center;display:flex}.mode-title[data-v-fe351e95]{color:#1f2937;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600}.rec-badge[data-v-fe351e95]{color:#0f7fff;text-align:center;background:#f3f9ff;border:1px solid #cfe5ff;border-radius:57px;justify-content:center;align-items:center;gap:10px;padding:0 8px;font-size:10px;font-style:normal;font-weight:700;line-height:150%;display:flex}.beta-badge[data-v-fe351e95]{color:#ff8c00;background:#fffaf0;border:1px solid gold;border-radius:57px}.beta-badge[data-v-fe351e95],.plus-badge[data-v-fe351e95]{text-align:center;justify-content:center;align-items:center;gap:10px;margin-left:8px;padding:0 8px;font-size:10px;font-style:normal;font-weight:700;line-height:150%;display:inline-flex}.plus-badge[data-v-fe351e95]{color:#8e44ad;background:#f9f3ff;border:1px solid #9b59b6;border-radius:57px}.check-icon[data-v-fe351e95]{color:#232425;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:12px;display:flex}.check-icon[data-v-fe351e95] .check-stroke{stroke:#fff}.empty-circle[data-v-fe351e95]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:50%;width:16px;height:16px}.mode-description[data-v-fe351e95]{color:#1f2937;margin:0 0 4px;font-weight:500}.mode-description[data-v-fe351e95],.mode-example[data-v-fe351e95]{font-size:.875rem;line-height:1.4}.mode-example[data-v-fe351e95]{color:#6b7280;margin:0}.modal-footer[data-v-fe351e95]{flex-direction:row;gap:12px;padding:24px 20px 20px;display:flex}.start-working-btn[data-v-fe351e95]{color:#fff;cursor:pointer;background:#000;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.start-working-btn[data-v-fe351e95]:disabled{opacity:.7;cursor:not-allowed}.start-working-btn[data-v-fe351e95]:hover:not(:disabled){background:#333}.loading-spinner[data-v-fe351e95]{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin-fe351e95}.loading-text[data-v-fe351e95]{transition:opacity .2s}@keyframes spin-fe351e95{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.cancel-btn[data-v-fe351e95]{color:#232425;cursor:pointer;background:#f5f5f5;border:none;border-radius:12px;flex:1;min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.cancel-btn[data-v-fe351e95]:disabled{opacity:.5;cursor:not-allowed}.cancel-btn[data-v-fe351e95]:hover:not(:disabled){background:#e5e5e5}@media (prefers-color-scheme:dark){.modal[data-v-fe351e95]{background:#1f2937}.modal-header h2[data-v-fe351e95]{color:#f9fafb}.explore-templates-btn[data-v-fe351e95]{color:#fff;background:#2563eb;border-color:#2563eb}.explore-templates-btn[data-v-fe351e95]:hover{background:#1d4ed8;border-color:#1d4ed8}.modal-content[data-v-fe351e95]::-webkit-scrollbar-track{background:#374151}.modal-content[data-v-fe351e95]::-webkit-scrollbar-thumb{background:#6b7280}.modal-content[data-v-fe351e95]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.mode-option[data-v-fe351e95]{background:#1f2937;border-color:#374151}.mode-option[data-v-fe351e95]:hover{border-color:#4b5563}.mode-option.active[data-v-fe351e95]{background:#1f2937;border-color:#fff}.mode-option.disabled[data-v-fe351e95]{opacity:.6;cursor:not-allowed}.mode-option.disabled[data-v-fe351e95],.mode-option.disabled[data-v-fe351e95]:hover{background:#111827;border-color:#374151}.mode-description[data-v-fe351e95],.mode-title[data-v-fe351e95]{color:#f9fafb}.mode-example[data-v-fe351e95]{color:#d1d5db}.rec-badge[data-v-fe351e95]{color:#0f7fff;background:#f3f9ff;border:1px solid #cfe5ff}.beta-badge[data-v-fe351e95]{color:orange;background:#320;border:1px solid orange}.plus-badge[data-v-fe351e95]{color:#b19cd9;background:#2d1f3f;border:1px solid #b19cd9}.check-icon[data-v-fe351e95]{color:#fff}.check-icon[data-v-fe351e95] .check-stroke{stroke:#232425}.modal-footer[data-v-fe351e95]{border-top-color:#374151}.start-working-btn[data-v-fe351e95]{color:#232425;background:#fff}.start-working-btn[data-v-fe351e95]:hover:not(:disabled){background:#e5e5e5}.cancel-btn[data-v-fe351e95]{color:#fff;background:#000}.cancel-btn[data-v-fe351e95]:hover,.cancel-btn[data-v-fe351e95]:hover:not(:disabled){background:#333}}@media (max-width:768px){.overlay[data-v-fe351e95]{padding:20px 16px 16px}.modal[data-v-fe351e95]{max-width:none}.modal-header[data-v-fe351e95]{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 16px 0}.modal-header h2[data-v-fe351e95]{font-size:1.25rem}.explore-templates-btn[data-v-fe351e95]{justify-content:center;width:100%}.modal-content[data-v-fe351e95]{padding:16px 16px 0}.mode-options[data-v-fe351e95]{flex-direction:column}.mode-option[data-v-fe351e95]{width:100%;padding:10px 16px}.mode-title[data-v-fe351e95]{font-size:1rem;display:block}.mode-description[data-v-fe351e95]{font-size:.8rem}.mode-example[data-v-fe351e95]{font-size:.75rem}.rec-badge[data-v-fe351e95]{padding:0 6px;font-size:9px}.check-icon[data-v-fe351e95]{width:14px;height:14px}.modal-footer[data-v-fe351e95]{flex-direction:column;gap:10px;padding:20px 16px 16px}.cancel-btn[data-v-fe351e95],.start-working-btn[data-v-fe351e95]{flex:none;width:100%}}