.html-validator[data-v-8c4e647e]{display:flex;flex-direction:column;gap:2rem;width:100%}.tabs[data-v-8c4e647e]{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.tabs button[data-v-8c4e647e]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#b0b0b0;padding:.8rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease}.tabs button.active[data-v-8c4e647e]{background:#6366f11a;border-color:#6366f1;color:#fff}.input-section[data-v-8c4e647e]{display:flex;flex-direction:column;align-items:center;gap:1rem}.input-group[data-v-8c4e647e]{display:flex;width:100%;max-width:600px;gap:1rem}.input-group input[data-v-8c4e647e]{flex:1;background:#0003;border:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:12px;color:#fff;font-size:1.1rem;outline:none;transition:border-color .2s}.input-group input[data-v-8c4e647e]:focus{border-color:#6366f1}.primary-btn[data-v-8c4e647e]{background:linear-gradient(135deg,#6366f1,#06b6d4);border:none;color:#fff;padding:0 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:opacity .2s}.primary-btn[data-v-8c4e647e]:hover{opacity:.9}.primary-btn[data-v-8c4e647e]:disabled{opacity:.5;cursor:not-allowed}.error-msg[data-v-8c4e647e]{color:#ef4444;font-size:.9rem}.editor-section[data-v-8c4e647e]{display:flex;flex-direction:column;gap:1rem;background:#ffffff05;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.editor-header[data-v-8c4e647e]{display:flex;justify-content:space-between;align-items:center}.editor-header h3[data-v-8c4e647e]{color:#fff;margin:0;font-size:1.2rem}.secondary-btn[data-v-8c4e647e]{background:#ffffff1a;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;transition:background .2s}.secondary-btn[data-v-8c4e647e]:hover:not(:disabled){background:#fff3}.secondary-btn[data-v-8c4e647e]:disabled{opacity:.5;cursor:not-allowed}.code-editor[data-v-8c4e647e]{width:100%;height:300px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;color:#a6accd;font-family:Fira Code,monospace;font-size:.95rem;resize:vertical;outline:none}.code-editor[data-v-8c4e647e]:focus{border-color:#6366f1}.results-section[data-v-8c4e647e]{padding:2rem;border-radius:16px;display:flex;flex-direction:column;gap:2rem}.glass[data-v-8c4e647e]{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.result-header[data-v-8c4e647e]{display:flex;align-items:center;gap:1rem}.result-header.valid .icon svg[data-v-8c4e647e]{color:#10b981}.result-header.valid h2[data-v-8c4e647e]{color:#10b981}.result-header.invalid .icon svg[data-v-8c4e647e]{color:#ef4444}.result-header.invalid h2[data-v-8c4e647e]{color:#ef4444}.icon[data-v-8c4e647e]{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.icon svg[data-v-8c4e647e]{width:100%;height:100%}.result-header h2[data-v-8c4e647e]{margin:0;font-size:1.8rem}.suggestions-list h3[data-v-8c4e647e]{color:#fff;margin-top:0;margin-bottom:1rem}.suggestions-list ul[data-v-8c4e647e]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.suggestions-list li[data-v-8c4e647e]{background:#0003;padding:1rem;border-radius:8px;display:flex;align-items:flex-start;gap:1rem;color:#e2e8f0;font-size:.95rem;line-height:1.5}.suggestions-list li.error[data-v-8c4e647e]{border-left:4px solid #ef4444}.suggestions-list li.warning[data-v-8c4e647e]{border-left:4px solid #f59e0b}.badge[data-v-8c4e647e]{font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.error .badge[data-v-8c4e647e]{background:#ef444433;color:#ef4444}.warning .badge[data-v-8c4e647e]{background:#f59e0b33;color:#f59e0b}.badge-section[data-v-8c4e647e]{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.5rem}.badge-section h3[data-v-8c4e647e]{color:#fff;margin-top:0;margin-bottom:.5rem}.badge-section p[data-v-8c4e647e]{color:#b0b0b0;margin-bottom:1.5rem}.badge-preview[data-v-8c4e647e]{margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:8px;display:inline-block}.code-copy[data-v-8c4e647e]{position:relative;background:#1e1e2e;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.code-copy pre[data-v-8c4e647e]{margin:0;overflow-x:auto;color:#a6accd;font-size:.9rem;padding-bottom:1rem}.copy-btn[data-v-8c4e647e]{position:absolute;top:.5rem;right:.5rem;background:#ffffff1a;border:none;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s}.copy-btn[data-v-8c4e647e]:hover{background:#fff3}