: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 1fr;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;min-height:30rem;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}@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}}