:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f3f1}*{box-sizing:border-box}html,body{color:#171717;background:#f3f3f1;min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.simple-header{text-align:center;padding:clamp(28px,5vw,64px) clamp(18px,4vw,56px) clamp(18px,3vw,36px)}.simple-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,48px);font-weight:500}.simple-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,38px);width:min(1320px,100% - 36px);margin:0 auto;padding-bottom:clamp(28px,5vw,72px);display:grid}.simple-viewport{background:#101012;border:1px solid #dededb;border-radius:20px;width:100%;height:min(62dvh,580px);min-height:360px;position:relative;overflow:hidden;box-shadow:0 16px 48px #14141217}.canvas-wrap,.canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-status{z-index:2;color:#555;letter-spacing:.04em;text-align:center;background:#ececea;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:13px;display:flex;position:absolute;inset:0}.canvas-status:before{content:"";border:2px solid #c9c9c5;border-top-color:#555;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.canvas-status:before{animation-duration:1.8s}}@media (max-width:820px){.simple-header{padding-top:26px}.simple-showcase{grid-template-columns:1fr;gap:16px;width:calc(100% - 24px)}.simple-viewport{border-radius:14px;height:62dvh;min-height:360px}}