.demo-container[data-astro-cid-tb5vpudz]{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:600px;background:var(--color-surface);border-radius:.5rem;border:1px solid var(--color-border);overflow:hidden}@media(max-width:768px){.demo-container[data-astro-cid-tb5vpudz]{grid-template-columns:1fr;min-height:800px}}.demo-editor[data-astro-cid-tb5vpudz]{display:flex;flex-direction:column;border-right:1px solid var(--color-border)}@media(max-width:768px){.demo-editor[data-astro-cid-tb5vpudz]{border-right:none;border-bottom:1px solid var(--color-border)}}.demo-editor-header[data-astro-cid-tb5vpudz]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.demo-tabs[data-astro-cid-tb5vpudz]{display:flex;gap:.5rem}.demo-tab[data-astro-cid-tb5vpudz]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s}.demo-tab[data-astro-cid-tb5vpudz].active{color:var(--color-text-primary);background:var(--color-surface)}.demo-actions[data-astro-cid-tb5vpudz]{display:flex;gap:.5rem}.demo-select[data-astro-cid-tb5vpudz]{padding:.375rem .75rem;font-size:.75rem;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer;outline:none;transition:border-color .15s}.demo-select[data-astro-cid-tb5vpudz]:hover,.demo-select[data-astro-cid-tb5vpudz]:focus{border-color:var(--color-accent)}.demo-editor-body[data-astro-cid-tb5vpudz]{flex:1;position:relative;min-height:0;overflow:hidden}.editor[data-astro-cid-tb5vpudz]{position:absolute;inset:0;padding:1rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--color-text-primary);background:var(--color-background);border:none;outline:none;tab-size:2;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.editor[data-astro-cid-tb5vpudz]:empty:before{content:"Enter your HTML here...";color:var(--color-text-muted)}#demo-html[data-astro-cid-tb5vpudz] .token.comment,#demo-html[data-astro-cid-tb5vpudz] .token.prolog,#demo-html[data-astro-cid-tb5vpudz] .token.doctype,#demo-html[data-astro-cid-tb5vpudz] .token.cdata{color:#6b7280}#demo-html[data-astro-cid-tb5vpudz] .token.punctuation{color:#9ca3af}#demo-html[data-astro-cid-tb5vpudz] .token.tag{color:#f472b6}#demo-html[data-astro-cid-tb5vpudz] .token.attr-name{color:#a5f3fc}#demo-html[data-astro-cid-tb5vpudz] .token.attr-value,#demo-html[data-astro-cid-tb5vpudz] .token.string{color:#fbbf24}#demo-html[data-astro-cid-tb5vpudz] .token.property,#demo-html[data-astro-cid-tb5vpudz] .token.boolean,#demo-html[data-astro-cid-tb5vpudz] .token.number,#demo-html[data-astro-cid-tb5vpudz] .token.constant,#demo-html[data-astro-cid-tb5vpudz] .token.symbol,#demo-html[data-astro-cid-tb5vpudz] .token.deleted{color:#f472b6}#demo-html[data-astro-cid-tb5vpudz] .token.selector,#demo-html[data-astro-cid-tb5vpudz] .token.char,#demo-html[data-astro-cid-tb5vpudz] .token.builtin,#demo-html[data-astro-cid-tb5vpudz] .token.inserted{color:#a5f3fc}#demo-html[data-astro-cid-tb5vpudz] .token.operator,#demo-html[data-astro-cid-tb5vpudz] .token.entity,#demo-html[data-astro-cid-tb5vpudz] .token.url{color:#fbbf24}#demo-html[data-astro-cid-tb5vpudz] .token.atrule,#demo-html[data-astro-cid-tb5vpudz] .token.keyword{color:#818cf8}#demo-html[data-astro-cid-tb5vpudz] .token.function,#demo-html[data-astro-cid-tb5vpudz] .token.class-name{color:#34d399}#demo-html[data-astro-cid-tb5vpudz] .token.regex,#demo-html[data-astro-cid-tb5vpudz] .token.important,#demo-html[data-astro-cid-tb5vpudz] .token.variable{color:#fb923c}.demo-preview[data-astro-cid-tb5vpudz]{display:flex;flex-direction:column}.demo-preview-header[data-astro-cid-tb5vpudz]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.demo-preview-status[data-astro-cid-tb5vpudz]{display:flex;align-items:center;gap:.75rem}.demo-preview-title[data-astro-cid-tb5vpudz]{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.demo-status[data-astro-cid-tb5vpudz]{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted)}.demo-status-dot[data-astro-cid-tb5vpudz]{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.demo-options[data-astro-cid-tb5vpudz]{display:flex;gap:.5rem}.demo-preview-body[data-astro-cid-tb5vpudz]{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-background);min-height:0;position:relative}.demo-loading[data-astro-cid-tb5vpudz],.demo-empty[data-astro-cid-tb5vpudz],.demo-error[data-astro-cid-tb5vpudz]{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:.875rem}.demo-error[data-astro-cid-tb5vpudz]{color:#f87171}.demo-spinner[data-astro-cid-tb5vpudz]{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-pdf[data-astro-cid-tb5vpudz]{width:100%;height:100%;border:none;background:#fff}.demo-preview-footer[data-astro-cid-tb5vpudz]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-surface-elevated);border-top:1px solid var(--color-border);min-height:3rem}.demo-download-btn[data-astro-cid-tb5vpudz]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer;transition:all .15s}.demo-download-btn[data-astro-cid-tb5vpudz]:hover{border-color:var(--color-accent);color:var(--color-accent)}.demo-info[data-astro-cid-tb5vpudz]{font-size:.75rem;color:var(--color-text-muted)}.hidden[data-astro-cid-tb5vpudz]{display:none!important}.sr-only[data-astro-cid-tb5vpudz]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}