:root{--color-bg:#1e1e1e;--color-panel:#252526;--color-panel-alt:#2d2d30;--color-border:#3c3c3c;--color-text:#d4d4d4;--color-text-muted:#9d9d9d;--color-accent:#0a84ff;--color-accent-contrast:#fff;--color-accent-soft:#0a84ff29;--color-accent-soft-hover:#0a84ff42;--color-accent-border:#0a84ff8c;--color-accent-hover:#2b95ff;--color-danger:#e05c5c;--color-warning:#d9a62e;--color-success:#4cc38a;--color-btn-hover:#3c3c41;--color-btn-active:#27272b;--color-danger-soft:#e05c5c1a;--color-warning-soft:#d9a62e1f;--color-accent-soft-dim:#0a84ff1f;--shadow-overlay:0 8px 30px #00000080;--shadow-toast:0 6px 20px #00000059;--shadow-popover:0 6px 20px #00000059;--color-scrim:#0006;--panel-width:260px;--toolbar-height:48px;--toolbar-x-pad:16px;--toolbar-y-pad:8px;--toolbar-gap:20px;--control-height:30px;--statusbar-height:28px;--radius-sm:6px;--font-base:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=light]{--color-bg:#e9e9ee;--color-panel:#f4f4f6;--color-panel-alt:#fff;--color-border:#c6c6cf;--color-text:#1d1d20;--color-text-muted:#5f5f68;--color-accent:#0a5fc4;--color-accent-contrast:#fff;--color-accent-soft:#0a5fc424;--color-accent-soft-hover:#0a5fc438;--color-accent-border:#0a5fc480;--color-accent-hover:#1672d4;--color-accent-soft-dim:#0a5fc41a;--color-btn-hover:#e4e4ea;--color-btn-active:#dcdce3;--color-danger:#c0392b;--color-warning:#9a6b00;--color-success:#2c9c66;--color-danger-soft:#c0392b14;--color-warning-soft:#9a6b001a;--shadow-overlay:0 8px 30px #00000029;--shadow-toast:0 6px 20px #0000001f;--shadow-popover:0 6px 20px #00000024;--color-scrim:#00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.editor-shell{flex-direction:column;height:100%;display:flex}.toolbar{align-items:center;gap:var(--toolbar-y-pad) var(--toolbar-gap);padding:var(--toolbar-y-pad) var(--toolbar-x-pad);min-height:var(--toolbar-height);background-color:var(--color-panel);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex:none;display:flex}.toolbar__row{align-items:center;gap:8px var(--toolbar-gap);flex-wrap:wrap;flex:100%;min-width:0;display:flex}.toolbar__group{align-items:center;gap:8px;min-width:0;display:flex}.toolbar__group--session{margin-left:auto}.toolbar__btn{min-width:0;height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel-alt);color:var(--color-text);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;transition:background-color .12s,border-color .12s;display:inline-flex}.toolbar__btn:hover:not(:disabled){background:var(--color-btn-hover);border-color:var(--color-border)}.toolbar__btn:active:not(:disabled){background:var(--color-btn-active)}.toolbar__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.toolbar__btn:disabled{opacity:.45;cursor:not-allowed}.toolbar__btn--active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text);font-weight:600}.toolbar__btn--active:hover:not(:disabled){background:var(--color-accent-soft-hover)}.toolbar__btn--active:active:not(:disabled){background:var(--color-accent-soft)}.toolbar__btn--active .toolbar__shortcut{color:var(--color-accent-border)}.toolbar__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.toolbar__btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.toolbar__btn--icon{width:var(--control-height);flex:none;padding:0;font-size:16px;line-height:1}.toolbar__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toolbar__shortcut{color:var(--color-text-muted);letter-spacing:.02em;font-size:11px}.toolbar__zoom{height:var(--control-height);background:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius-sm) + 1px);align-items:center;padding:2px;display:inline-flex}.toolbar__zoom .toolbar__btn{height:calc(var(--control-height) - 6px);min-width:calc(var(--control-height) - 6px);background:0 0;border-color:#0000;padding:0 6px}.toolbar__zoom .toolbar__btn:hover:not(:disabled){background:var(--color-panel-alt);border-color:#0000}.toolbar__zoom .toolbar__btn:active:not(:disabled){background:var(--color-btn-active);border-color:#0000}.toolbar__zoom-label{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch;color:var(--color-text-muted);white-space:nowrap;padding:0 6px;font-size:12px}.editor-shell__btn{background:var(--color-panel-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}.editor-shell__error{padding:10px var(--toolbar-x-pad);background:var(--color-danger-soft);border-bottom:1px solid var(--color-danger);color:var(--color-text);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-shell__error-message{white-space:pre-wrap;overflow-wrap:anywhere}.editor-shell__error-actions{flex:none;gap:8px;display:flex}.editor-shell__canvas{flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.editor-canvas{width:100%;height:100%;position:relative}.editor-canvas canvas{width:100%;height:100%;display:block}.editor-body{flex-direction:row;flex:auto;min-height:0;display:flex}.panel{flex:0 0 var(--panel-width);width:var(--panel-width);padding:14px var(--toolbar-x-pad);background:var(--color-panel);flex-direction:column;gap:16px;display:flex;overflow-y:auto}.panel--left{border-right:1px solid var(--color-border)}.panel--right{border-left:1px solid var(--color-border)}.editor-main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative}.panel__frame{flex-direction:column;gap:10px;display:flex}.panel__heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.status-bar{padding:0 var(--toolbar-x-pad);height:var(--statusbar-height);background-color:var(--color-panel);border-top:1px solid var(--color-border);color:var(--color-text-muted);flex:none;align-items:center;gap:16px;font-size:13px;display:flex}.status-bar__segments{flex:auto;align-items:baseline;gap:16px;min-width:0;display:flex}.status-bar__segment{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-bar__session{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:4px 12px;min-width:0;margin-left:auto;display:flex}.status-bar__game-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:600;overflow:hidden}.status-bar__meta-count{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.palette{flex:auto;min-height:0}.palette__tabs{border-bottom:1px solid var(--color-border);align-items:stretch;gap:4px;display:flex}.palette__tab{color:var(--color-text-muted);text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;flex:1 1 0;margin-bottom:-1px;padding:6px 10px;font-size:13px}.palette__tab:hover{color:var(--color-text)}.palette__tab--active{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:600}.palette__tabpanel{flex-direction:column;gap:12px;display:flex}.palette-tileset{flex-direction:column;gap:6px;display:flex}.palette-tileset__header{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:600;display:flex}.palette-tileset__header:hover{border-color:var(--color-accent-border)}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:2px;display:grid}.palette-tile{aspect-ratio:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.palette-tile:hover:not(:disabled){border-color:var(--color-accent-border)}.palette-tile--selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.palette-tile__preview{image-rendering:pixelated;width:100%;height:100%;display:block}.palette-entity-group{flex-direction:column;gap:4px;display:flex}.palette-group__header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.palette-entity{border-radius:var(--radius-sm);width:100%;color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.palette-entity:hover{background:var(--color-panel-alt)}.palette-entity--selected{background:var(--color-accent-soft);border-color:var(--color-accent-border)}.palette-entity__icon{image-rendering:pixelated;border:1px solid var(--color-border);background:var(--color-bg);flex:none;width:auto;max-width:32px;height:auto;max-height:32px}.palette-entity__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.palette-empty{color:var(--color-text-muted);padding:8px 4px;font-style:italic}.layer-list{flex-direction:column;gap:4px;list-style:none;display:flex}.layer-row{align-items:center;gap:2px;display:flex}.layer-row__toggle{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.layer-row__toggle:hover{background:var(--color-panel-alt);color:var(--color-text)}.layer-row__toggle[aria-pressed=true]{color:var(--color-text)}.layer-row__icon{width:16px;height:16px;display:block}.layer-row__select{border-radius:var(--radius-sm);min-width:0;color:var(--color-text);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;flex:auto;align-items:baseline;gap:8px;padding:5px 8px;font-size:13px;display:flex}.layer-row__select:hover{background:var(--color-panel-alt)}.layer-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-row--active .layer-row__select{background:var(--color-accent-soft);border-color:var(--color-accent-border);font-weight:600}.layer-row__type{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);flex:none;margin-left:auto;font-size:10px;font-weight:600}.layer-row--hidden .layer-row__name{color:var(--color-text-muted);opacity:.6}.layer-row--hidden .layer-row__toggle{color:var(--color-text-muted);opacity:.7}.properties{flex-direction:column;gap:12px;display:flex}.properties__header{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.properties__name{font-size:14px;font-weight:600}.properties__id{color:var(--color-text-muted);font-size:11px}.properties__note{color:var(--color-text-muted);font-size:11px;font-style:italic}.properties__fields{flex-direction:column;gap:10px;display:flex}.properties__field{flex-direction:column;gap:4px;display:flex}.properties__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:11px;font-weight:600}.properties__input{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);padding:5px 8px}.properties__input:focus{border-color:var(--color-accent-border);outline:none}.properties__row{align-items:center;gap:8px;display:flex}.properties__row-label{color:var(--color-text-muted);flex:none;font-size:12px}.properties__checkbox{width:18px;height:18px;accent-color:var(--color-accent)}.properties__color{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel-alt);cursor:pointer;width:44px;height:28px;padding:0}.properties__array{flex-direction:column;gap:6px;display:flex}.properties__array-row{align-items:center;gap:6px;display:flex}.properties__array-row .properties__input{flex:auto;min-width:0}.properties__array-add,.properties__array-remove{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:none;padding:4px 8px;font-size:12px}.properties__array-remove{color:var(--color-text-muted)}.properties__array-add{align-self:flex-start}.panel-danger{border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);background:0 0;justify-content:center;align-self:flex-start;align-items:center;padding:6px 14px;font-weight:600;display:inline-flex}.panel-danger:hover{background:var(--color-danger-soft)}.level-dialog__backdrop{background:var(--color-scrim);z-index:90;position:fixed;inset:0}.level-dialog{background:var(--color-panel);border:1px solid var(--color-border);width:420px;max-width:calc(100vw - 32px);max-height:70vh;box-shadow:var(--shadow-overlay);z-index:100;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.level-dialog__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.level-dialog__title{font-size:15px;font-weight:600}.level-dialog__hint{color:var(--color-text-muted)}.level-dialog__list{flex-direction:column;gap:6px;list-style:none;display:flex}.level-dialog__scroll{flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.level-dialog__section{flex-direction:column;gap:6px;display:flex}.level-dialog__section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.level-dialog__field{color:var(--color-text-muted);flex-direction:column;gap:4px;display:flex}.level-dialog__input{background:var(--color-panel-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:6px 10px}.level-dialog__actions{flex-wrap:wrap;gap:8px;display:flex}.level-dialog__error{background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:6px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.level-dialog__error-message{white-space:pre-wrap;overflow-wrap:anywhere}.level-dialog__btn{background:var(--color-panel-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}.setup-screen{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.setup-wizard{background:var(--color-panel);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:20px;width:100%;max-width:520px;padding:28px;display:flex}.setup-wizard__header{flex-direction:column;gap:6px;display:flex}.setup-wizard__title{font-size:20px;font-weight:600}.setup-wizard__subtitle,.setup-wizard__hint{color:var(--color-text-muted)}.setup-wizard__subtitle code{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.setup-wizard__select{flex-direction:column;gap:14px;display:flex}.setup-wizard__actions{gap:12px;display:flex}.setup-wizard__btn{background:var(--color-panel-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;display:inline-flex}.setup-wizard__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.setup-wizard__btn:disabled{opacity:.5;cursor:not-allowed}.setup-wizard__dropzone{border:2px dashed var(--color-border);min-height:120px;color:var(--color-text-muted);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:16px;display:flex}.setup-wizard__dropzone--active{border-color:var(--color-accent);color:var(--color-text);background-color:var(--color-accent-soft-dim)}.setup-wizard__dropzone--disabled{opacity:.5}.setup-wizard__progress{flex-direction:column;gap:8px;display:flex}.setup-wizard__progress-track{background:var(--color-panel-alt);border-radius:4px;height:8px;overflow:hidden}.setup-wizard__progress-bar{background:var(--color-accent);height:100%;transition:width .12s}.setup-wizard__progress-text{color:var(--color-text-muted)}.setup-wizard__confirmation{flex-direction:column;gap:12px;display:flex}.setup-wizard__game-name{font-size:18px;font-weight:600}.setup-wizard__meta{color:var(--color-text-muted)}.setup-wizard__warning{background:var(--color-warning-soft);border:1px solid var(--color-warning);color:var(--color-text);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.setup-wizard__warning button{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0;border-radius:4px;flex:none;padding:4px 10px}.setup-wizard__error{background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:6px;flex-direction:column;gap:14px;padding:14px;display:flex}.setup-wizard__error-message{flex-direction:column;gap:6px;display:flex}.setup-wizard__error-detail{color:var(--color-text-muted)}.setup-wizard__error-list{flex-direction:column;gap:4px;padding-left:18px;display:flex}.setup-wizard__error-list code{background:var(--color-panel-alt);border-radius:3px;padding:1px 4px}.toast-viewport{top:calc(var(--toolbar-height) + 8px);z-index:1000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;right:12px}.toast{pointer-events:auto;background:var(--color-panel);border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--radius-sm);min-width:240px;max-width:360px;color:var(--color-text);box-shadow:var(--shadow-toast);align-items:flex-start;gap:10px;padding:10px 12px;animation:.16s ease-out toast-in;display:flex}.toast--success{border-left-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, var(--color-panel))}.toast--info{border-left-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-panel))}.toast--warning{border-left-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 8%, var(--color-panel))}.toast--error{border-left-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-panel))}.toast__message{overflow-wrap:anywhere;flex:auto;min-width:0}.toast__close{border-radius:var(--radius-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;flex:none;align-self:flex-start;padding:0 4px;font-size:13px;line-height:1.4}.toast__close:hover{color:var(--color-text);border-color:var(--color-border)}.toast__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.minimap{z-index:5;pointer-events:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel);max-width:100%;max-height:100%;box-shadow:var(--shadow-popover);position:absolute;bottom:12px;right:12px;overflow:hidden}.minimap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.settings{position:relative}.settings__backdrop{z-index:890;position:fixed;inset:0}.settings__menu{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:272px;box-shadow:var(--shadow-popover);color:var(--color-text);z-index:900;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.settings__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings__field{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.settings__label{color:var(--color-text-muted);font-size:12px}.settings__input{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);padding:5px 8px}.settings__input:disabled{opacity:.5;cursor:not-allowed}.settings__switch{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;display:inline-flex}.settings__segmented{background:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius-sm) + 1px);align-self:flex-start;gap:4px;padding:2px;display:inline-flex}.settings__segmented-option{border-radius:var(--radius-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;padding:4px 12px;font-size:12px}.settings__segmented-option:hover{color:var(--color-text)}.settings__segmented-option--active{background:var(--color-panel-alt);border-color:var(--color-border);color:var(--color-text);font-weight:600}