@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#d8e0ea;background:#0d1118;font-family:Barlow Condensed,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1120px;background:#0d1118}button,select{font:inherit}button{color:inherit;cursor:pointer}.hidden-file-input{display:none}.app-shell{display:grid;grid-template-rows:66px 58px minmax(0,1fr) 27px;height:100vh;overflow:hidden;background:radial-gradient(circle at 48% 40%,#172130 0,#0d1118 55%)}.topbar{display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid #293343;background:#111720}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #bb8e45;color:#f3c26a;font-size:21px;font-weight:700;transform:skew(-10deg)}.brand-copy{display:flex;flex-direction:column;line-height:1;letter-spacing:.08em}.brand-copy strong{color:#f1c56f;font-size:19px;letter-spacing:.12em}.brand-copy span,.eyebrow,.section-title,.statusbar,.canvas-footer{color:#7d8b9e;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.09em}.topbar-spacer,.status-spacer{flex:1}.history-actions{display:flex;gap:4px;margin-right:8px}.history-button{width:29px;height:27px;border:1px solid #354255;background:#151d28;color:#8090a4;font-size:18px;line-height:1}.history-button:hover:not(:disabled){border-color:#c99d52;color:#f5c76a}.history-button:disabled{cursor:default;opacity:.35}.rom-status{color:#8997a7;font-family:IBM Plex Mono,monospace;font-size:11px;margin-right:8px}.rom-status i,.status-ok,.cursor-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#62ba87;box-shadow:0 0 8px #62ba87}.button{border:1px solid #3c495c;padding:9px 15px;background:#1b2431;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.07em}.button:hover,.icon-button:hover{border-color:#c99d52;color:#f5c76a}.button-primary{border-color:#c2944c;color:#f5c76a;background:#30281b}.level-tabs{display:flex;padding:0 22px;border-bottom:1px solid #293343;background:#151c26}.level-tab{position:relative;display:flex;align-items:center;gap:9px;min-width:108px;padding:0 14px;border:0;border-right:1px solid #293343;background:transparent;color:#768497;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.05em}.level-tab:first-child{border-left:1px solid #293343}.level-tab:hover,.level-tab.selected{color:#f3c26a;background:#1b2531}.level-tab.selected:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#e6b35d;content:""}.level-number{color:#455367;font-size:17px;font-weight:600}.selected .level-number{color:#d69f4d}.workspace{display:grid;grid-template-columns:266px minmax(500px,1fr) 313px;min-height:0}.sidebar{min-height:0;background:rgba(17,23,32,.9)}.left-sidebar{border-right:1px solid #293343}.right-sidebar{border-left:1px solid #293343;overflow-y:auto}.panel-heading{display:flex;justify-content:space-between;align-items:start;padding:22px 18px 17px;border-bottom:1px solid #293343}.eyebrow{display:block;margin-bottom:5px;color:#657488}h1,h2{margin:0;color:#e4eaf0;font-size:21px;font-weight:500;letter-spacing:.02em}h2{font-size:18px}.unsaved-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#e4aa52}.stage-summary{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #293343}.stage-icon{display:grid;place-items:center;width:35px;height:35px;color:#e4b35d;border:1px solid #86683c;background:#2a2419;font-size:17px}.stage-summary strong,.stage-summary small{display:block}.stage-summary strong{color:#c5d0dc;font-size:15px;font-weight:500}.stage-summary small{margin-top:3px;color:#718096;font-family:IBM Plex Mono,monospace;font-size:10px}.asset-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #293343}.asset-tabs button{padding:11px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:#758398;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.08em}.asset-tabs button.active{border-bottom-color:#dca957;color:#e7bb6a}.sidebar-section,.inspector-section{padding:17px 18px;border-bottom:1px solid #293343}.section-title{display:flex;align-items:center;justify-content:space-between;color:#91a0b2;font-weight:500}.count-badge{padding:3px 6px;border:1px solid #3a4658;color:#91a0b2;font-size:9px}.asset-section{padding-top:15px}.browser-hint{margin:9px 0 0;color:#68778b;font-family:IBM Plex Mono,monospace;font-size:9px;line-height:1.45}.asset-grid{display:grid;gap:7px;margin-top:14px;max-height:495px;overflow-y:auto;padding-right:2px}.group-grid{grid-template-columns:repeat(3,1fr)}.tile-grid{grid-template-columns:repeat(4,1fr)}.asset-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 2px;border:1px solid #2e3a4c;background:#141c27;color:#77869a;font-family:IBM Plex Mono,monospace;font-size:8px}.asset-card:hover,.asset-card.active{border-color:#d6a354;color:#efbd68;background:#252319}.asset-card.read-only{color:#718096}.asset-card .group-preview{width:52px;height:52px;margin:0;border:0}.asset-card .tile-preview{margin:0;border:0}.empty-assets{color:#718096;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.5}.inspector-empty{margin:18px 0;text-align:center}.sidebar-footer{padding:15px 18px;color:#728095;font-family:IBM Plex Mono,monospace;font-size:10px}.legend-swatch{display:inline-block;width:8px;height:8px;margin-right:7px;background:#d6a154}.footer-meta{float:right;color:#4e5b6d}.dimmed-legend{display:block;margin-top:9px;color:#627086;font-size:9px}.dimmed-legend i{display:inline-block;width:8px;height:8px;margin-right:7px;border:1px solid #66778c;background:#3b4655;vertical-align:-1px}.main-canvas-area{display:flex;flex-direction:column;min-width:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 23px 17px;border-bottom:1px solid #293343}.toolbar-actions{display:flex;gap:5px;align-items:center}.icon-button{width:29px;height:27px;border:1px solid #354255;background:#151d28;color:#8090a4}.zoom-label{min-width:39px;color:#bdc9d5;font-family:IBM Plex Mono,monospace;font-size:10px;text-align:center}.level-canvas-wrap{position:relative;flex:1;min-height:0;margin:26px 31px 20px 44px;overflow:auto;border:1px solid #354255;background-color:#101722;background-image:linear-gradient(rgba(125,142,163,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,142,163,.07) 1px,transparent 1px);background-size:32px 32px}.level-canvas{display:block;image-rendering:pixelated;margin:0}.group-editor-panel{flex:0 0 auto;border-top:1px solid #39485b;background:#111923}.group-editor-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;border-bottom:1px solid #293343}.group-editor-heading strong{display:block;color:#e4eaf0;font-size:16px;font-weight:500}.group-editor-panel .group-editor-surface{min-height:0;padding:10px 16px 14px;background:transparent}.group-editor-panel .group-editor-meta{width:min(320px,100%);margin-bottom:2px;font-size:9px}.group-editor-panel .group-editor-hint{margin-bottom:8px}.group-editor-panel .group-editor-canvas{width:128px;height:128px}.group-editor-surface{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;min-height:100%;padding:32px;background:radial-gradient(circle,rgba(42,54,70,.45),rgba(13,17,24,.2) 65%)}.group-editor-meta{display:flex;justify-content:space-between;width:min(460px,100%);margin-bottom:4px;color:#8b99aa;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.07em}.group-editor-meta span:last-child{color:#efbd68}.group-editor-hint{margin:0 0 14px}.group-editor-canvas{display:block;image-rendering:pixelated;cursor:crosshair;box-shadow:0 0 0 1px #607086,0 12px 32px #00000047}.canvas-ruler{position:absolute;z-index:1;color:#66758a;pointer-events:none;font-family:IBM Plex Mono,monospace;font-size:9px}.canvas-ruler.horizontal{top:-20px;right:0;left:0;display:flex;justify-content:space-around}.canvas-ruler.vertical{top:0;bottom:0;left:-33px;display:flex;flex-direction:column;justify-content:space-around}.canvas-footer{display:flex;justify-content:space-between;padding:0 23px 13px;color:#66758a}.canvas-footer span:first-child{color:#d9aa58}.right-sidebar .panel-heading{padding-bottom:15px}.more-button,.small-action{border:0;background:transparent;color:#7f8da1;font-family:IBM Plex Mono,monospace;font-size:12px}.small-action{color:#d8a657;font-size:9px}.inspector-section{padding:16px 18px}.hint{margin:8px 0 13px;color:#647388;font-family:IBM Plex Mono,monospace;font-size:9px}.info{display:grid;place-items:center;width:14px;height:14px;border:1px solid #5e6d80;border-radius:50%;font-family:serif;font-size:10px}.quadrant-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.quadrant{display:flex;flex-direction:column;gap:5px;color:#68778b;font-family:IBM Plex Mono,monospace;font-size:8px}.quadrant select{padding:6px 7px;border:1px solid #3b495d;outline:0;background:#151e2a;color:#d8e0ea;font-family:IBM Plex Mono,monospace;font-size:11px}.quadrant select:focus{border-color:#d8a657}.byte-readout{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:11px;border-top:1px solid #293343;color:#67768b;font-family:IBM Plex Mono,monospace;font-size:9px}.byte-readout strong{color:#efbe69;font-size:13px;font-weight:500}.byte-readout code{margin-left:auto;color:#79889c;font-size:9px}.group-preview{display:block;width:64px;height:64px;margin:15px auto 3px;border:1px solid #526174;image-rendering:pixelated}.group-preview.interactive{cursor:crosshair}.preview-hint{margin-top:8px;margin-bottom:-3px;text-align:center}.tile-id{color:#efbe69;font-size:12px}.tile-preview{display:grid;margin:14px auto 11px;border:1px solid #607086;image-rendering:pixelated;touch-action:none}.tile-preview button{min-width:0;padding:0;border:0;outline:1px solid rgba(0,0,0,.13);touch-action:none}.tile-preview button:hover{outline:1px solid #fff;z-index:1}.paint-color{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:7px 8px;border:1px solid #3b495d;background:#151e2a;color:#7e8da0;font-family:IBM Plex Mono,monospace;font-size:8px}.paint-color strong{display:block;margin-top:3px;color:#e2e9f0;font-size:10px;font-weight:500}.paint-color code{margin-left:auto;color:#efbe69;font-size:10px}.paint-color-swatch{flex:0 0 auto;width:20px;height:20px;border:1px solid #8795a6}.tile-detail{display:flex;align-items:center;justify-content:space-between;color:#68778b;font-family:IBM Plex Mono,monospace;font-size:9px}.compact{padding:6px 8px;font-size:9px}.paint-pending{margin-top:9px;color:#dca957;font-family:IBM Plex Mono,monospace;font-size:8px;text-align:center}.palette-list{display:flex;flex-direction:column;gap:9px;margin-top:13px}.palette-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;padding:5px;border:1px solid transparent;background:#111923}.palette-row.active{border-color:#806238;background:#211e18}.palette-label{align-self:stretch;padding:0;border:1px solid #3b495d;background:#151e2a;color:#77869a;font-family:IBM Plex Mono,monospace;font-size:10px}.palette-label:hover,.palette-row.active .palette-label{border-color:#d9a655;color:#edbd68}.palette-hint{margin:9px 0 -3px}.swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.swatch{position:relative;display:block;height:19px;padding:0;border:1px solid #354255;cursor:pointer}.swatch input{position:absolute;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.swatch:hover,.swatch:focus-within,.swatch.selected-color{border-color:#fff;box-shadow:0 0 0 1px #e7b65f;z-index:1}.swatch.transparent{background-image:linear-gradient(135deg,#273141 25%,transparent 25%),linear-gradient(315deg,#273141 25%,transparent 25%),linear-gradient(135deg,transparent 75%,#273141 75%),linear-gradient(315deg,transparent 75%,#273141 75%);background-position:0 0,0 0,0 0;background-size:8px 8px}.statusbar{display:flex;align-items:center;gap:25px;padding:0 18px;border-top:1px solid #293343;background:#111720;font-size:9px}.statusbar strong{color:#cbd5df;font-weight:500}.statusbar span:first-child{color:#70bb8c}@media (max-width: 1200px){.workspace{grid-template-columns:230px minmax(450px,1fr) 285px}.level-tab{min-width:96px;padding:0 9px}}