@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2) format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2) format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #000;--fg: #ededed;--dim: #808080;--faint: #3a3a3a;--line: #d8d8d8;--dos: "VT323", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{touch-action:pan-x pan-y;margin:0;background:var(--bg);color:var(--fg);font-family:var(--dos);font-size:16px;line-height:1.1;-webkit-font-smoothing:none}body{display:grid;place-items:center;min-height:100vh;padding:16px}.shell{display:flex;flex-direction:column;max-width:100%}.credit{margin-top:6px;text-align:center;font-size:14px;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:var(--dim)}.credit a{color:#8057ce;text-decoration:underline dotted;text-underline-offset:3px}.credit a:hover,.credit a:focus-visible{background:#8057ce;color:var(--bg);text-decoration:none;outline:none}#app{display:flex;flex-direction:column;border:1px solid var(--line);max-width:100%}.dim{color:var(--dim)}.masthead{border-bottom:1px solid var(--line);contain:inline-size}.logo{display:block;width:100%;height:auto}.workspace{display:grid;grid-template-columns:auto 236px;min-height:0}.stage{display:flex;align-items:center;justify-content:center;padding:12px;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.3px);background-size:5px 5px}.frame{height:min(calc((100vh - 188px)*.934),980px);min-height:380px;aspect-ratio:9 / 16;border:1px solid var(--line);background:#000;box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--faint)}.frame canvas{display:block;width:100%;height:100%}.panel{display:flex;flex-direction:column;gap:12px;min-width:0;padding:12px;border-left:1px solid var(--line)}.nfo{margin:0;display:flex;flex-direction:column;gap:2px}.nfo-row{display:flex;align-items:baseline;gap:6px;min-width:0}.nfo dt{flex:1 1 0;min-width:0;margin:0;color:var(--dim);white-space:nowrap;overflow:hidden}.nfo dt:after{content:" ................................................";color:var(--faint)}.nfo dd{flex:0 0 auto;max-width:75%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nfo dd:has(.seg){overflow:visible;max-width:none}.seg{display:inline-flex}.seg button{background:transparent;color:var(--dim);border:0;font:inherit;padding:0 2px;cursor:pointer}.seg button:before{content:"[";color:var(--faint)}.seg button:after{content:"]";color:var(--faint)}.seg button:hover{color:var(--fg)}.seg button.active{color:var(--bg);background:var(--fg)}.seg button.active:before,.seg button.active:after{color:var(--bg)}.btn{width:100%;padding:8px 6px;background:transparent;color:var(--fg);border:1px solid var(--line);font:inherit;letter-spacing:.08em;cursor:pointer}.btn:hover,.btn:focus-visible,.btn.active{background:var(--fg);color:var(--bg);outline:none}.status{margin:auto 0 0;color:var(--dim);font-size:14px}.status:empty{display:none}.status.error{color:var(--fg)}.status.error:before{content:"! "}.progress{white-space:pre;font-size:14px}.status:empty+.progress{margin-top:auto}.btn-export{margin-top:auto}.status:not(:empty)~.btn-export,.progress:not([hidden])+.btn-export{margin-top:0}.transport{display:flex;gap:8px;align-items:stretch;padding:8px 12px;border-top:1px solid var(--line)}.transport .btn-play{width:auto;flex:none;padding:0 10px}.overview-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}#overview{width:100%;height:34px;display:block;cursor:grab;touch-action:none;border:1px solid var(--faint)}#overview:active{cursor:grabbing}.overview-labels{display:flex;justify-content:space-between;gap:8px;font-size:13px;white-space:nowrap;overflow:hidden}.dropzone{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000d9;color:var(--fg);z-index:20}.dropzone[hidden]{display:none}.dropzone pre{font:24px/1 var(--dos)}@media(max-width:760px){body{padding:8px;display:block}.credit{margin:10px 0 4px}.workspace{display:contents}.masthead{order:0}.stage{order:1}.transport{order:2}.panel{order:3;border-left:0;border-top:1px solid var(--line)}.frame{height:auto;width:min(100%,360px);min-height:0;min-width:0}.overview-labels .dim{display:none}}.swatch{display:inline-block;width:10px;height:10px;vertical-align:-1px;outline:1px solid var(--faint)}.seg[data-seg=background] button.active{background:transparent}.seg[data-seg=background] button.active:before,.seg[data-seg=background] button.active:after{color:var(--fg)}.picker{position:relative;display:inline-block;padding:0 2px;color:var(--dim);cursor:pointer}.picker:before{content:"[";color:var(--faint)}.picker:after{content:"]";color:var(--faint)}.picker:hover,.picker.active{color:var(--fg)}.picker.active:before,.picker.active:after{color:var(--fg)}.picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0;padding:0}.panel .nfo+.nfo{padding-top:8px;border-top:1px dashed var(--faint)}.seg[data-seg=accent] button.active{background:transparent}.seg[data-seg=accent] button.active:before,.seg[data-seg=accent] button.active:after{color:var(--fg)}.text-input{width:100%;margin-top:2px;padding:3px 6px;background:transparent;color:var(--fg);border:1px solid var(--faint);font:inherit;outline:none}.text-input:focus{border-color:var(--line)}.frame{position:relative}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000000f0}.loader[hidden]{display:none}.loader pre{margin:0;font:inherit;white-space:pre}.loader-eq{font-size:22px;line-height:.95;letter-spacing:-.04em}.loader-label{letter-spacing:.3em;color:var(--dim)}.loader-bar{font-size:14px}.layout-row{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}.layout-label{color:var(--dim)}.layout-row .seg{display:flex;width:100%}.layout-row .seg button{flex:1;padding:2px 0}
