.html-preview[data-v-6bcff799]{background:radial-gradient(circle at 10% 20%,rgba(249,115,22,.12),transparent 45%),radial-gradient(circle at 80% 15%,rgba(99,102,241,.15),transparent 45%),#fdf6ec;display:flex;height:calc(100vh - 180px);justify-content:center;overflow:hidden;padding:40px 24px}.html-preview__inner[data-v-6bcff799]{display:flex;flex-direction:column;height:100%;width:min(1600px,100%)}.html-preview .hero[data-v-6bcff799]{margin-bottom:24px;text-align:center}.html-preview .hero .eyebrow[data-v-6bcff799]{color:#fb923c;font-size:14px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.html-preview .hero h1[data-v-6bcff799]{color:#0f172a;font-size:38px;font-weight:700;margin-bottom:30px}.html-preview .hero .subtitle[data-v-6bcff799]{color:#5b647d;font-size:16px;margin-bottom:30px}.html-preview .panel-controls[data-v-6bcff799]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.html-preview .panel-controls .pill[data-v-6bcff799]{align-items:center;display:inline-flex;gap:8px;padding:8px 14px}.html-preview .panel-controls .ghost[data-v-6bcff799],.html-preview .panel-controls .pill[data-v-6bcff799]{border:1px solid rgba(75,85,99,.2);border-radius:999px;color:#4b5563;cursor:pointer;font-weight:600}.html-preview .panel-controls .ghost[data-v-6bcff799]{background:transparent;padding:8px 16px}.html-preview .panel-controls .upload input[data-v-6bcff799]{display:none}.html-preview .panel-controls .timestamp[data-v-6bcff799]{color:#6b7280;font-size:14px}.html-preview .workspace[data-v-6bcff799]{display:grid;flex:.9;gap:24px;grid-template-columns:1.2fr 1fr;overflow:hidden}.html-preview .editor-stack[data-v-6bcff799],.html-preview .preview-card[data-v-6bcff799]{background:#fff;border:1px solid rgba(249,115,22,.12);border-radius:24px;box-shadow:0 20px 50px #0f172a1a;display:flex;flex-direction:column;overflow:hidden;padding:20px}.html-preview .preview-header[data-v-6bcff799]{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.html-preview .preview-header span[data-v-6bcff799]{color:#0f172a;font-weight:600}.html-preview .editor-tabs[data-v-6bcff799]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.html-preview .tab[data-v-6bcff799]{background:#f8fafc;border:1px solid rgba(148,163,184,.6);border-radius:10px;color:#475569;cursor:pointer;font-weight:600;padding:8px 16px}.html-preview .tab.active[data-v-6bcff799]{background:linear-gradient(120deg,#2563eb,#9333ea);border-color:transparent;color:#fff}.html-preview .tab-actions[data-v-6bcff799]{margin-left:auto}.html-preview .run-btn[data-v-6bcff799]{align-items:center;background:linear-gradient(120deg,#34d399,#10b981);border:none;border-radius:999px;box-shadow:0 10px 25px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 18px}.html-preview .run-btn .dot[data-v-6bcff799]{background:#fff;border-radius:50%;height:8px;width:8px}.html-preview textarea[data-v-6bcff799]{background:#f8fafc;border:1px solid rgba(148,163,184,.6);border-radius:16px;flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;margin:0 auto;overflow:auto;padding:12px;resize:none;width:95%}.html-preview iframe[data-v-6bcff799]{background:#0f172a;border:none;border-radius:20px;flex:1;width:100%}.html-preview .primary[data-v-6bcff799]{background:linear-gradient(120deg,#f97316,#fb7185);border:none;border-radius:999px;box-shadow:0 15px 40px #fb718540;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px}@media (max-width:992px){.workspace[data-v-6bcff799]{grid-template-columns:1fr}}@media (max-width:640px){.workspace[data-v-6bcff799]{grid-template-columns:1fr}}