:root{color-scheme:light dark;--vanta-bg:#0f172a;--vanta-line-primary:#8b5dff;--vanta-line-secondary:#2ed8d1;--vanta-alpha:0.6;--vm-logo-filter:none}*{box-sizing:border-box}body,html{margin:0;padding:0}a{color:inherit;text-decoration:none}svg{max-width:100%}.vector-preview,.vector-preview svg{width:100%;height:100%}.preview-canvas{position:relative;min-height:360px;border-radius:12px;border:1px solid rgba(120,140,190,.25);overflow:hidden;background:linear-gradient(45deg,rgba(133,148,184,.25) 25%,transparent 0),linear-gradient(-45deg,rgba(133,148,184,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(133,148,184,.25) 0),linear-gradient(-45deg,transparent 75%,rgba(133,148,184,.25) 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.preview-pane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px}.preview-pane img{max-width:100%;max-height:100%;object-fit:contain}.preview-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.modern-page-root{min-height:100vh}.vanta-birds-host,.vanta-rings-host{position:absolute;inset:0;z-index:0;pointer-events:none}.modern-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(122,133,162,.25);background:radial-gradient(circle at 15% 15%,rgba(122,60,255,.18),transparent 42%),radial-gradient(circle at 85% 10%,rgba(46,216,209,.2),transparent 35%)}[data-color-mode=light]{--vanta-bg:#f4f6fb;--vanta-line-primary:#7a3cff;--vanta-line-secondary:#00b8b0;--vanta-alpha:0.38;--vm-logo-filter:brightness(0.95) contrast(1.05)}[data-color-mode=dark]{--vanta-bg:#0f172a;--vanta-line-primary:#8b5dff;--vanta-line-secondary:#2ed8d1;--vanta-alpha:0.6;--vm-logo-filter:brightness(1.12) contrast(1.05)}.modern-content-surface{margin-top:20px;border-radius:18px;border:1px solid rgba(122,133,162,.25);background:color-mix(in srgb,var(--mui-palette-background-paper,#111827) 88%,transparent);padding:clamp(16px,3vw,30px)}.legacy-html-content,.legacy-html-content #mainContent,.legacy-html-content main{width:100%}.legacy-html-content canvas,.legacy-html-content iframe,.legacy-html-content img,.legacy-html-content video{max-width:100%;height:auto}.legacy-html-content .container,.legacy-html-content .content,.legacy-html-content .main-container,.legacy-html-content .wrapper{width:100%;max-width:100%}@media (max-width:1024px){.preview-split{grid-template-columns:1fr}}.vm-dashboard-root{height:100dvh;overflow:hidden}.vm-dashboard-root *{scrollbar-width:thin}.vm-dashboard-root .MuiButton-root{letter-spacing:.01em}.vm-dashboard-root .MuiAlert-root{border-radius:12px}.vm-dashboard-root .MuiToggleButton-root{min-height:34px}.dashboard-vector-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.dashboard-vector-preview svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block}.vm-editor-canvas [data-vm-shape-id]{cursor:pointer;transition:opacity .15s ease}.vm-editor-canvas [data-vm-shape-id]:hover{opacity:.92}.vm-editor-canvas [data-vm-selected="1"]{stroke:#8b5dff!important;stroke-width:1.25!important;filter:drop-shadow(0 0 2px rgba(139,93,255,.55))}@media (max-width:1024px){.vm-dashboard-root{overflow:auto;height:auto;min-height:100dvh}}