*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--embed-bg: #ffffff;--embed-footer-bg: #f9fafb;--embed-border: #e5e7eb;--embed-text: #1f2937;--embed-text-secondary: #6b7280;--embed-link: #4f46e5;--embed-error-bg: #fef2f2;--embed-error-text: #991b1b;--embed-radius: 8px;--embed-footer-height: 38px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark]{--embed-bg: #0f172a;--embed-footer-bg: #1e293b;--embed-border: #334155;--embed-text: #f1f5f9;--embed-text-secondary: #94a3b8;--embed-link: #818cf8;--embed-error-bg: #1e1215;--embed-error-text: #fca5a5}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden}.embed-shell{display:flex;flex-direction:column;height:100%;background:var(--embed-bg);border:1px solid var(--embed-border);border-radius:var(--embed-radius);overflow:hidden}.embed-preview{flex:1;min-height:0}.embed-preview iframe{width:100%;height:100%;border:none;display:block}.embed-footer{display:flex;align-items:center;gap:12px;height:var(--embed-footer-height);padding:0 12px;background:var(--embed-footer-bg);border-top:1px solid var(--embed-border);font-size:13px;color:var(--embed-text-secondary);flex-shrink:0}.embed-footer a{color:var(--embed-text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.embed-footer a:hover{color:var(--embed-link)}.embed-footer-author{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--embed-text)}.embed-footer-author a{color:var(--embed-text)}.embed-footer-author a:hover{color:var(--embed-link)}.embed-footer-avatar{width:22px;height:22px;border-radius:50%;background:var(--embed-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--embed-text-secondary);overflow:hidden;flex-shrink:0}.embed-footer-avatar img{width:100%;height:100%;object-fit:cover}.embed-footer-spacer{flex:1}.embed-footer-links{display:flex;align-items:center;gap:12px}.embed-footer-link-text{display:inline}.embed-footer-brand{display:inline-flex;align-items:center;gap:4px}.embed-footer-brand svg{width:16px;height:16px}.embed-footer-brand-text{font-weight:600;font-size:13px}@media(max-width:500px){.embed-footer-link-text{display:none}}.embed-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--embed-text-secondary);font-size:14px}.embed-loading-spinner{width:20px;height:20px;border:2px solid var(--embed-border);border-top-color:var(--embed-link);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.embed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;padding:24px;color:var(--embed-error-text);background:var(--embed-error-bg);text-align:center;font-size:14px}.embed-error-title{font-weight:600;font-size:15px}