.digiter-zx-spectrum{max-width:1120px;margin:26px auto;border:9px solid #242424;border-radius:13px;background:linear-gradient(180deg,#454545,#1e1e1e);box-shadow:0 15px 35px rgba(0,0,0,.3);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.digiter-zx-spectrum__topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 15px;color:#fff;background:linear-gradient(180deg,#4d4d4d,#202020);border-bottom:3px solid #050505}.digiter-zx-spectrum__topbar strong{display:block;letter-spacing:.55px;font-size:14px}.digiter-zx-spectrum__topbar span{display:block;font-size:11px;margin-top:4px;color:#d8d8d8}
.digiter-zx-spectrum__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.digiter-zx-spectrum__actions button,.digiter-zx-spectrum__actions a{background:#f2e100;color:#111;border:1px solid #121212;border-radius:4px;padding:7px 9px;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.digiter-zx-spectrum__actions button:hover,.digiter-zx-spectrum__actions a:hover{background:#fff45e}
.digiter-zx-spectrum__helpbox{background:#081c35;color:#dbeaff;padding:15px 20px;font-size:13px;line-height:1.45;border-bottom:2px solid #f2e100}.digiter-zx-spectrum__helpbox strong{color:#fff45e}.digiter-zx-spectrum__helpbox ol{margin:9px 0 8px 20px}.digiter-zx-spectrum__helpbox p{margin:8px 0 0;color:#c8d9f1}
.digiter-zx-spectrum__frame-wrap{height:var(--zx-height);background:#111;overflow:hidden}.digiter-zx-spectrum__frame{display:block;width:100%;height:100%;border:0;background:#111}.digiter-zx-spectrum__footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 14px 11px;color:#f9f9f9;background:#252525;font-size:11px;font-weight:700}
.digiter-zx-spectrum:fullscreen{width:100vw;max-width:none;height:100vh;margin:0;border:0;border-radius:0}.digiter-zx-spectrum:fullscreen .digiter-zx-spectrum__frame-wrap{height:calc(100vh - 96px)}
@media(max-width:700px){.digiter-zx-spectrum{border-width:5px;border-radius:8px}.digiter-zx-spectrum__topbar{align-items:flex-start;flex-direction:column}.digiter-zx-spectrum__actions{justify-content:flex-start}.digiter-zx-spectrum__frame-wrap{height:max(500px,var(--zx-height))}}