*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#29302b,#101316 70%);color:#f4ebdc;font:14px/1.6 CRSans,system-ui,sans-serif}.preview-workspace{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 12px;gap:24px}.workspace-heading,.workspace-footer{max-width:480px;text-align:center}.workspace-heading h1{font:700 22px/1.3 CRSerif,Georgia,serif;margin:8px 0}.workspace-heading p,.workspace-footer p{color:#b9beb9;margin:8px 0;font-size:12px}.workspace-eyebrow{font-size:10px!important;letter-spacing:.15em;color:#dbad73!important}.workspace-footer a{display:inline-block;color:#ebc490;padding:8px;font-size:13px}.workspace-footer a:focus-visible{outline:2px solid #e9cba0;outline-offset:3px}.twitch-panel{position:relative;flex:0 0 496px;width:318px;height:496px;min-width:318px;max-width:318px;min-height:496px;max-height:496px;overflow:hidden;background:#10181a;box-shadow:0 22px 60px #0008}.panel-scene,.panel-shade,.panel-bronze-frame{position:absolute;inset:0;width:318px;height:496px}.panel-scene{background:url('/static/panel/emberpixel-courtyard-background-v1.webp') center/318px 496px no-repeat}.panel-shade{background:linear-gradient(to bottom,#070c0ed4 0%,#070c0e1f 17%,#10181a00 42%,#10181a40 53%,#10181a 65%,#10181a 100%)}.panel-bronze-frame{pointer-events:none;z-index:10}.panel-brand,.panel-title,.panel-description,.panel-footer{position:absolute;left:10px;width:298px;margin:0;text-align:center}.panel-brand{top:20px;font:700 18px/22px CRSerif,Georgia,serif;color:#fff7e9;white-space:nowrap}.panel-accent{position:absolute;left:147px;top:51px;width:24px;height:2px;background:#d99550}.panel-title{top:288px;font:400 24px/30px CRSerif,Georgia,serif;letter-spacing:-.5px;color:#fff7e9;white-space:nowrap}.panel-description{top:327px;font:400 13px/20px CRSans,system-ui,sans-serif;color:#c9d0ce;white-space:nowrap}.panel-twitch-button{position:absolute;left:10px;top:386px;width:298px;height:46px;margin:0;padding:0;border:1px solid #b17aff;border-radius:6px;background:#9146ff;box-shadow:0 4px #58239f;color:#fff;font:700 14px/20px CRSans,system-ui,sans-serif;opacity:1;-webkit-text-fill-color:#fff;cursor:not-allowed}.panel-footer{top:449px;font:400 11px/16px CRSans,system-ui,sans-serif;color:#a8b4b1;white-space:nowrap}@media(max-width:350px){.preview-workspace{padding-left:0;padding-right:0}.workspace-heading,.workspace-footer{padding:0 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.panel-logo{position:absolute;left:43px;top:9px;width:232px;height:116px;object-fit:contain}