:root{color:#161616;background:#f4f4f4;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif}body{margin:0}scratch96-app{display:block}.ide-shell{background:#f4f4f4;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.top-bar{color:#f4f4f4;background:#161616;border-bottom:1px solid #393939;grid-template-columns:minmax(12rem,auto) 1fr auto;align-items:center;gap:1rem;min-height:3.5rem;padding:0 1rem;display:grid}.brand-block{gap:.125rem;display:grid}.product-name{letter-spacing:.01em;font-size:.875rem;font-weight:600}.project-title,.eyebrow,.panel-heading p,.asset-card p,.settings-help{color:#6f6f6f;margin:0;font-size:.75rem}.top-bar .project-title{color:#c6c6c6}.main-tabs,.segmented-tabs,.top-actions{align-items:center;gap:.25rem;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end}.project-menu-button cds-menu-item{color:#161616;background:#fff}.project-menu-button cds-menu[open]{z-index:1000;background:#fff;border:1px solid #c6c6c6;min-width:12rem;box-shadow:0 .5rem 1rem #0000002e}.tab-button{color:#c6c6c6;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:3px solid #0000;min-height:3.5rem;padding:0 1rem}.tab-button.active{color:#fff;background:#262626;border-bottom-color:#0f62fe}.tab-button.small{color:#525252;min-height:2.5rem}.tab-button.small.active{color:#0f62fe;background:#edf5ff}.content-shell{grid-template-columns:1fr auto;min-height:0;display:grid}.workspace-frame{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);min-height:0;display:grid}.workspace-main{min-width:0}.mode-sidebar{background:#fff;border-right:1px solid #e0e0e0;min-height:calc(100vh - 9rem);padding:1rem;overflow:auto}.sidebar-list,.code-graph,.graph-nodes,.frame-list{gap:.5rem;display:grid}.sidebar-item{color:#161616;cursor:pointer;text-align:left;background:#f4f4f4;border:1px solid #0000;align-items:start;gap:.125rem;padding:.75rem;text-decoration:none;display:grid}.sidebar-item.active,.sidebar-item:hover{background:#edf5ff;border-color:#0f62fe}.sidebar-item small,.graph-nodes span,.frame-card p,.debug-sidebar dd{color:#6f6f6f;margin:0;font-size:.75rem}.graph-nodes{border-left:2px solid #c6c6c6;margin:0 0 .75rem .75rem;padding-left:.75rem}.debug-sidebar dl{margin:0 0 1rem}.debug-sidebar dt{text-transform:uppercase;margin-top:.75rem;font-size:.75rem;font-weight:600}.register-grid{grid-template-columns:auto 1fr;gap:.25rem .5rem;display:grid}.register-grid code{color:#0f62fe;font-family:IBM Plex Mono,monospace}.code-layout,.game-layout,.assets-layout,.generated-layout{gap:1rem;min-height:0;padding:1rem;display:grid}.game-layout{min-height:calc(100vh - 9rem)}.panel,.console-panel,.advanced-panel,.settings-pane{background:#fff;border:1px solid #e0e0e0}.panel,.advanced-panel,.settings-pane{padding:1rem}.panel-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.panel h2,.panel h3,.settings-pane h2,.settings-pane h3,.settings-pane h4,.advanced-panel h3{color:#161616;margin:0 0 .75rem;font-weight:400}.eyebrow{color:#0f62fe;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.stage-panel{grid-template-rows:auto auto;align-content:start;align-items:start;min-height:0;display:grid}.stage-screen{aspect-ratio:10/7;color:#c6c6c6;resize:both;background:#000;border:1px solid #525252;justify-content:center;align-items:center;width:min(100%,34rem);min-height:0;display:flex;overflow:auto}.stage-screen risc96-runtime{width:100%;min-height:100%}.block-placeholder{color:#525252;background:#fff;border:1px solid #8d8d8d;height:calc(100vh - 15rem);min-height:34rem;position:relative}.advanced-panel summary{cursor:pointer;font-weight:600}.generated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.generated-grid.one-column{grid-template-columns:1fr}.generated-code,.generated-assets,.console-panel pre,[data-machine-code],.generated-grid pre{color:#f4f4f4;background:#262626;max-height:28rem;padding:.75rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;overflow:auto}.asset-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.asset-actions,.asset-toolbar,.asset-card-header,.binding-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.script-scope-tabs{flex-wrap:wrap;justify-content:end;gap:.5rem;display:flex}.script-scope-button{color:#161616;cursor:pointer;background:#f4f4f4;border:1px solid #c6c6c6;padding:.45rem .75rem}.script-scope-button.active{color:#fff;background:#0f62fe;border-color:#0f62fe}.upload-button{color:#fff;cursor:pointer;background:#0f62fe;min-height:2rem;padding:.45rem .75rem;font-size:.875rem;display:inline-flex}.asset-list{gap:.75rem;display:grid}.asset-card{display:block}.asset-card-header span{color:#6f6f6f;font-size:.75rem}.tone-mixer{gap:.75rem;display:grid}.tone-step-grid{color:#f4f4f4;background:#161616;gap:1px;display:grid;overflow-x:auto}.tone-step{background:#262626;grid-template-columns:3rem minmax(8rem,1fr) minmax(8rem,1fr) 2rem;align-items:center;gap:.5rem;min-width:24rem;padding:.5rem;display:grid}.tone-step-header{color:#c6c6c6;text-transform:uppercase;background:#393939;font-size:.75rem}.tone-step-index{color:#78a9ff;font-family:IBM Plex Mono,monospace}.tone-remove{color:#f4f4f4;cursor:pointer;background:#525252;border:0;height:2rem}.tone-remove:hover{background:#da1e28}.sprite-editor{gap:1rem;display:grid}.sprite-detail-card{background:#f4f4f4;border:1px solid #e0e0e0;padding:1rem}.collider-card{background:#f4f4f4;border:1px solid #e0e0e0;gap:1rem;padding:1rem;display:grid}.pixellate-editor-card{color:#f4f4f4;background:#161616;gap:1rem;padding:1rem;display:grid}.pixellate-editor-card .settings-help{color:#c6c6c6}.pixellate-editor-header,.pixellate-toolbar,.frame-timeline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pixellate-stage-wrap{gap:.75rem;display:grid}.pixellate-canvas-surface{cursor:crosshair;image-rendering:pixelated;touch-action:none;background-color:#525252;background-image:linear-gradient(45deg,#393939 25%,#0000 25%),linear-gradient(-45deg,#393939 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#393939 75%),linear-gradient(-45deg,#0000 75%,#393939 75%);background-position:0 0,0 .75rem,.75rem -.75rem,-.75rem 0;background-repeat:repeat,repeat,repeat,repeat;background-size:1.5rem 1.5rem;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #8d8d8d;outline:none;width:min(100%,34rem);max-height:34rem;display:block}.pixellate-palette{flex-wrap:wrap;gap:.35rem;display:flex}.pixellate-color-button{cursor:pointer;border:1px solid #8d8d8d;width:2rem;height:2rem}.pixellate-color-button.active{outline-offset:.15rem;outline:2px solid #78a9ff}.tool-button,.frame-timeline-button{color:#f4f4f4;cursor:pointer;background:#262626;border:1px solid #525252;padding:.45rem .65rem}.tool-button.active,.frame-timeline-button.active{background:#0f62fe;border-color:#78a9ff}.frame-timeline{justify-content:start}.collider-editor-grid{grid-template-columns:minmax(10rem,18rem) 1fr;align-items:start;gap:1rem;display:grid}.collider-preview{background:#fff;border:1px solid #8d8d8d;position:relative;overflow:hidden}.collider-preview img{height:100%;image-rendering:pixelated;object-fit:contain;width:100%}.collider-box{box-sizing:border-box;border:2px solid #da1e28;position:absolute}.collider-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.tilemap-editor{gap:1rem;display:grid}.tilemap-settings{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;display:grid}.tilemap-grid{background:#262626;border:1px solid #8d8d8d;gap:1px;padding:1px;display:grid;overflow:auto}.tile-cell{aspect-ratio:1;color:#161616;cursor:pointer;background:#f4f4f4;border:0;min-width:1.75rem;font:.75rem IBM Plex Mono,monospace}.tile-cell:hover{color:#0f62fe;background:#edf5ff}.frame-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;display:grid}.frame-card{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.frame-preview{background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 .25rem,.25rem -.25rem,-.25rem 0;background-repeat:repeat,repeat,repeat,repeat;background-size:.5rem .5rem;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #8d8d8d;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;overflow:hidden}.frame-preview img{image-rendering:pixelated;max-width:100%;max-height:100%}.settings-pane{border-top:0;border-bottom:0;border-right:0;width:min(34rem,42vw);max-height:calc(100vh - 6.75rem);overflow:auto}.control-map{gap:1rem;display:grid}.player-map{border-top:1px solid #e0e0e0;padding-top:.75rem}.binding-row{border-bottom:1px solid #f4f4f4;min-height:2.5rem}.binding-row code{color:#393939;background:#f4f4f4;padding:.125rem .375rem;font-family:IBM Plex Mono,monospace}.console-panel{border-bottom:0;border-left:0;border-right:0;padding:.75rem 1rem}.console-panel pre{max-height:8rem;margin-bottom:0}cds-tile,cds-text-input{margin-bottom:.75rem;display:block}.sprite-mode-sidebar{color:#f4f4f4;background:#1f1f1f;border-right-color:#393939}.sprite-sidebar-item{color:#f4f4f4;background:#262626;border-color:#393939;justify-items:start;gap:.5rem}.sprite-sidebar-item.active,.sprite-sidebar-item:hover{background:#353535;border-color:#f1c21b}.sprite-editor-studio{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);gap:1rem;display:grid}.sprite-asset-editor{background:#161616;border-color:#393939}.sprite-asset-editor>.panel-heading{color:#f4f4f4;border-bottom:1px solid #393939;margin:-1rem -1rem 1rem;padding:.75rem 1rem}.sprite-asset-editor>.panel-heading h2{color:#f4f4f4}.sprite-editor-inspector{gap:1rem;display:grid}.sprite-editor-inspector .sprite-detail-card,.sprite-editor-inspector .collider-card{color:#f4f4f4;background:#262626;border-color:#393939}.sprite-editor-inspector .sprite-detail-card p,.sprite-editor-inspector .collider-card p{color:#c6c6c6}.pixellate-editor-card{color:#f4f4f4;background:#161616;border:1px solid #393939;grid-template-columns:3rem 7.5rem minmax(0,1fr);gap:0;min-height:min(42rem,100vh - 15rem);padding:0;display:grid;overflow:hidden}.pixellate-tool-rail,.frame-timeline,.pixellate-workbench{min-height:0}.pixellate-tool-rail{background:#262626;border-right:1px solid #393939;align-content:start;gap:.25rem;padding:.5rem;display:grid}.pixellate-tool-separator{border-top:1px solid #525252;margin:.25rem 0}.tool-button{color:#f4f4f4;background:#393939;border:1px solid #0000;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.tool-button:hover,.tool-button.active{color:#fff;background:#525252;border-color:#f1c21b}.tool-button svg{fill:currentColor}.frame-timeline{background:#202020;border-right:1px solid #393939;place-content:start stretch;align-items:stretch;gap:.5rem;padding:.75rem;display:grid;overflow-y:auto}.frame-timeline h3{color:#f4f4f4;margin:0;font-size:.875rem}.frame-timeline-button{color:#f4f4f4;background:#2b2b2b;border:1px solid #525252;place-items:center;gap:.35rem;padding:.45rem;display:grid}.frame-timeline-button.active{background:#393939;border-color:#f1c21b;box-shadow:inset 0 0 0 1px #f1c21b}.frame-index{color:#f1c21b;justify-self:start;font-family:IBM Plex Mono,monospace;font-size:.75rem}.frame-add-button{color:#f4f4f4;cursor:pointer;text-align:center;background:#393939;border:1px dashed #8d8d8d;padding:.75rem .5rem;font-size:.75rem;display:block}.pixellate-workbench{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.pixellate-editor-header{background:#262626;border-bottom:1px solid #393939;padding:.75rem 1rem;display:block}.pixellate-editor-header h3{color:#f4f4f4;margin-bottom:.25rem}.pixellate-stage-wrap{background-color:#4a4a4a;background-image:linear-gradient(45deg,#3a3a3a 25%,#0000 25%),linear-gradient(-45deg,#3a3a3a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3a3a3a 75%),linear-gradient(-45deg,#0000 75%,#3a3a3a 75%);background-position:0 0,0 .75rem,.75rem -.75rem,-.75rem 0;background-repeat:repeat,repeat,repeat,repeat;background-size:1.5rem 1.5rem;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;padding:1rem;display:grid;overflow:auto}.pixellate-canvas-surface{background:0 0;border:1px solid #161616;width:min(100%,36rem);max-height:58vh;box-shadow:0 1rem 3rem #00000059}.pixellate-palette{background:#262626;border-top:1px solid #393939;padding:.75rem 1rem}.sprite-sidebar-preview,.sprite-inspector-preview,.frame-preview-thumb{image-rendering:pixelated;background-color:#6f6f6f;background-image:linear-gradient(45deg,#525252 25%,#0000 25%),linear-gradient(-45deg,#525252 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#525252 75%),linear-gradient(-45deg,#0000 75%,#525252 75%);background-position:0 0,0 .25rem,.25rem -.25rem,-.25rem 0;background-repeat:repeat,repeat,repeat,repeat;background-size:.5rem .5rem;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #525252;place-items:center;display:grid;overflow:hidden}.sprite-sidebar-preview{width:4rem;height:4rem}.sprite-inspector-preview{width:100%;height:10rem;margin:1rem 0}.frame-preview-thumb{width:4rem;height:4rem}.sprite-sidebar-preview img,.sprite-inspector-preview img,.frame-preview-thumb img{image-rendering:pixelated;max-width:100%;max-height:100%}.sprite-preview-indexed{grid-template-columns:repeat(var(--preview-columns), minmax(0, 1fr))}.sprite-preview-indexed span{aspect-ratio:1;width:100%;display:block}.sprite-preview-fallback{color:#f4f4f4;font-family:IBM Plex Mono,monospace;font-size:.75rem}@media (width<=1200px){.sprite-editor-studio,.pixellate-editor-card{grid-template-columns:1fr}.pixellate-tool-rail{border-bottom:1px solid #393939;border-right:0;flex-wrap:wrap;display:flex}.frame-timeline{border-bottom:1px solid #393939;border-right:0;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));overflow-x:auto}}@media (width<=1100px){.top-bar,.content-shell,.workspace-frame,.asset-columns,.collider-editor-grid,.pixel-editor-layout,.tilemap-settings,.generated-grid{grid-template-columns:1fr}.main-tabs,.top-actions{justify-content:flex-start}.settings-pane{width:auto;max-height:none}.mode-sidebar{min-height:auto}}@media (width<=700px){.top-bar{padding:.75rem}.main-tabs,.top-actions,.panel-heading{flex-direction:column;align-items:stretch}.tab-button{text-align:left;min-height:2.5rem}.stage-screen,.block-placeholder{min-height:22rem}}