.sn-sample-page{color:#fff;background:#292d37;min-height:100svh;padding:0 0 40px}.sn-sample-header{z-index:2147483100;padding:12px max(16px,env(safe-area-inset-right));background:#292d37;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.sn-sample-header a{color:#fff;touch-action:manipulation;border:1px solid #a1a4af;border-radius:999px;align-items:center;min-height:48px;padding:10px 14px;font:700 16px Arial,sans-serif;text-decoration:none;display:inline-flex}.sn-sample-content{width:min(100% - 32px,520px);margin:0 auto}.sn-sample-content h1{margin:18px 0;font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.15}.sn-sample-content>p{margin:0 0 20px;font-size:17px}.sn-sample-page .sn-live-demo{width:100%;max-width:100%;margin-inline:auto}.sn-sample-page .sn-live-tools button,.sn-sample-page .sn-live-claim,.sn-sample-page .sn-readable-reward{color:#fff!important}.sn-sample-page .sn-live-tools button{min-height:48px;font-size:19px;font-weight:700}.sn-sample-page .sn-scratch-again{background:#414653!important;border-color:#aaa!important}.sn-sample-content>.sn-button{background:#fff;margin:24px auto;display:table;color:#292330!important}.sn-store.sn-sample-page{color:#fff;background:#292d37}.sn-store.sn-sample-page .sn-sample-content>h1,.sn-store.sn-sample-page .sn-sample-content>p{color:#fff}.sn-store.sn-sample-page .sn-sample-content>.sn-button,.sn-store.sn-sample-page .sn-sample-content>.sn-button:hover{background:#fff;border-color:#fff;font-size:18px;font-weight:700;color:#292330!important}.sn-store.sn-sample-page .sn-sample-content>.sn-button:focus-visible{background:#fff;border-color:#fff;font-size:18px;font-weight:700;color:#292330!important}.sn-sample-page .sn-art-surface{margin-inline:auto;scroll-margin-top:90px;width:100%!important;max-width:100%!important}.sn-sample-header{padding-top:max(12px,env(safe-area-inset-top))}.sn-sample-header a{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}