/* Approved canvas-first workspace. Data/editor behavior lives in level-editor.js. */
.ground-notice {padding:12px;color:var(--yellow);font-size:12px;border-bottom:1px solid var(--line)}
.ground-notice p {line-height:1.5;margin:0 0 8px}
.level-setting {display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.level-setting select {width:100%}
.workspace .level-setting:has(input[type="checkbox"]) {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin-top:16px}
.workspace .level-setting input[type="checkbox"] {appearance:auto;width:18px;height:18px;min-height:0;flex:none;margin:0;padding:0}
body.workspace {padding:0;height:100dvh;overflow:hidden;display:grid;grid-template-rows:64px minmax(0,1fr) 30px;background:var(--bg);font-size:14px}
.workspace .editor-header {margin:0;padding:10px 18px;border-bottom:1px solid var(--line);gap:16px;align-items:center;flex-wrap:nowrap}
.workspace h1 {font-size:21px;white-space:nowrap;letter-spacing:-.03em;margin:0}
.workspace .editor-header .eyebrow {display:none}
.editor-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}
.tool-switcher{position:relative}
.tool-switcher summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--bg)}
.tool-switcher summary::-webkit-details-marker{display:none}
.tool-switcher summary:hover,.tool-switcher[open] summary{border-color:#79dff5;color:#79dff5}
.tool-switcher summary:focus-visible,.tool-switcher a:focus-visible{outline:2px solid #79dff5;outline-offset:2px}
.tool-switcher nav{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:180px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#101722;box-shadow:0 12px 30px #0008}
.tool-switcher a{display:block;padding:10px 12px;border-radius:6px;color:#dce9f5;text-decoration:none;font-size:13px;white-space:nowrap}
.tool-switcher a:hover{background:#203044;color:#8de3f6}
.tool-switcher a[aria-current=page]{color:#8de3f6;background:#182737}
.workspace .header-controls {flex:1;justify-content:flex-end;gap:8px;flex-wrap:nowrap;align-items:center}
.workspace .header-controls label>span {display:none}
.workspace .header-controls select {max-width:180px;min-width:0}
.workspace .header-controls>label:has(#level-select) {margin-right:auto}
.workspace .header-controls button {white-space:nowrap;font-size:13px;padding:8px 12px}
.workspace #save-level {min-width:72px;max-width:185px}
.workspace .editor-layout,.workspace.brick-editing .editor-layout {display:grid;grid-template-columns:clamp(72px,6.5vw,98px) clamp(248px,21vw,318px) minmax(240px,1fr) clamp(300px,27vw,408px);gap:0;min-height:0;height:100%;margin:0}
.workspace #save-level {background:var(--cyan);color:#061018;border-color:var(--cyan)}
.workspace .panel {border:0;border-radius:0;padding:0;max-height:none;min-height:0;background:var(--bg)}
.workspace .palette-panel,.workspace .inspector-panel {display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);border-left:1px solid var(--line)}
.workspace .inspector-panel {grid-column:auto}
.workspace .workspace-tabs {display:flex;flex:none;border-bottom:1px solid var(--line);min-height:52px}
.workspace-tabs button {flex:1;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted)}
.workspace-tabs button[aria-pressed=true] {border-bottom-color:var(--cyan);color:var(--cyan)}
.workspace-scroll {overflow:auto;min-height:0;flex:1;padding:14px}
.mode-rail {display:flex;flex-direction:column;border-right:1px solid var(--line);padding-top:12px;gap:8px}
.mode-rail button {display:flex;flex-direction:column;align-items:center;gap:9px;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:12px;padding:12px 3px}
.mode-rail button[aria-pressed=true] {color:var(--cyan);border-left-color:var(--cyan);background:var(--panel)}
.mode-rail img {width:26px;height:26px;object-fit:contain;image-rendering:pixelated}
.workspace .palette-panel .panel-heading {display:none}
.workspace .enemy-palette {display:grid;grid-template-columns:1fr 1fr;max-height:none;overflow:visible;gap:8px;padding:0}
.workspace .enemy-card {display:flex;flex-direction:column;gap:8px;min-height:108px;text-align:center;padding:9px 5px}
.workspace .enemy-card>span {min-width:0;max-width:100%}
.workspace .enemy-card strong {white-space:normal;overflow:visible;text-overflow:clip;font-size:12px;line-height:1.35;display:block;overflow-wrap:anywhere}
.workspace .enemy-card small {font-size:10px;white-space:normal;overflow-wrap:anywhere}
.workspace .enemy-card img {width:40px;height:40px;object-fit:contain}
.workspace .courier-card {display:block;padding:12px;margin:10px 0;border:1px solid var(--line);border-radius:8px}
.workspace .courier-card>summary {cursor:pointer;font-size:13px;line-height:1.5}
.workspace .courier-card>img {width:64px;height:64px;object-fit:contain;image-rendering:pixelated;margin:12px 0}
.workspace .courier-card label {font-size:12px}
.workspace .courier-card select,.workspace .courier-card input {width:100%;min-width:0}
.workspace .courier-hint {font-size:11px;line-height:1.5}
.workspace .prefab-preview {width:48px;height:42px}
.workspace .palette-help {display:none}
.place-status {flex:none;margin:0;padding:12px;font-size:12px;border-top:1px solid var(--line);color:var(--cyan)}
.workspace .stage-panel {grid-column:auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden}
.workspace.brick-editing #empty-inspector {display:block}
.workspace.brick-editing [aria-labelledby="terrain-title"] {display:block}
.workspace .stage-toolbar {flex:none;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 14px;min-height:52px;border-bottom:1px solid var(--line)}
.workspace .stage-controls {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.workspace .stage-controls select {max-width:125px;min-width:0;font-size:12px}
.workspace .display-control>span {display:none}
.workspace .stage-toolbar button {padding:6px 9px;font-size:12px}
.workspace .stage-toolbar {flex-wrap:wrap}
.workspace .stage-toolbar label:has(#phase-select)>span {display:none}
.workspace #phase-select {max-width:150px;min-width:0;font-size:12px}
.workspace .enemy-card strong {font-weight:600}
.workspace .toggle-control {font-size:12px;white-space:nowrap;gap:5px}
.workspace .world-legend {display:none}
.workspace .canvas-shell {flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:0;background:#080c12;border:0;border-radius:0}
.workspace #editor-canvas {flex:none;max-width:none;border:1px solid var(--line-bright);display:block;margin:0}
.workspace .coordinate-bar {flex:none;font-size:10px;padding:5px 10px;margin:0;gap:10px;min-height:25px}
.workspace .event-list {max-height:none;overflow:visible}
.workspace .event-list-item {grid-template-columns:30px minmax(0,1fr);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;gap:8px}
.workspace .event-list-item strong,.workspace .event-list-item small {white-space:normal;overflow-wrap:anywhere}
.workspace .event-time {grid-column:2;font-size:11px}
.workspace .event-list-section {border:0;margin:0;padding:0}
.workspace .event-form {gap:16px;grid-template-columns:1fr}
.workspace .event-form label>span {font-size:12px;text-transform:none;letter-spacing:0}
.workspace .selected-enemy-summary {padding:10px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.workspace-details {border-bottom:1px solid var(--line);padding:15px 0}
.workspace-details>summary {cursor:pointer;color:var(--muted);font-weight:600;padding:4px 0}
.workspace-details[open]>summary {color:var(--cyan);margin-bottom:14px}
.workspace-details section {padding:0;margin:0;border:0}
.workspace-details label {display:flex;flex-direction:column;gap:7px;margin:12px 0}
.workspace .export-actions {display:flex;flex-direction:column;gap:9px}
.workspace #local-save-status {display:block;font-size:11px;color:var(--muted);margin-top:20px;line-height:1.5}
.workspace-footer {border-top:1px solid var(--line);padding:5px 16px;background:var(--panel);overflow:hidden;font-size:12px}
.workspace-footer p {margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.workspace #brick-tools:not([hidden]) {padding:0;display:flex;flex-direction:column;align-items:stretch;gap:14px;background:transparent}
.workspace #brick-tools label {display:flex;flex-direction:column;align-items:stretch;gap:6px}
.workspace #brick-tools select {min-width:0;width:100%}
.workspace #automatic-distribution-fields label {display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;padding:8px;font-size:12px;gap:8px}
.workspace #automatic-distribution-fields input {width:64px}
.workspace .brick-context {display:flex;flex-direction:column;gap:12px}
.workspace #brick-palette {grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.workspace #automatic-distribution-fields {grid-template-columns:1fr}
.workspace #brick-tool-hint {font-size:11px;line-height:1.5}
.workspace button:focus-visible,.workspace select:focus-visible,.workspace summary:focus-visible,.workspace input:focus-visible {outline:2px solid var(--cyan);outline-offset:3px}
.workspace button:disabled {opacity:.4;transform:none}
@media(min-width:1200px){body.workspace{font-size:16px}.workspace .enemy-card strong{font-size:13px}.workspace .enemy-card{min-height:128px}.workspace .enemy-card img{width:54px;height:54px}.workspace .event-form label>span{font-size:14px}.workspace .workspace-tabs button{font-size:15px}.workspace .selected-enemy-summary strong{font-size:16px}.workspace .event-form{gap:24px}}
@media(max-width:1100px){.workspace .editor-layout,.workspace.brick-editing .editor-layout{grid-template-columns:58px 200px minmax(180px,1fr) 250px}.workspace h1{font-size:17px}.workspace .editor-header{padding:8px}.workspace .header-controls{gap:4px}.workspace .draft-status{font-size:10px}.workspace .header-controls button{padding:7px}.workspace .header-controls select{max-width:140px}}
@media(max-width:760px){body.workspace{height:auto;min-height:100dvh;overflow:auto;display:block}.workspace .editor-header{position:sticky;top:0;z-index:5;background:var(--bg);flex-wrap:wrap}.workspace .header-controls{flex-wrap:wrap}.workspace .editor-layout,.workspace.brick-editing .editor-layout{grid-template-columns:52px minmax(0,1fr);height:auto}.workspace .palette-panel{grid-column:2;max-height:330px}.workspace .stage-panel{grid-column:2;height:70dvh}.workspace .inspector-panel{grid-column:2;max-height:65dvh}.workspace .mode-rail{grid-row:1 / span 3}.workspace .enemy-palette{grid-template-columns:repeat(3,1fr)}.workspace-footer{position:sticky;bottom:0}}