:root{--bg-color:#e4e4e4;--text-color:#000;--text-secondary:#666;--border-color:#e0e0e0;--hover-color:#f5f5f5;--accent-color:#06c;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-base:16px;--font-size-lg:20px;--font-size-sm:14px;--line-height:1.6;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--in-frame:calc(max(20px,4vmin)*2);--max-width:100vw;--max-height:100vh;--border-radius:10px}@supports (color:color(display-p3 0 0 0)){:root{--bg-color:color(display-p3 .895577 .895577 .895577)}}@supports (color:lab(0% 0 0)){:root{--bg-color:lab(90.72% .0000298023 -.0000119209)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--text-color);background-color:var(--bg-color);justify-content:center;align-items:stretch;width:100vw;height:100vh;display:flex}.frame{box-sizing:border-box;border:1px solid var(--text-color);z-index:10;pointer-events:none;position:absolute;top:max(20px,4vmin);bottom:max(20px,4vmin);left:max(20px,4vmin);right:max(20px,4vmin)}main{width:100%;height:100%}.inframe{margin:var(--in-frame)}