:root{--editor-shell-top-height:68px;--editor-shell-status-height:72px;--editor-shell-tool-width:176px;--editor-shell-inspector-ratio:44%;--editor-shell-inspector-min:480px;--editor-shell-min-width:1180px;--editor-shell-gap:8px;--editor-shell-effective-top-height:var(--editor-shell-top-height);--editor-shell-effective-left-width:var(--editor-shell-tool-width);--editor-shell-effective-right-width:max(var(--editor-shell-inspector-min), var(--editor-shell-inspector-ratio));--editor-shell-effective-bottom-height:var(--editor-shell-status-height);--editor-shell-effective-mode-height:0px;--editor-shell-effective-top-gap:var(--editor-shell-gap);--editor-shell-effective-left-gap:var(--editor-shell-gap);--editor-shell-effective-right-gap:var(--editor-shell-gap);--editor-shell-effective-bottom-gap:var(--editor-shell-gap);--editor-color-bg:#0b1218;--editor-color-surface:#111c24;--editor-color-raised:#17242c;--editor-color-border:#4b5960;--editor-color-text:#f5f7fa;--editor-color-muted:#aab4bc;--editor-color-accent:#18b9e6;--editor-color-accent-strong:#0e98bd;--editor-color-success:#68d96d;--editor-color-danger:#e84b4b;--editor-color-canvas:#000;--editor-color-canvas-checker-a:#9aa2a8;--editor-color-canvas-checker-b:#6c757c;--editor-color-grid:#46535a;color:var(--editor-color-text);background:var(--editor-color-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{min-width:0;min-height:100dvh;color:var(--editor-color-text);background:var(--editor-color-bg);margin:0}button,input,select{font:inherit}button{border:1px solid var(--editor-color-border);color:var(--editor-color-text);background:var(--editor-color-raised);border-radius:3px}button:not(:disabled,[aria-disabled=true]){cursor:pointer}button:not(:disabled,[aria-disabled=true]):hover{border-color:var(--editor-color-accent);background:color-mix(in srgb, var(--editor-color-accent-strong) 35%, var(--editor-color-raised))}.app-shell{width:100%;height:100dvh;color:var(--editor-color-text);background:var(--editor-color-bg);overflow:auto hidden}.project-workspace-layout{grid-template-rows:var(--editor-shell-effective-top-height) auto minmax(0, 1fr) var(--editor-shell-effective-bottom-height);width:100%;height:100%;min-height:0;color:var(--editor-color-text);background:var(--editor-color-bg);display:grid}.project-workspace-layout__visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-workspace-layout__top,.project-workspace-layout__mode,.project-workspace-layout__catalog,.project-workspace-layout__editor,.project-workspace-layout__side,.project-workspace-layout__status{border:1px solid var(--editor-color-border);background:var(--editor-color-surface);min-width:0}.project-workspace-layout__top,.project-workspace-layout__status{overflow:hidden}.project-workspace-layout__top{grid-row:1}.project-workspace-layout__mode{border-top:0;grid-row:2}.project-workspace-layout__content{grid-row:3}.project-workspace-layout__status{grid-row:4}.project-workspace-layout__mode nav[aria-label=編集対象] [role=group]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-shell__workspace-mode-bar{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.app-shell__workspace-mode-bar>nav{flex:auto;min-width:0}.app-shell__workspace-mode-bar .app-shell__external-inspector-toggle{flex:none;margin:0 6px}.project-workspace-layout__mode nav[aria-label=編集対象] button{min-height:38px}.project-workspace-layout__content{grid-template-columns:var(--editor-shell-effective-left-width) minmax(360px, 1fr) var(--editor-shell-effective-right-width);min-width:0;min-height:0;display:grid}.project-workspace-layout[data-workspace-layout=material-four-pane] .project-workspace-layout__content{grid-template-columns:var(--editor-shell-effective-left-width) minmax(360px, 1fr) var(--editor-shell-effective-right-width)}.project-workspace-layout[data-side-visible=false] .project-workspace-layout__content{grid-template-columns:var(--editor-shell-effective-left-width) minmax(360px, 1fr) 0}.project-workspace-layout__catalog,.project-workspace-layout__side{min-height:0;overflow:hidden auto}.project-workspace-layout__catalog{grid-area:1/1}.project-workspace-layout__editor{grid-area:1/2}.project-workspace-layout__side{grid-area:1/3}.project-workspace-layout[data-workspace-layout=material-four-pane] .project-workspace-layout__side{grid-column:3;overflow:hidden}.project-workspace-layout__editor{background:var(--editor-color-canvas);min-height:0;overflow:hidden}.project-workspace-layout__notices,.project-workspace-layout__overlays{z-index:40;pointer-events:none;position:fixed;inset:0}.project-workspace-layout__notices>*,.project-workspace-layout__overlays>*{pointer-events:auto}.project-workspace-layout__overlays{z-index:61}@media (width<=840px){.project-workspace-layout__content,.project-workspace-layout[data-side-visible=false] .project-workspace-layout__content{grid-template-columns:var(--editor-shell-effective-left-width) minmax(360px, 1fr);grid-template-rows:minmax(0,1fr) auto}.project-workspace-layout__side{grid-area:2/1/auto/-1;justify-self:stretch;width:100vw;max-width:100vw;max-height:15rem}.project-workspace-layout[data-workspace-layout=material-four-pane] .project-workspace-layout__side{grid-column:1/-1}}@media (width<=540px){.project-workspace-layout{grid-template-rows:var(--editor-shell-effective-top-height) auto minmax(0, 1fr) var(--editor-shell-effective-bottom-height)}.project-workspace-layout__content,.project-workspace-layout[data-side-visible=false] .project-workspace-layout__content,.project-workspace-layout[data-workspace-layout=material-four-pane] .project-workspace-layout__content{grid-template-rows:auto minmax(18rem,1fr) auto;grid-template-columns:minmax(0,1fr)}.project-workspace-layout__catalog,.project-workspace-layout__side{max-height:14rem}.project-workspace-layout__catalog{grid-area:1/1}.project-workspace-layout__editor{grid-area:2/1}.project-workspace-layout__side,.project-workspace-layout[data-workspace-layout=material-four-pane] .project-workspace-layout__side{grid-area:3/1}.project-workspace-layout[data-workspace-layout=material-four-pane] .project-workspace-layout__side{overflow-y:auto}}.editor-shell-layout{width:100%;min-width:var(--editor-shell-min-width);height:100%;min-height:0;position:relative}.editor-shell-layout__visually-hidden,.view-controls__title,.editor-inspector__title,.canvas-status__title,.layer-panel__title,.save-status__title,.editor-inspector__tab-frame-title{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-shell-layout__grid{grid-template-areas:"top top top top top"". . . . .""tools.canvas.inspector"". . . . .""status status status status status";grid-template-rows:var(--editor-shell-effective-top-height) var(--editor-shell-effective-top-gap) minmax(0, 1fr) var(--editor-shell-effective-bottom-gap) var(--editor-shell-effective-bottom-height);grid-template-columns:var(--editor-shell-effective-left-width) var(--editor-shell-effective-left-gap) minmax(320px, 1fr) var(--editor-shell-effective-right-gap) var(--editor-shell-effective-right-width);background:var(--editor-color-bg);gap:0;width:100%;height:100%;min-height:0;padding:0;display:grid}.editor-shell-layout__grid--project{min-width:0;padding:0;display:block}.editor-shell-layout__workspace,.editor-shell-layout__workspace-content{display:contents}.editor-shell-layout__workspace-mode:empty{display:none}.editor-shell-layout__workspace-mode:not(:empty){z-index:32;top:calc(var(--editor-shell-effective-top-height) + 6px);position:absolute;right:8px}.project-workspace-layout__mode{z-index:32;min-height:var(--editor-shell-effective-mode-height);align-items:center;display:flex}.editor-shell-layout__panel-toolbar{background:#111c24f5;flex:none;align-items:center;gap:4px;padding:3px 6px;display:flex}.editor-shell-layout__panel-toolbar button{place-items:center;width:30px;min-height:30px;padding:0;display:inline-grid}.editor-shell-layout__panel-toolbar button[aria-pressed=false]{color:var(--editor-color-muted)}.editor-shell-layout__separator{z-index:31;pointer-events:none;position:absolute}.editor-shell-layout__separator>[role=separator]{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.editor-shell-layout__separator>[role=separator]:focus-visible,.editor-shell-layout__separator>[role=separator]:hover{background:color-mix(in srgb, var(--editor-color-accent) 42%, transparent)}.editor-shell-layout__separator--top{top:calc(var(--editor-shell-effective-top-height) - 4px);cursor:row-resize;height:8px;left:0;right:0}.editor-shell-layout__separator--bottom{right:0;bottom:calc(var(--editor-shell-effective-bottom-height) - 4px);cursor:row-resize;height:8px;left:0}.editor-shell-layout__separator--left{top:calc(var(--editor-shell-effective-top-height) + var(--editor-shell-effective-mode-height));bottom:var(--editor-shell-effective-bottom-height);left:calc(var(--editor-shell-effective-left-width) - 4px);cursor:col-resize;width:8px}.editor-shell-layout__separator--right{top:calc(var(--editor-shell-effective-top-height) + var(--editor-shell-effective-mode-height));right:calc(var(--editor-shell-effective-right-width) - 4px);bottom:var(--editor-shell-effective-bottom-height);cursor:col-resize;width:8px}.editor-shell-layout__separator [aria-disabled=true]{cursor:not-allowed;opacity:.38}.editor-shell-layout__workspace.project-workspace-layout,.editor-shell-layout__workspace-content.project-workspace-layout__content{display:grid}.editor-shell-layout--project{min-width:0}.editor-shell-layout [hidden]{display:none!important}.editor-shell-layout__top-bar,.editor-shell-layout__tool-rail,.editor-shell-layout__canvas-region,.editor-shell-layout__inspector,.editor-shell-layout__status-bar{border:1px solid var(--editor-color-border);background:var(--editor-color-surface);border-radius:3px;min-width:0}.editor-shell-layout__top-bar{z-index:20;grid-area:top;position:sticky;top:0;overflow:hidden}.editor-shell-layout__tool-rail{grid-area:tools;min-height:0;padding:4px;overflow:hidden auto}.editor-shell-layout__canvas-region{background:var(--editor-color-canvas);grid-area:canvas;min-height:0;padding:4px;overflow:auto}.editor-shell-layout__inspector{grid-area:inspector;min-height:0;padding:4px;overflow:auto}.editor-shell-layout__status-bar{z-index:20;grid-area:status;position:sticky;bottom:0;overflow:hidden}.editor-shell-layout__top-bar-content,.editor-shell-layout__status-bar-content{width:100%;min-width:0;height:100%;display:block;overflow:auto hidden}.editor-top-bar{align-items:center;gap:6px;width:max-content;min-width:100%;height:100%;padding:4px 6px;display:flex}.editor-top-bar__slot{flex:none;min-width:0;display:flex;position:relative}.usage-guide-dialog__backdrop{background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.usage-guide-dialog{box-sizing:border-box;border:1px solid var(--editor-color-border);background:var(--editor-color-raised);width:min(720px,100%);max-height:calc(100dvh - 48px);color:var(--editor-color-text);padding:20px;overflow:auto}.usage-guide-dialog__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-top-bar__command,.project-file-controls__command,.editor-top-bar__view-placeholder>button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:40px;padding:4px 10px;font-weight:700;display:inline-flex}.editor-top-bar__command svg,.project-file-controls__command svg{width:18px;height:18px}.editor-top-bar__slot--png-export,.editor-top-bar__slot--profile{align-items:center}.editor-top-bar__reason{max-width:136px;color:var(--editor-color-muted);text-overflow:ellipsis;white-space:nowrap;margin:1px 2px 0;font-size:10px;line-height:11px;overflow:hidden}.editor-top-bar__state-label{text-underline-offset:2px;font-weight:800;text-decoration:underline}.editor-top-bar__slot--project-summary{border:1px solid var(--editor-color-border);background:var(--editor-color-raised);border-radius:3px;align-content:center;min-width:176px;max-width:240px;padding:5px 10px;display:grid}.editor-top-bar__summary-item{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:20px;overflow:hidden}.editor-top-bar__summary-label{color:var(--editor-color-muted)}.project-file-controls,.app-shell__file-controls{gap:6px;height:100%;display:flex}.project-file-controls--compact{align-items:center;width:auto;display:flex}.project-file-controls--compact>.project-file-controls__command{min-width:0}.project-file-controls__command--overwrite,.project-file-controls__command--save-as{gap:5px;padding-inline:5px;font-size:.85rem}.project-file-controls__command--save-as{font-size:.78rem}.project-file-controls__command--save-as svg{display:none}.project-file-controls__file-input{position:absolute}.editor-top-bar__slot--view-controls,.view-controls,.view-controls__zoom,.view-controls__grid,.editor-top-bar__view-placeholder{align-items:center;gap:4px;display:inline-flex}.editor-top-bar__slot--view-controls,.view-controls,.editor-top-bar__view-placeholder{border:1px solid var(--editor-color-border);background:var(--editor-color-raised);border-radius:3px;min-height:40px;padding:3px 6px}.editor-top-bar__view-placeholder{padding-bottom:12px;position:relative}.editor-top-bar__view-placeholder>.editor-top-bar__reason{max-width:none;position:absolute;bottom:1px;left:4px;right:4px}.view-controls button,.editor-top-bar__view-placeholder>button{min-width:32px;min-height:32px;padding:3px 7px}.view-controls__zoom-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.view-controls__zoom-range{width:92px;accent-color:var(--editor-color-accent)}.view-controls__zoom-value{min-width:42px;color:var(--editor-color-text);font-variant-numeric:tabular-nums;text-align:center}.view-controls__grid-guidance{max-width:170px;color:var(--editor-color-muted);margin:0;font-size:10px;line-height:1.2}.pixel-tool-bar{flex-direction:column;gap:4px;min-height:100%;display:flex}.pixel-tool-bar>h2{color:var(--editor-color-muted);letter-spacing:.08em;text-transform:uppercase;margin:2px 4px;font-size:12px}.pixel-tool-bar__primary-tools{flex-direction:column;gap:4px;display:flex}.pixel-tool-bar__tool-button{text-align:left;grid-template-columns:40px minmax(0,1fr);align-items:center;min-height:72px;padding:6px 8px;font-weight:600;display:grid;position:relative}.pixel-tool-bar__tool-icon,.pixel-tool-bar__history-icon{place-items:center;display:inline-grid}.pixel-tool-bar__tool-icon svg{width:32px;height:32px}.pixel-tool-bar__selected-status{border-left:4px solid var(--editor-color-accent);min-height:24px;color:var(--editor-color-text);background:var(--editor-color-raised);margin:0;padding:4px 6px;font-size:11px;font-weight:700}.pixel-tool-bar__rectangle-modes,.pixel-tool-bar__transforms,.pixel-tool-bar__history{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.pixel-tool-bar__rectangle-modes button,.pixel-tool-bar__transforms button,.pixel-tool-bar__history button{min-height:34px;padding:3px;font-size:10px}.pixel-tool-bar--context{align-items:center;gap:4px 8px;min-height:0}.pixel-tool-bar--context>h2{flex:none}.pixel-tool-bar--context .pixel-tool-bar__primary-tools{flex:280px;gap:4px}.pixel-tool-bar--context .pixel-tool-bar__tool-button{grid-template-columns:none;gap:4px;width:auto;min-height:32px;padding:3px 6px;font-size:11px;display:inline-flex}.pixel-tool-bar--context .pixel-tool-bar__tool-icon svg{width:18px;height:18px}.pixel-tool-bar--context .pixel-tool-bar__rectangle-modes,.pixel-tool-bar--context .pixel-tool-bar__transforms,.pixel-tool-bar--context .pixel-tool-bar__history{flex-wrap:wrap;flex:0 auto;gap:4px;display:flex}.pixel-tool-bar--context .pixel-tool-bar__rectangle-modes button,.pixel-tool-bar--context .pixel-tool-bar__transforms button,.pixel-tool-bar--context .pixel-tool-bar__history button{min-height:28px;padding:2px 5px}.app-shell__unavailable{min-height:100%;color:var(--editor-color-muted);text-align:center;align-content:center;justify-items:center;padding:12px;display:grid}.app-shell__unavailable h2{color:var(--editor-color-text);margin:0 0 8px;font-size:15px}.app-shell__unavailable p{margin:0;line-height:1.5}.editor-shell-layout__canvas-region>div{min-height:100%}.editor-shell-layout__canvas-region>.app-shell__canvas-workspace{min-height:0}.app-shell__canvas-workspace{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.app-shell__canvas-workspace>nav[aria-label=編集対象]{border-bottom:1px solid var(--editor-color-border);background:var(--editor-color-raised);flex:none;padding:6px 8px}.app-shell__canvas-workspace>nav[aria-label=編集対象] [role=group]{gap:4px;display:flex}.app-shell__external-inspector-toggle{align-self:flex-end;margin:4px 8px 0}.app-shell__asset-mode-tabs{border-bottom:1px solid var(--editor-color-border);background:var(--editor-color-raised);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 8px;display:flex}.app-shell__asset-mode-tabs .target-environment-status{margin-left:auto}.app-shell__canvas-workspace>nav[aria-label=編集対象] button[aria-pressed=true]{border-color:var(--editor-color-accent);color:var(--editor-color-accent)}.app-shell__workspace-content{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:auto}.app-shell__workspace-context{border-bottom:1px solid var(--editor-color-border);background:var(--editor-color-raised);flex:none;min-width:0;padding:4px 8px}.app-shell__workspace-content>:not(.app-shell__workspace-context){flex:auto;min-height:0}.app-shell__workspace-content[data-workspace-mode=assets]{grid-template-rows:minmax(0,1fr) 10px auto;grid-template-columns:56px minmax(0,1fr);display:grid;overflow:hidden}.app-shell__workspace-content[data-workspace-mode=assets]>.app-shell__workspace-context{border-right:1px solid var(--editor-color-border);border-bottom:0;grid-area:1/1/-1;min-height:0;padding:4px;overflow:hidden auto}@media (height>=720px){.app-shell__workspace-content[data-workspace-mode=assets]>.app-shell__workspace-context{scrollbar-width:none}.app-shell__workspace-content[data-workspace-mode=assets]>.app-shell__workspace-context::-webkit-scrollbar{display:none}}.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar{min-height:100%}.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar>h2,.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__selected-status,.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__tool-label,.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__history button>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__tool-button{grid-template-columns:minmax(0,1fr);place-items:center;min-height:44px;padding:4px;font-size:11px;display:grid}.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__tool-icon svg{width:22px;height:22px}.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__rectangle-modes,.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__transforms,.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__history{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__rectangle-modes button,.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__transforms button,.app-shell__workspace-content[data-workspace-mode=assets] .pixel-tool-bar__history button{min-height:36px;padding:2px}.app-shell__workspace-content[data-workspace-mode=assets]>:not(.app-shell__workspace-context):not(.app-shell__asset-supplemental):not(.app-shell__asset-supplemental-resizer){grid-area:1/2;min-width:0;min-height:0;overflow:hidden}.app-shell__workspace-content[data-workspace-mode=assets]>.app-shell__asset-supplemental{grid-area:3/2}.app-shell__asset-supplemental-resizer{cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--editor-color-surface);grid-area:2/2;place-items:center;min-width:0;display:grid;position:relative}.app-shell__asset-supplemental-resizer:before{background:var(--editor-color-border);content:"";border-radius:1px;height:2px;position:absolute;top:4px;left:10px;right:10px}.app-shell__asset-supplemental-resizer>span{z-index:1;color:var(--editor-color-muted);background:var(--editor-color-surface);padding:0 8px;font-size:10px;line-height:8px;position:relative}.app-shell__asset-supplemental-resizer:hover:before,.app-shell__asset-supplemental-resizer:focus-visible:before{background:var(--editor-color-accent)}.material-catalog-workspace{align-content:start;gap:8px;min-width:0;padding:8px;display:grid}.material-catalog-workspace__header{justify-content:space-between;align-items:center;gap:5px;display:flex}.material-catalog-workspace__add{position:relative}.material-catalog-workspace__add-popup{border:1px solid var(--editor-color-border);background:var(--editor-color-surface-raised);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(440px,100vw - 32px);max-height:calc(100vh - 32px);padding:12px;display:grid;overflow-y:auto}.material-catalog-workspace__add-backdrop{z-index:70;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.material-catalog-workspace__add-popup>header,.material-catalog-workspace__add-popup>[role=menu]{grid-column:1/-1}.material-catalog-workspace__add-popup>header{justify-content:space-between;align-items:center;display:flex}.material-catalog-workspace__add [role=menu]{gap:3px;display:grid}.material-catalog-workspace__size-picker{border-top:1px solid var(--editor-color-border);gap:4px;padding-top:5px;font-size:10px;display:grid}.material-catalog-workspace__size-picker label,.material-catalog-workspace__size-picker p{margin:0}.material-catalog-workspace__size-picker select,.material-catalog-workspace__size-picker button{width:100%;min-width:0;margin-top:2px;padding:3px 4px;font-size:10px}.material-catalog-workspace__custom-size{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:3px;display:grid}.material-catalog-workspace__custom-size input{min-width:0;padding:3px 4px;font-size:10px}.material-catalog-workspace h2{white-space:nowrap;margin:0;font-size:13px}.material-catalog-workspace__add>button{white-space:nowrap;padding-inline:5px;font-size:11px}.material-catalog-workspace__filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.material-catalog-workspace__filters button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:3px 2px;font-size:10px;overflow:hidden}.material-catalog-workspace__filters button[aria-pressed=true]{border-color:var(--editor-color-accent);background:var(--editor-color-accent);color:var(--editor-color-text)}.material-catalog-workspace__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.material-catalog-workspace__group{display:contents}.material-catalog-workspace__group h3{color:var(--editor-color-muted);grid-column:1/-1;margin:7px 2px 0;font-size:11px;font-weight:600}.material-catalog-workspace__card{text-align:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-width:0;min-height:62px;padding:5px 3px;display:flex}.material-catalog-workspace__card:active{cursor:grabbing}.material-catalog-workspace__card[data-dragging=true]{opacity:.48}.material-catalog-workspace__card[data-drop-target=true]{border-color:var(--editor-color-accent);box-shadow:inset 0 0 0 2px var(--editor-color-accent)}.material-catalog-workspace__card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:500;display:block;overflow:hidden}.material-catalog-workspace__card small,.material-catalog-workspace__group h3{color:var(--editor-color-muted)}.material-catalog-workspace__card small{display:none}.material-catalog-workspace__empty{color:var(--editor-color-muted);text-align:center;grid-column:1/-1;padding:12px 4px;font-size:11px}.material-catalog-workspace__card[aria-pressed=true]{border-color:var(--editor-color-accent);outline:2px solid var(--editor-color-accent);outline-offset:-2px}.material-catalog-workspace__thumbnail{border:1px solid var(--editor-color-border);background:conic-gradient(#2e4651 25%, #1b303a 0 50%, #2e4651 0 75%, #1b303a 0) 0 0 / 8px 8px;width:40px;height:40px;image-rendering:pixelated;display:grid;overflow:hidden}.material-catalog-workspace__thumbnail-pixel{min-width:0;min-height:0}.material-catalog-workspace__selection{border-top:1px solid var(--editor-color-border);gap:5px;padding-top:7px;font-size:11px;display:grid}.material-catalog-workspace__selection>p{margin:0}.material-catalog-workspace__selection-summary{color:var(--editor-color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-catalog-workspace__asset-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.material-catalog-workspace__asset-actions button,.material-catalog-workspace__selection form button{min-width:0;padding:4px 3px}.material-catalog-workspace__selection form{grid-template-columns:minmax(0,1fr) auto auto;gap:3px;display:grid}.material-catalog-workspace__selection form input{grid-column:1/-1;min-width:0}.material-catalog-workspace__delete-dialog{width:min(440px,100vw - 48px)}.material-catalog-workspace__delete-dialog h2,.material-catalog-workspace__delete-dialog p{margin:0 0 14px}.material-catalog-workspace__delete-actions{justify-content:flex-end;gap:8px;display:flex}.app-shell__background-workspace{height:100%;min-height:0;display:block}.app-shell__material-empty{min-height:100%;color:var(--editor-color-muted);text-align:center;place-content:center;gap:6px;padding:24px;display:grid}.app-shell__material-empty h2,.app-shell__material-empty p{margin:0}.app-shell__material-empty h2{color:var(--editor-color-text);font-size:16px}.app-shell__asset-supplemental{border-top:1px solid var(--editor-color-border);background:var(--editor-color-surface);min-width:0;height:36px;overflow:hidden}.app-shell__asset-supplemental[open]{height:var(--asset-supplemental-height,260px);grid-template-rows:36px minmax(0,1fr);display:grid}.app-shell__asset-supplemental>summary{cursor:pointer;text-align:right;min-height:36px;padding:8px 10px}.app-shell__asset-supplemental-content{box-sizing:border-box;width:100%;height:calc(var(--asset-supplemental-height,220px) - 37px);min-height:0;max-height:calc(var(--asset-supplemental-height,220px) - 37px);grid-template-columns:minmax(240px,320px) minmax(420px,1fr);align-items:start;gap:6px 12px;padding:6px 10px;font-size:12px;display:grid;overflow:hidden auto}.app-shell__asset-supplemental-content>*{min-width:0}.app-shell__asset-supplemental-content>section>h3,.app-shell__asset-supplemental-content>p,.app-shell__sprite-preview-settings>p{margin:0 0 4px}.app-shell__asset-supplemental-content>section>h3{font-size:14px;line-height:1.2}.app-shell__asset-supplemental-content>section[aria-label=Tile取込]{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.app-shell__asset-supplemental-content>section[aria-label=Tile取込]>h3{margin:0}.app-shell__sprite-preview-settings{grid-area:1/2/span 4;min-width:0}.app-shell__asset-supplemental-content [data-sprite-origin-panel]{border:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;display:flex}.app-shell__asset-supplemental-content [data-sprite-origin-panel] legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell__asset-supplemental-content [data-sprite-origin-panel] label{align-items:center;gap:4px;display:flex}.app-shell__asset-supplemental-content [data-sprite-origin-panel] input{box-sizing:border-box;width:72px;min-width:48px}.app-shell__asset-supplemental-content [data-sprite-origin-panel] button{min-height:28px;padding:2px 8px}[data-sprite-composite-preview][data-layout=compact]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px 10px;min-width:0;font-size:12px;display:grid}[data-sprite-composite-preview][data-layout=compact] p{margin:0}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__plane-controls{flex-wrap:wrap;display:flex}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__plane-controls button{min-height:28px;padding:2px 7px}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__sample{box-sizing:border-box;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 10px;width:100%;min-width:0;margin:0;padding:4px 6px;display:flex}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__sample label{align-items:center;gap:3px;display:flex}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__sample input{box-sizing:border-box;width:64px;min-width:44px}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__raster,[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__hardware{align-self:start;max-width:100%;overflow:auto}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__scanline-table{grid-column:2/-1;align-self:stretch;max-height:104px;overflow:auto}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__scanline-table table{border-collapse:collapse;width:100%}[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__scanline-table th,[data-sprite-composite-preview][data-layout=compact] .sprite-composite-preview__scanline-table td{text-align:left;padding:1px 4px}@media (width<=900px){.app-shell__asset-supplemental-content{grid-template-columns:minmax(0,1fr)}.app-shell__sprite-preview-settings{grid-area:auto/1}[data-sprite-composite-preview][data-layout=compact]{grid-template-columns:minmax(0,1fr)}[data-sprite-composite-preview][data-layout=compact]>*{grid-column:1}}.app-shell__material-details dl{grid-template-columns:max-content minmax(0,1fr);gap:5px 8px;margin:0;font-size:12px;display:grid}.app-shell__material-details dt{color:var(--editor-color-muted)}.app-shell__material-details dd{overflow-wrap:anywhere;min-width:0;margin:0}.app-shell__tilemap-workspace{min-height:100%;padding:12px;overflow:auto}.app-shell__sprite-workspace,.app-shell__pending-workspace{place-content:start stretch;gap:0;min-height:100%;padding:0;display:grid}.app-shell__workspace-content[data-workspace-mode=assets]>.app-shell__sprite-workspace{grid-template-rows:auto minmax(0,1fr);align-content:stretch;min-height:0;overflow:hidden}.app-shell__tile-pixel-workspace{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;min-height:0;display:grid;overflow:hidden}.app-shell__tile-pixel-workspace>p{margin:0;padding:4px 8px}.app-shell__asset-localbar{border-bottom:1px solid var(--editor-color-border);background:var(--editor-color-raised);flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;min-height:44px;padding:5px 8px;display:flex}.app-shell__asset-localbar header{flex:auto;align-items:baseline;gap:8px;min-width:0;display:flex}.app-shell__asset-localbar h2,.app-shell__asset-localbar p{margin:0}.app-shell__asset-localbar h2{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.app-shell__asset-localbar p{color:var(--editor-color-muted);font-size:11px}.app-shell__asset-localbar label{align-items:center;gap:4px;font-size:12px;display:inline-flex}[data-sprite-part-canvas]{align-content:center;justify-items:center;gap:6px;min-width:0;min-height:0;display:grid;overflow:auto}[data-sprite-part-canvas]>p{margin:0}.sprite-part-canvas__input-help{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-sprite-part-canvas]>[role=grid]{touch-action:none;-webkit-user-select:none;user-select:none}[data-sprite-part-canvas]>[role=grid]>[role=gridcell]{min-width:0;min-height:0;padding:0;overflow:hidden}[data-sprite-part-canvas]>[role=grid]>[role=gridcell][data-display-transparent=true]{background-image:repeating-conic-gradient(var(--editor-color-canvas-checker-a) 0% 25%, var(--editor-color-canvas-checker-b) 0% 50%);background-position:0 0;background-size:50% 50%}.app-shell__sprite-workspace header h2,.app-shell__pending-workspace h2{margin:0}.app-shell__sprite-workspace header p{color:var(--editor-color-muted);margin:4px 0 0}@media (width<=900px){.app-shell__background-workspace{grid-template-rows:minmax(320px,1fr) auto;grid-template-columns:minmax(0,1fr)}.app-shell__repeat-preview{border-top:1px solid var(--editor-color-border);border-left:0;max-height:40vh}}.app-shell__canvas-viewport{border:1px solid var(--editor-color-border);background:var(--editor-color-canvas);scrollbar-color:var(--editor-color-border) var(--editor-color-bg);border-radius:3px;width:100%;height:100%;min-height:320px}.pixel-canvas-editor{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.pixel-canvas-editor>.pixel-canvas-editor__viewport-grid{flex:auto;min-width:0;min-height:0}.pixel-canvas-editor__viewport-grid canvas{image-rendering:pixelated;background:repeating-conic-gradient(var(--editor-color-canvas-checker-a) 0% 25%, var(--editor-color-canvas-checker-b) 0% 50%) 0 0 / 16px 16px}.pixel-canvas-editor__ruler-corner,.pixel-canvas-editor__ruler-cell{color:var(--editor-color-muted);position:sticky;background:var(--editor-color-raised)!important}.canvas-ruler{color:var(--editor-color-muted);font-variant-numeric:tabular-nums;font-size:10px}.canvas-ruler__tick{border-color:var(--editor-color-grid)}.editor-inspector{min-width:0;min-height:100%}.editor-inspector__slots{grid-template-columns:minmax(260px,1.6fr) minmax(190px,1fr);grid-template-areas:"palette current""constraints scanline""layer-tabs scanline""seamless composite";grid-auto-rows:minmax(112px,auto);gap:8px;min-width:0;display:grid}.editor-inspector__panel,.editor-inspector__tab-frame{border:1px solid var(--editor-color-border);background:var(--editor-color-surface);border-radius:3px;min-width:0;overflow:hidden}.editor-inspector__panel--palette{grid-area:palette}.editor-inspector__panel--current-state{grid-area:current}.editor-inspector__panel--constraints{grid-area:constraints}.editor-inspector__panel--scanline{grid-area:scanline}.editor-inspector__tab-frame{grid-area:layer-tabs}.editor-inspector__panel--seamless-preview{grid-area:seamless}.editor-inspector__panel--composite-sprite{grid-area:composite}.editor-inspector__panel-title{border-bottom:1px solid var(--editor-color-border);background:var(--editor-color-raised);min-height:32px;margin:0;padding:6px 10px;font-size:14px}.editor-inspector__panel-content{min-height:80px;padding:8px}.editor-inspector__panel-reason,.editor-inspector__tab-reason{color:var(--editor-color-muted);margin:0;padding:9px 10px;font-size:12px;line-height:1.45}.editor-inspector__panel-reason strong,.editor-inspector__tab-reason strong{color:var(--editor-color-text);text-underline-offset:2px;text-decoration:underline}.editor-inspector__tab-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-inspector__tab{border-width:0 1px 1px 0;border-radius:0;min-height:38px}.editor-inspector__tab:last-child{border-right:0}.editor-inspector__tab-panel{min-height:120px;padding:6px}.canvas-status,.target-environment-status,.layer-panel{min-width:0;font-size:12px}.target-environment-status{border:1px solid var(--editor-color-border);background:var(--editor-color-raised);border-radius:3px;padding:6px 8px}.target-environment-status dl{grid-template-columns:max-content minmax(0,1fr);gap:4px 8px;margin:0;display:grid}.target-environment-status dl>div{display:contents}.target-environment-status dt{color:var(--editor-color-muted)}.target-environment-status dd{margin:0;font-weight:700}.canvas-status dl{grid-template-columns:max-content minmax(0,1fr);gap:4px 8px;margin:0;display:grid}.canvas-status dt{color:var(--editor-color-muted)}.canvas-status dd{margin:0}.layer-panel__guidance,.layer-panel__error{margin:0 0 6px}.layer-panel__add{min-height:34px;margin-bottom:6px}.layer-panel__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.layer-panel__list>li{border:1px solid var(--editor-color-border);background:var(--editor-color-raised);border-radius:3px;padding:4px}.layer-panel__row--active{outline:2px solid var(--editor-color-accent);outline-offset:-2px;font-weight:700}.layer-panel__list>.layer-panel__row--hidden{opacity:.58;border-style:dashed}.retro-color-picker-collapsible{border:1px solid var(--editor-color-accent);background:var(--editor-color-raised,#17242c);border-radius:6px;margin:10px 8px 8px;padding:0;position:relative}.retro-color-picker-collapsible:before{content:"";top:-7px;left:var(--retro-picker-arrow-left,16px);border-top:1px solid var(--editor-color-accent);border-left:1px solid var(--editor-color-accent);background:var(--editor-color-raised,#17242c);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.retro-color-picker-collapsible--floating{z-index:40;max-width:min(360px,100vw - 16px);max-height:calc(100vh - 16px);margin:0;position:fixed;overflow-y:auto;box-shadow:0 4px 16px #0006}.retro-color-picker-collapsible>summary{cursor:pointer;padding:8px;font-weight:700;list-style-position:outside;position:relative}.palette-panel{gap:8px;min-width:0;padding:8px;font-size:12px;display:grid}.palette-panel h2,.palette-panel form{margin:0}.locked-palette-grid{gap:8px;min-width:0;padding:8px;font-size:12px;display:grid}.locked-palette-grid h2{margin:0}.locked-palette-grid__bank{border-top:1px solid var(--editor-color-border);gap:4px;padding:6px 0 0;display:grid}.locked-palette-grid__bank:first-of-type{border-top:0;padding-top:0}.locked-palette-grid__bank h3{color:var(--editor-color-muted,#aab4bc);margin:0;font-size:11px}.locked-palette-grid__list{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.locked-palette-grid__swatch{border:1px solid var(--editor-color-border);text-align:left;border-radius:3px;flex-direction:column;gap:4px;width:100%;padding:10px 8px;font-family:inherit;display:flex}.locked-palette-grid__swatch[aria-pressed=true]{border-color:var(--editor-color-accent);border-width:2px}.locked-palette-grid__label{overflow-wrap:anywhere;min-width:0;max-width:100%;font-weight:700;overflow:hidden}.locked-palette-grid__color-id{overflow-wrap:anywhere;white-space:normal;opacity:.75;min-width:0;max-width:100%;font-size:11px}.app-shell__material-side .locked-palette-grid__swatch{min-width:0;padding:7px 5px;font-size:11px}.app-shell__material-side .locked-palette-grid__list{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell__material-side .locked-palette-grid__color-id{display:none}.app-shell__material-side{grid-template-columns:minmax(150px,5fr) minmax(210px,7fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.app-shell__material-palette{border-right:1px solid var(--editor-color-border);min-width:0;padding:8px;overflow-y:auto}.app-shell__material-palette>h2,.material-display-layers h2{margin:0;font-size:14px}.material-display-layers{grid-template-rows:auto auto minmax(72px,1fr) auto;min-height:0;padding:8px;display:grid;overflow:hidden}.material-display-layers__preview{background:var(--editor-color-canvas);border:1px solid var(--editor-color-border);border-radius:3px;place-items:center;min-height:104px;margin-top:6px;padding:6px;display:grid;overflow:hidden}.material-display-layers__preview-grid{background:var(--editor-color-canvas);border:1px solid var(--editor-color-border);width:min(100%,112px);max-height:112px;image-rendering:pixelated;display:grid;overflow:hidden}.material-display-layers__preview-grid>span[data-preview-transparent=true]{background:repeating-conic-gradient(#76808a 0 25%, #aab1b8 0 50%) 0 0 / 10px 10px}@media (width<=840px){.app-shell__material-side{grid-template-columns:minmax(150px,1fr) minmax(210px,1fr)}}@media (width<=540px){.app-shell__material-side{grid-template-columns:minmax(0,1fr);height:auto}.app-shell__material-palette{border-right:0;border-bottom:1px solid var(--editor-color-border)}}.material-display-layers__header{justify-content:space-between;align-items:center;gap:5px;display:flex}.material-display-layers__header label{color:var(--editor-color-muted);font-size:10px}.material-display-layers__help{align-items:center;display:inline-flex;position:relative}.material-display-layers__info{border-radius:50%;place-items:center;width:20px;min-width:20px;height:20px;padding:0;font-family:ui-serif,Georgia,serif;font-weight:700;display:inline-grid}.material-display-layers__help [role=tooltip]{z-index:30;width:210px;color:var(--editor-color-text);background:var(--editor-color-raised);border:1px solid var(--editor-color-border);opacity:0;pointer-events:none;border-radius:3px;padding:6px 8px;font-size:11px;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 5px);right:0;transform:translateY(-2px);box-shadow:0 4px 12px #00000059}.material-display-layers__help:focus-within [role=tooltip],.material-display-layers__help:hover [role=tooltip]{opacity:1;transform:translateY(0)}.material-display-layers__list{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.material-display-layers__row{border-bottom:1px solid var(--editor-color-border);cursor:grab;grid-template-columns:12px 28px 30px minmax(0,1fr);align-items:center;gap:3px;min-width:0;padding:4px 2px;display:grid}.material-display-layers__row[data-selected=true]{box-shadow:inset 2px 0 var(--editor-color-accent);background:color-mix(in srgb, var(--editor-color-accent) 13%, transparent)}.material-display-layers__row>button:not(.material-display-layers__select){min-width:28px;padding:4px 2px}.material-display-layers__visibility{place-items:center;width:28px;height:28px;display:grid}.material-display-layers__visibility svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:17px;height:17px;overflow:visible}.material-display-layers__visibility [data-icon=eye-open] circle{fill:currentColor;stroke:none}.material-display-layers__visibility[aria-pressed=false],.material-display-layers__handle{color:var(--editor-color-muted)}.material-display-layers__thumbnail{border:1px solid var(--editor-color-border);background:var(--editor-color-canvas);place-items:center;width:28px;height:28px;display:grid}.material-display-layers__select{text-align:left;min-width:0;padding:3px 5px;display:grid}.material-display-layers__select strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-display-layers__offset{grid-column:2/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.material-display-layers__row:not([data-selected=true]) .material-display-layers__offset{display:none}.material-display-layers__offset label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px;font-size:9px;display:grid}.material-display-layers__offset input{box-sizing:border-box;width:100%;min-width:0;padding:2px}.material-display-layers__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-top:5px;display:grid}.material-display-layers__actions button{min-width:0;padding:4px 3px}.app-shell__material-side [data-sprite-parts-panel]{border-top:1px solid var(--editor-color-border);gap:8px;min-width:0;padding-top:8px;display:grid}.app-shell__material-side .sprite-parts-panel__toolbar,.app-shell__material-side [data-sprite-parts-panel] fieldset,.app-shell__material-side .sprite-parts-panel__list>li{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;display:grid}.app-shell__material-side .sprite-parts-panel__toolbar label,.app-shell__material-side [data-sprite-parts-panel] fieldset label,.app-shell__material-side .sprite-parts-panel__list>li>span[aria-label$=の位置] label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px;min-width:0;display:grid}.app-shell__material-side [data-sprite-parts-panel] input{box-sizing:border-box;width:100%;min-width:0}.app-shell__material-side .sprite-parts-panel__toolbar>button,.app-shell__material-side [data-sprite-parts-panel] fieldset>button,.app-shell__material-side .sprite-parts-panel__list>li>:first-child,.app-shell__material-side .sprite-parts-panel__list>li>span,.app-shell__material-side .sprite-parts-panel__list>li>span[aria-label$=の位置]>span{grid-column:1/-1}.app-shell__material-side [data-sprite-parts-panel] fieldset{margin:0;padding:6px}.app-shell__material-side .sprite-parts-panel__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.app-shell__material-side .sprite-parts-panel__list>li{border:1px solid var(--editor-color-border);padding:6px}.app-shell__material-side .sprite-parts-panel__list>li>span[aria-label$=の位置]{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.palette-panel form{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:4px 6px;display:grid}.palette-panel form>button,.palette-panel form>span{grid-column:1/-1}.palette-panel input{min-width:0;color:var(--editor-color-text);background:var(--editor-color-raised);border:1px solid var(--editor-color-border)}.palette-panel__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.palette-panel__list>li{border:1px solid var(--editor-color-border);background:var(--editor-color-raised);border-radius:3px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.palette-panel__list>li[data-active=true]{outline:2px solid var(--editor-color-accent);outline-offset:-2px}.palette-panel__swatch{border:1px solid var(--editor-color-border);border-radius:2px;width:20px;height:20px}.palette-panel__swatch-button{justify-content:center;align-items:center;min-width:0;min-height:0;padding:2px;display:inline-flex}.constraint-controls{gap:8px;min-width:0;padding:8px;font-size:12px;display:grid}.constraint-controls h2,.constraint-controls p{margin:0}.constraint-controls select,.constraint-controls input{min-width:0;color:var(--editor-color-text);background:var(--editor-color-raised);border:1px solid var(--editor-color-border)}.constraint-controls fieldset,.constraint-controls__status,.constraint-controls__snap{border:1px solid var(--editor-color-border);border-radius:3px;gap:6px;min-width:0;margin:0;padding:8px;display:grid}.constraint-controls__recovery{flex-wrap:wrap;gap:6px;display:flex}.constraint-controls__swatch{border:1px solid var(--editor-color-border);border-radius:2px;width:24px;height:24px}.violation-panel{gap:8px;min-width:0;padding:8px;font-size:12px;display:grid}.violation-panel h2{margin:0}.violation-panel__list,.violation-panel__regions{gap:5px;margin:0;padding:0;list-style:none;display:grid}.violation-panel__item{min-width:0}.violation-panel__row{width:100%;min-width:0;color:var(--editor-color-text);text-align:left;overflow-wrap:anywhere;background:var(--editor-color-raised);border:1px solid var(--editor-color-border);border-radius:3px;gap:4px;padding:7px;display:grid}.violation-panel__row[data-selected=true]{border-color:var(--editor-color-accent);outline:2px solid var(--editor-color-accent);outline-offset:-2px}.editor-status-bar{align-items:center;gap:0;width:max-content;min-width:100%;height:100%;display:flex}.editor-status-bar__slot{border-right:1px solid var(--editor-color-border);white-space:nowrap;flex:none;align-items:center;min-height:44px;padding:8px 16px;display:flex}.editor-status-bar__slot--shrinkable{min-width:220px;max-width:420px}.editor-status-bar__slot--stable{min-width:220px}.editor-status-bar__label{color:var(--editor-color-muted);margin-right:5px}.editor-status-bar__value,.editor-status-bar__project-name{font-weight:700}.editor-status-bar__project-name--overflow{text-overflow:ellipsis;overflow:hidden}.save-status,.save-status__summary{align-items:center;gap:6px;display:inline-flex}.save-status p{margin:0}.save-status__project-name{display:none}.save-status__state{font-weight:800}.save-status__summary[data-autosave-state=idle] .save-status__state{color:var(--editor-color-muted)}.save-status__summary:is([data-autosave-state=scheduled],[data-autosave-state=saving]) .save-status__state{color:var(--editor-color-accent)}.save-status__summary[data-autosave-state=saved] .save-status__state{color:var(--editor-color-success)}.save-status__summary[data-autosave-state=failed] .save-status__state{color:var(--editor-color-danger);text-decoration:underline;text-decoration-thickness:2px}.save-status__dirty{border:1px solid;border-radius:3px;padding:1px 5px}.connectivity-status{align-items:center;gap:8px;display:inline-flex}.connectivity-status__value{font-weight:700}.connectivity-status__hint{color:var(--editor-color-muted)}.connectivity-status__actions{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:inline-flex}.connectivity-status__actions li{border:1px solid var(--editor-color-border);border-radius:3px;padding:1px 5px}.editor-shell-layout__notices{z-index:40;top:calc(var(--editor-shell-effective-top-height) + var(--editor-shell-effective-mode-height) + var(--editor-shell-gap));width:min(420px,100vw - 16px);max-height:calc(100dvh - var(--editor-shell-effective-top-height) - var(--editor-shell-effective-mode-height) - var(--editor-shell-effective-bottom-height) - 24px);pointer-events:none;gap:6px;display:grid;position:fixed;right:8px;overflow:auto}.editor-shell-layout__notices>*{pointer-events:auto}.editor-shell-layout__notices>section,.editor-shell-layout__notices>[role=alert],.app-shell__recovery:not(:empty){border:1px solid var(--editor-color-border);background:#111c24f5;border-radius:3px;padding:8px 10px;box-shadow:0 4px 16px #0006}.editor-shell-layout__notices h2,.editor-shell-layout__notices p,.editor-shell-layout__notices ul{margin-block:3px}.editor-shell-layout__notices h2{font-size:13px}.editor-shell-layout__notices p,.editor-shell-layout__notices li{font-size:11px}.app-shell__recovery:empty{display:none}.editor-shell-layout__narrow-width-notice{border:2px solid var(--editor-color-accent);color:var(--editor-color-text);background:var(--editor-color-raised);border-radius:3px;margin:0;padding:8px 12px;font-size:12px;font-weight:800;display:none}.editor-shell-layout__overlays{z-index:60;pointer-events:none;position:fixed;inset:0}[data-app-shell-overlay-host]{display:contents}[data-app-shell-overlay][data-app-shell-overlay-active=true],[data-app-shell-overlay=sprite-export],.project-file-controls__overlay-backdrop[data-app-shell-overlay-active=true]{z-index:61;pointer-events:auto;background:#000000ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}[data-app-shell-overlay][data-app-shell-overlay-active=true]>*,[data-app-shell-overlay=sprite-export]>*,.project-file-controls__overlay-backdrop[data-app-shell-overlay-active=true] .project-file-controls__overlay-card{border:1px solid var(--editor-color-border);max-width:min(640px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--editor-color-text);background:var(--editor-color-surface);border-radius:3px;padding:18px;overflow:auto;box-shadow:0 12px 40px #0000008c}.project-file-controls__overlay-card{pointer-events:auto;width:min(560px,100vw - 48px);height:max-content}.new-project-dialog{width:min(480px,100vw - 48px)}.new-project-dialog h2{margin:0 0 20px}.new-project-dialog__form{flex-direction:column;gap:20px;display:flex}.new-project-dialog__field{flex-direction:column;gap:8px;display:flex}.new-project-dialog__field legend{padding:0;font-weight:700}.new-project-dialog__radio-row{flex-wrap:wrap;gap:12px 20px;margin-top:8px;display:flex}.new-project-dialog__radio-row label{align-items:center;gap:6px;display:inline-flex}.new-project-dialog__custom-size{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.new-project-dialog__field select{padding:6px 8px}.new-project-dialog__palette-hint{color:var(--editor-color-muted);margin:0;font-size:12px;line-height:1.5}.new-project-dialog__actions{gap:10px;margin-top:4px;display:flex}[data-sprite-export-dialog] h2{margin:0 0 12px}[data-sprite-export-target-picker]{border:1px solid var(--editor-color-border);flex-wrap:wrap;gap:6px 14px;margin:0 0 12px;padding:8px 10px;display:flex}[data-sprite-export-target-picker] legend{padding:0 4px;font-size:12px;font-weight:700}[data-sprite-export-target-picker] label{align-items:center;gap:6px;display:inline-flex}[data-sprite-export-dialog] dl{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0 0 12px;display:grid}[data-sprite-export-dialog] dd{overflow-wrap:anywhere;margin:0}[data-sprite-export-dialog] select{margin-left:6px;padding:4px 6px}[data-sprite-export-dialog]>div:last-child{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}[data-app-shell-overlay]:not([data-app-shell-overlay-active=true]):not(:empty):not([data-app-shell-overlay=sprite-export]){right:8px;bottom:calc(var(--editor-shell-effective-bottom-height) + 12px);border:1px solid var(--editor-color-border);pointer-events:auto;background:#111c24f5;border-radius:3px;width:min(420px,100vw - 16px);padding:8px 10px;font-size:12px;position:fixed;box-shadow:0 4px 16px #0006}[data-app-shell-overlay]:not([data-app-shell-overlay-active=true]) p{margin-block:3px}[data-app-shell-overlay=update][tabindex="-1"]:focus{outline:2px solid var(--editor-color-accent);outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--editor-color-accent)}.editor-shell-layout :where(button,input,select,[href],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--editor-color-accent);outline-offset:2px}.editor-shell-layout button[aria-pressed=true],.editor-shell-layout [role=tab][aria-selected=true],.editor-shell-layout [data-state=selected]{border-color:var(--editor-color-accent);background:var(--editor-color-accent-strong);box-shadow:inset 4px 0 0 var(--editor-color-text);font-weight:700}.editor-shell-layout .palette-panel__swatch-button[aria-pressed=true]{box-shadow:none;font-weight:inherit;background:var(--editor-color-raised);border-color:var(--editor-color-accent)}.editor-shell-layout button:disabled,.editor-shell-layout input:disabled,.editor-shell-layout select:disabled,.editor-shell-layout [aria-disabled=true]{opacity:.46;cursor:not-allowed;filter:grayscale(.45)}.editor-shell-layout [role=alert]{border:1px solid var(--editor-color-danger);border-left:4px solid var(--editor-color-danger);background:color-mix(in srgb, var(--editor-color-danger) 14%, var(--editor-color-surface));border-radius:3px;padding:7px 9px;font-weight:600}.editor-shell-layout [role=alert]:before{content:"!";border:2px solid;border-radius:50%;place-items:center;width:1.25em;height:1.25em;margin-right:.4em;font-weight:900;line-height:1;display:inline-grid}@media (width<=1179px){.editor-shell-layout__narrow-width-notice{right:12px;bottom:calc(var(--editor-shell-effective-bottom-height) + 12px);width:min(360px,100vw - 24px);display:block;position:fixed;box-shadow:0 4px 16px #00000073}}@media (width<=840px){.editor-shell-layout__narrow-width-notice{display:none}}@media (width<=540px){html,body,#root{height:auto;min-height:100%;overflow:hidden visible}.app-shell{height:auto;min-height:100dvh;overflow:visible}.project-workspace-layout{grid-template-rows:auto auto auto auto;height:auto;min-height:100dvh}.project-workspace-layout__content,.project-workspace-layout[data-side-visible=false] .project-workspace-layout__content{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.project-workspace-layout__top,.project-workspace-layout__catalog,.project-workspace-layout__editor,.project-workspace-layout__side,.project-workspace-layout__status{max-height:none;overflow:visible}.project-workspace-layout__side{grid-column:1}.editor-shell-layout__top-bar-content,.editor-shell-layout__status-bar-content{height:auto;overflow:visible}.editor-top-bar{flex-wrap:wrap;gap:4px;width:100%;min-width:0;height:auto}.editor-top-bar__slot{flex:0 auto;max-width:100%}.project-file-controls,.app-shell__file-controls{gap:4px;height:auto}.project-file-controls--compact{flex-wrap:wrap;width:min(100%,316px)}.editor-top-bar__command,.project-file-controls__command,.editor-top-bar__view-placeholder>button{gap:4px;min-width:0;min-height:38px;padding:3px 5px;font-size:.85rem}.editor-top-bar__command svg,.project-file-controls__command svg{width:18px;height:18px}.editor-top-bar__reason{display:none}.editor-top-bar__slot--project-summary{flex:9rem;min-width:0;max-width:none;padding:3px 6px}.editor-top-bar__slot--view-controls,.view-controls,.editor-top-bar__view-placeholder{flex-wrap:wrap;flex:100%;min-width:0;min-height:42px}.editor-status-bar{flex-wrap:wrap;width:100%;min-width:0;height:auto}.editor-status-bar__slot,.editor-status-bar__slot--shrinkable,.editor-status-bar__slot--stable{white-space:normal;flex:100%;min-width:0;max-width:none;min-height:0;padding:5px 8px}.editor-shell-layout__narrow-width-notice{display:none}}.editor-shell-layout__visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;min-width:0;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-workspace,.scene-workspace__catalog-slot,.scene-workspace__side-slot{min-width:0}.scene-workspace__catalog-slot,.scene-workspace__side-slot,.scene-workspace--editor{align-content:start;gap:.5rem;min-height:0;padding:.5rem;display:grid}.scene-workspace--editor{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.scene-workspace__catalog-heading,.scene-workspace__context,.scene-workspace__canvas-label,.scene-workspace__tools,.scene-workspace__context-layers,.scene-workspace__scene-row,.scene-workspace__instance-actions{align-items:center;gap:.4rem;display:flex}.scene-workspace__catalog-heading,.scene-workspace__context{flex-wrap:wrap;justify-content:space-between}.scene-workspace__catalog-heading h2,.scene-workspace__context h2,.scene-workspace__inspector h2,.scene-workspace__catalog-heading p,.scene-workspace__context p{margin:0}.scene-workspace__scene-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.scene-workspace__scene-row{border:1px solid;min-height:2.25rem;padding:.2rem;position:relative}.scene-workspace__scene-row:has(.scene-workspace__scene-menu[open]){z-index:3}.scene-workspace__scene-select{text-align:left;flex:auto;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);place-items:center start;column-gap:.35rem;min-width:0;padding:.2rem .3rem;display:grid}.scene-workspace__scene-thumb{border:1px solid color-mix(in srgb, currentColor 45%, transparent);width:2.25rem;height:auto;image-rendering:pixelated;background:#111;grid-row:1/span 2}.scene-workspace__scene-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:.8rem;font-weight:700;overflow:hidden}.scene-workspace__scene-meta{color:color-mix(in srgb, currentColor 72%, transparent);white-space:nowrap;font-size:.7rem}.scene-workspace__scene-menu{flex:none;align-self:center}.scene-workspace__scene-menu>summary{cursor:pointer;border:1px solid #0000;border-radius:2px;place-items:center;width:1.7rem;height:1.7rem;font-weight:700;list-style:none;display:inline-grid}.scene-workspace__scene-menu>summary::-webkit-details-marker{display:none}.scene-workspace__scene-menu>summary:hover,.scene-workspace__scene-menu[open]>summary{border-color:currentColor}.scene-workspace__scene-menu-popup{z-index:3;border:1px solid var(--editor-color-border);background:var(--editor-color-raised);gap:.4rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + 2px);left:0;right:0;box-shadow:0 6px 18px #00000073}.scene-workspace__scene-menu-popup label{gap:.2rem;font-size:.75rem;display:grid}.scene-workspace__scene-menu-popup input{border:1px solid var(--editor-color-border);background:var(--editor-color-surface);min-width:0;color:var(--editor-color-text);padding:.25rem .35rem}.scene-workspace__scene-menu-actions{gap:.4rem;display:flex}.scene-workspace__scene-menu-actions button{flex:1 1 0;min-height:1.8rem}.scene-workspace__scene-menu-note{color:var(--editor-color-muted);font-size:.7rem}.scene-workspace__catalog-slot .asset-library{border:0;gap:.65rem;padding:0;display:grid}.asset-library__group{gap:.25rem;min-width:0;display:grid}.asset-library__group h2{margin:0;font-size:1rem}.asset-library__list{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.asset-library__row{min-width:0}.asset-library__select{text-align:left;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.4rem;width:100%;min-height:2.25rem;padding:.2rem .35rem;display:grid}.asset-library__select[aria-pressed=true]{color:canvas;background:highlight}.asset-library__thumbnail{width:2rem;height:2rem;image-rendering:pixelated;background:#111;border:1px solid;display:grid;overflow:hidden}.asset-library__thumbnail-pixel{min-width:0;min-height:0}.asset-library__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.asset-library__usage{color:color-mix(in srgb, currentColor 72%, transparent);white-space:nowrap;font-size:.75rem}.asset-library__meta{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.asset-library__row--missing{grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.4rem;display:grid}.asset-library__empty{color:color-mix(in srgb, currentColor 72%, transparent);margin:0;font-size:.8rem}.scene-workspace__context{border-bottom:1px solid;padding-bottom:.5rem}.scene-workspace__context .target-environment-status{font-size:.75rem}.scene-workspace__context .target-environment-status dl{gap:.35rem;margin:0;display:flex}.scene-workspace__context .target-environment-status div{display:contents}.scene-workspace__context .target-environment-status dt{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.scene-workspace__tools,.scene-workspace__context-layers{flex-wrap:wrap}.scene-workspace__tools button[aria-pressed=true],.scene-workspace__layer-list [aria-pressed=true],.scene-workspace__context-layers [aria-selected=true],.scene-workspace__scene-row[data-active=true]>button{color:canvas;background:highlight}.scene-workspace__stage-area{background:color-mix(in srgb, Canvas 90%, currentColor 10%);flex:auto;align-content:safe center;min-height:0;padding:.75rem;display:grid;overflow:auto}.scene-workspace__canvas-box{gap:.35rem;width:min(100%,48rem);margin-inline:auto;display:grid}.scene-workspace__canvas-label{justify-content:space-between;font-size:.8rem}.scene-workspace__stage{cursor:crosshair;touch-action:none;isolation:isolate;background:#111;border:2px solid;width:100%;height:0;position:relative;overflow:hidden}.scene-workspace__raster{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.scene-workspace__background-stroke-preview{box-sizing:border-box;pointer-events:none;border:2px solid var(--editor-color-accent);background:color-mix(in srgb, var(--editor-color-accent) 24%, transparent);position:absolute}.scene-workspace__instance-overlay{background:0 0;border:1px solid;min-width:.75rem;min-height:.75rem;padding:0;font-size:.65rem;position:absolute;overflow:hidden}.scene-workspace__instance-overlay[aria-pressed=true]{outline:2px solid var(--editor-color-accent);outline-offset:-2px}.scene-workspace__instance-overlay:not(:disabled){cursor:move}.scene-workspace__instance-overlay[data-dragging=true]{border-color:var(--editor-color-accent);background:color-mix(in srgb, var(--editor-color-accent) 18%, transparent)}.scene-workspace__stage[data-instance-frames=hidden] .scene-workspace__instance-overlay:not([data-dragging=true]){border-color:#0000}.scene-workspace__overlay-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scene-workspace__coordinate-entry{border:1px solid;padding:.4rem}.scene-workspace__coordinate-entry[open]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.scene-workspace__coordinate-entry label{gap:.25rem;display:inline-flex}.scene-workspace__state{margin:0;font-size:.75rem}.scene-workspace__inspector{border:1px solid}.scene-workspace__inspector>header{border-bottom:1px solid;padding:.5rem}.scene-workspace__layer-list{border-bottom:1px solid}.scene-workspace__layer-list header,.scene-workspace__layer-list li{align-items:center;gap:.4rem;padding:.45rem;display:flex}.scene-workspace__layer-list header{border-bottom:1px solid;justify-content:space-between}.scene-workspace__layer-list h2{margin:0;font-size:1rem}.scene-workspace__layer-list header span{font-size:.75rem}.scene-workspace__layer-list ol{gap:1px;margin:0;padding:0;list-style:none;display:grid}.scene-workspace__layer-list li{background:color-mix(in srgb, Canvas 94%, currentColor 6%);min-width:0}.scene-workspace__layer-list li>:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.scene-workspace__layer-list li>:last-child{flex:none}.scene-workspace__details{grid-template-columns:auto minmax(0,1fr);gap:.35rem .6rem;margin:0;padding:.6rem;display:grid}.scene-workspace__details dt{color:color-mix(in srgb, currentColor 70%, transparent)}.scene-workspace__details dd{overflow-wrap:anywhere;min-width:0;margin:0}.scene-workspace__instance-actions{border-top:1px solid;flex-wrap:wrap;padding:.6rem}.scene-workspace__instance-list{border-top:1px solid;min-width:0;padding:.5rem}.scene-workspace__instance-list h3{margin:0 0 .35rem;font-size:.8rem}.scene-workspace__instance-list ol{gap:1px;margin:0;padding:0;list-style:none;display:grid}.scene-workspace__instance-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem;min-width:0;display:grid}.scene-workspace__instance-list li>button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scene-workspace__link-button,.scene-layer-panel__link-button{place-items:center;width:1.8rem;min-width:1.8rem;height:1.8rem;padding:.2rem;display:inline-grid}.scene-workspace__link-button svg,.scene-layer-panel__link-button svg{width:1rem;height:1rem}.scene-workspace__link-button[aria-pressed=true],.scene-layer-panel__link-button[aria-pressed=true]{color:canvas;background:highlight}.scene-workspace__diagnostics{margin:.5rem}.scene-workspace__diagnostics ul{margin:.4rem 0 0;padding-left:1.25rem}@media (width<=840px){.scene-workspace__side-slot{max-height:15rem;overflow:auto}}@media (width<=540px){.scene-workspace__catalog-slot,.scene-workspace__side-slot{max-height:none;overflow:visible}.scene-workspace__stage-area{padding:.5rem}.scene-workspace__context .target-environment-status{width:100%}}.coordinate-controls{gap:.75rem;display:grid}.coordinate-controls fieldset,.coordinate-controls__fields,.coordinate-controls__actions{flex-wrap:wrap;gap:.5rem;display:flex}.coordinate-controls__field{gap:.25rem;min-width:9rem;display:grid}.coordinate-controls__guidance,.coordinate-controls__unavailable,.coordinate-controls__error{margin:0}.coordinate-controls__guidance,.coordinate-controls__unavailable{color:#4b5563}.coordinate-controls__error{color:#b91c1c}.operation-status{border-inline-start:.25rem solid #4b5563;padding-inline-start:.75rem}.operation-status__tone,.operation-status__message{margin:0}.operation-status__live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.operation-status--success{color:#166534;border-color:#15803d}.operation-status--warning{color:#92400e;border-color:#b45309}.operation-status--error{color:#991b1b;border-color:#b91c1c}.pixel-canvas-editor__keyboard-surface:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.pixel-canvas-editor__keyboard-cursor{z-index:1;box-sizing:border-box;pointer-events:none;border:max(1px,.125rem) solid #facc15;position:absolute;box-shadow:0 0 0 1px #111827}.retro-profile-selector,.retro-profile-summary{min-width:0;color:var(--editor-color-text,#f5f7fa);background:var(--editor-color-surface,#111c24);gap:8px;padding:8px;font-size:12px;display:grid}.retro-profile-selector__field{grid-template-columns:minmax(7.5rem,max-content) minmax(0,1fr);align-items:center;gap:6px;display:grid}.retro-profile-selector select{border:1px solid var(--editor-color-border,#4b5960);min-width:0;color:var(--editor-color-text,#f5f7fa);background:var(--editor-color-raised,#17242c);border-radius:3px}.retro-profile-selector__state,.retro-profile-selector [role=alert],.retro-profile-summary p,.retro-profile-summary h3,.retro-profile-summary h4,.retro-profile-summary dl,.retro-profile-summary ul{margin:0}.retro-profile-selector__state,.retro-profile-summary__meaning{border-left:4px solid var(--editor-color-accent,#18b9e6);background:var(--editor-color-raised,#17242c);padding:7px}.retro-profile-summary h3{font-size:14px}.retro-profile-summary h4{color:var(--editor-color-muted,#aab4bc);font-size:12px}.retro-profile-summary dl{grid-template-columns:max-content minmax(0,1fr);gap:4px 8px;display:grid}.retro-profile-summary dt{color:var(--editor-color-muted,#aab4bc)}.retro-profile-summary dd{overflow-wrap:anywhere;min-width:0;margin:0}.retro-profile-summary ul{gap:4px;padding-left:20px;display:grid}.retro-profile-summary li{overflow-wrap:anywhere}.retro-color-picker{min-width:0;color:var(--editor-color-text,#f5f7fa);background:var(--editor-color-surface,#111c24);gap:10px;padding:8px;font-size:12px;display:grid}.retro-color-picker__group{border:1px solid var(--editor-color-border,#4b5960);grid-template-columns:minmax(7.5rem,max-content) minmax(0,1fr);gap:6px;min-width:0;margin:0;padding:8px;display:grid}.retro-color-picker input{border:1px solid var(--editor-color-border,#4b5960);min-width:0;color:var(--editor-color-text,#f5f7fa);background:var(--editor-color-raised,#17242c);border-radius:3px}.retro-color-picker input[type=color]{min-height:28px;padding:2px}.retro-color-picker__fixed-colors{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:8px;display:flex}.retro-color-picker__fixed-colors legend{width:100%;color:var(--editor-color-muted,#aab4bc);padding:0 0 4px}.retro-color-picker__fixed-color{border:2px solid var(--editor-color-border,#4b5960);border-radius:50%;width:24px;height:24px;padding:0}.retro-color-picker__fixed-color[aria-pressed=true]{border-color:var(--editor-color-accent,#18b9e6);box-shadow:0 0 0 2px var(--editor-color-surface,#111c24), 0 0 0 4px var(--editor-color-accent,#18b9e6)}.retro-color-picker__component-grid{border:1px solid var(--editor-color-border,#4b5960);gap:6px;min-width:0;margin:0;padding:8px;display:grid}.retro-color-picker__component-grid-slider{grid-template-columns:minmax(6rem,max-content) minmax(0,1fr);align-items:center;gap:6px;display:grid}.retro-color-picker__component-grid-cells{gap:1px;max-height:220px;display:grid;overflow-y:auto}.retro-color-picker__component-cell{border:1px solid var(--editor-color-border,#4b5960);width:16px;height:16px;padding:0}.retro-color-picker__component-cell[aria-pressed=true]{border-color:var(--editor-color-accent,#18b9e6);box-shadow:0 0 0 1px var(--editor-color-accent,#18b9e6)}.retro-color-picker__preview{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px 8px;display:grid}.retro-color-picker__preview p,.retro-color-picker [role=alert],.retro-color-picker__fixed-colors p{margin:0}.retro-color-picker__preview p:nth-of-type(n+3){grid-column:1/-1}.retro-color-picker__swatch{border:1px solid var(--editor-color-border,#4b5960);background-image:linear-gradient(45deg,#777 25%,#0000 25%),linear-gradient(-45deg,#777 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#777 75%),linear-gradient(-45deg,#0000 75%,#777 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;width:30px;height:30px}.retro-color-picker__actions{flex-wrap:wrap;gap:6px;display:flex}.retro-color-picker__actions button{min-height:30px}.retro-nes-slot-controls{gap:.5rem;display:grid}.retro-nes-slot-controls [role=group]{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}