/* Developer Sandbox. The established account layout ID remains 2. */
#developerPanel[data-console-draft]{padding:18px 20px 24px;scroll-padding-top:130px;--console-muted:#7a8c80;--console-surface:#f6f9f7;--console-line:#dee8e1;--console-selected:#e9f3ec;--console-accent:#3f7653}
#developerPanel[data-console-draft]>.dialog-head{padding:5px 0 12px;margin:0 0 5px;z-index:5;background:var(--panel,#fff)}
#developerPanel[data-console-draft] h2{font-size:21px}.console-draft-editor{margin:0 0 16px}.console-draft-level-editor{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:13px 15px;background:#edf6ef;border:1px solid #c7ddce;border-radius:11px;color:#315c40;text-align:left;width:100%}.console-draft-level-editor>span{font-size:14px;font-weight:650}.console-draft-level-editor>small{font-size:10px;line-height:1.4;color:#6a8373}.console-draft-level-editor:hover,.console-draft-level-editor.selected{border-color:#79a88a;background:#e3f1e7}.console-draft-editor-hint{display:block;font-size:9px;color:var(--console-muted);padding:7px 2px 0;line-height:1.5}.console-draft-search-note{padding:10px 12px;border:1px solid #eadca5;border-radius:9px;background:#fffae8;color:#86702c;font-size:10px;margin:0 0 13px}
.console-draft-workspace{min-width:0}.console-draft-nav{display:flex;flex-wrap:wrap;gap:5px;padding:6px;background:var(--console-surface);border:1px solid var(--console-line);border-radius:10px;margin:0 0 18px}.console-draft-nav-button{padding:8px 10px;background:transparent;color:var(--console-muted);border:1px solid transparent;border-radius:7px;font-size:10px;line-height:1.35;text-align:left}.console-draft-nav-button.selected{background:var(--console-selected);color:var(--console-accent);border-color:#c9ddcf;font-weight:600}.console-draft-nav-button:hover{color:var(--console-accent);background:var(--console-selected)}.console-draft-nav-button small{display:none}.console-draft-page{min-width:0}.console-draft-section-heading{padding:0 0 14px;margin:0 0 15px;border-bottom:1px solid var(--console-line)}.console-draft-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font-size:16px;font-weight:600}.console-draft-section-toggle:disabled{opacity:1;cursor:default}.console-draft-chevron{display:none;font-size:18px;color:var(--console-muted)}.console-draft-section-description{font-size:10px;line-height:1.6;color:var(--console-muted);margin:7px 0 0}.console-draft-section-content>.effect-section:first-child,.console-draft-section-content>details:first-child{margin-top:0;border-top:0;padding-top:0}.console-draft-section-content>.editor-actions:first-child{margin-top:0}.console-draft-section-content>.subtle{line-height:1.65}.console-draft-page .range-control:first-child{margin-top:0}.console-draft-section-content #publishButton{width:100%;white-space:normal;padding:13px}.console-draft-section-content>.statistics-tools:first-child{margin-top:0}.console-draft-section-content:empty{display:none}
/* Always-visible vertical directory. */
h3.console-draft-section-toggle{margin:0}
#developerPanel[data-console-draft="2"] .console-draft-workspace:not([data-searching=true]){display:grid;grid-template-columns:106px minmax(0,1fr);gap:16px}
#developerPanel[data-console-draft="2"] .console-draft-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:115px;gap:3px;padding:5px;margin:0}
#developerPanel[data-console-draft="2"] .console-draft-nav-button{font-size:9px;padding:9px 7px;width:100%}
#developerPanel[data-console-draft="2"] .console-draft-section-toggle{font-size:14px}
#developerPanel[data-console-draft="2"] .console-draft-section-content .editor-toolbar{flex-wrap:wrap}
#developerPanel[data-console-draft="2"] .console-draft-section-content .editor-toolbar select{min-width:90px}
#developerPanel[data-console-draft="2"] .console-draft-section-content .color-stop{grid-template-columns:50px 1fr 1fr 22px;gap:4px}
#developerPanel[data-console-draft="2"] .console-draft-section-content .range-heading{gap:5px;flex-wrap:wrap}
.console-draft-level-shortcuts{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;margin:6px 0 0}.console-draft-level-shortcuts>button{flex:0 0 auto;width:auto;min-width:0;white-space:nowrap}.console-draft-level-icon{display:grid;place-items:center;width:31px!important;height:29px;padding:0!important;border:1px solid var(--console-line);border-radius:7px;background:var(--console-surface);color:var(--console-accent);font-size:17px;line-height:1}.console-draft-level-icon:hover:not(:disabled){background:var(--console-selected)}.console-draft-level-shortcuts>button:disabled{opacity:.42;cursor:not-allowed}.console-draft-level-shortcuts>[aria-label="Publish this level for everyone"]{padding:7px 10px;font-size:10px}
.console-draft-level-editor:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(1)}
.console-draft-level-editor:disabled:hover{border-color:#c7ddce;background:#edf6ef}
#developerPanel[data-console-draft] [hidden]{display:none!important}
body[data-theme=dark] #developerPanel[data-console-draft]{--console-muted:#9cada3;--console-surface:#222e32;--console-line:#3b4a4b;--console-selected:#2a4036;--console-accent:#a7d3b6}
body[data-theme=dark] #developerPanel[data-console-draft]>.dialog-head{background:#1a2329}
body[data-theme=dark] .console-draft-level-editor{background:#263e32;border-color:#45644f;color:#d2ebdb}body[data-theme=dark] .console-draft-level-editor>small{color:#a2bbac}body[data-theme=dark] .console-draft-level-editor:hover,body[data-theme=dark] .console-draft-level-editor.selected{background:#2d4b3b;border-color:#7aa98a}body[data-theme=dark] .console-draft-nav-button.selected{border-color:#50735c}
body[data-theme=dark] .console-draft-search-note{background:#403b25;border-color:#74663b;color:#e0ca83}
@media(max-width:500px){#developerPanel[data-console-draft]{padding:16px}#developerPanel[data-console-draft="2"] .console-draft-workspace:not([data-searching=true]){grid-template-columns:90px minmax(0,1fr);gap:10px}#developerPanel[data-console-draft="2"] .console-draft-nav-button{font-size:8px}}

/* Match the smaller desktop rail without scaling the level map or its input.
   The width variable is the visible footprint used by the shared arena/header;
   only this drawer's contents use the inverse width and 75% UI scale. The extra
   15% width reduction applies to the Sandbox, not the Level Editor. */
@media(min-width:901px){
 body[data-developer-open=true]:not([data-mobile-layout=true]){--developer-width:clamp(191.25px,19.125vw,274.125px)}
 body[data-developer-open=true]:not([data-mobile-layout=true]) #developerPanel{zoom:.75;box-sizing:border-box;left:auto;right:calc(16px/.75);top:calc(16px/.75);bottom:calc(16px/.75);width:calc(var(--developer-width)/.75);height:auto;max-height:none;min-width:0}
 #developerPanel[data-console-draft] .console-title-row{flex-wrap:wrap}
 #developerPanel[data-console-draft] .console-draft-section-content .editor-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:start}
 #developerPanel[data-console-draft] .console-draft-section-content .editor-toolbar label{min-width:0}
 #developerPanel[data-console-draft] .console-draft-section-content .editor-toolbar select,#developerPanel[data-console-draft] .console-draft-section-content .editor-toolbar button{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
}
@media(min-width:901px) and (max-width:1100px){
 body[data-developer-open=true]:not([data-mobile-layout=true]){--developer-width:191.25px}
 #developerPanel[data-console-draft="2"] .console-draft-workspace:not([data-searching=true]){grid-template-columns:88px minmax(0,1fr);gap:10px}
 #developerPanel[data-console-draft="2"] .console-draft-nav-button{padding:9px 5px}
}