/* v0.80br — City Builder 2 / Site Supervisor editor. */
#city-builder-2-panel { width: min(1520px, calc(100vw - 42px)); height: min(900px, calc(100vh - 44px)); min-width: 700px; min-height: 510px; color: #e8f2ff; }
#city-builder-2-panel .panel-body.city2-panel-body { box-sizing:border-box; display:grid; grid-template-columns: 420px minmax(0,1fr); gap:14px; height:calc(100% - 57px); padding:12px; overflow:hidden; background:#182737; }
#city-builder-2-panel button { cursor:pointer; color:#e6effa; background:#253b51; border:1px solid #50708c; border-radius:4px; font-weight:700; }
#city-builder-2-panel button:hover:not(:disabled) { background:#345a77; border-color:#7eb8f0; }
#city-builder-2-panel button:disabled { cursor:not-allowed; opacity:.60; }
#city-builder-2-panel .city2-palette { display:flex; flex-direction:column; min-height:0; overflow:hidden; background:#1e3348; border:1px solid #51758d; }
#city-builder-2-panel .city2-heading { flex:none; padding:12px 12px 8px; background:#243f59; border-bottom:1px solid #51758d; }
#city-builder-2-panel .city2-heading h2 { margin:0 0 13px; font-size:24px; line-height:1; letter-spacing:.07em; }
#city-builder-2-panel .city2-heading label { display:block; font-size:12px; font-weight:800; letter-spacing:.08em; }
#city-builder-2-panel #city2-name { width:100%; box-sizing:border-box; display:block; margin-top:6px; padding:6px 8px; color:#fff; background:#142638; border:1px solid #6b9dc2; border-radius:3px; font:700 17px system-ui,sans-serif; }
#city-builder-2-panel .city2-file-buttons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:9px; }
#city-builder-2-panel .city2-file-buttons button { height:36px; font-size:11px; }
#city-builder-2-panel .city2-tabs { display:grid; flex:none; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; padding:6px 6px; background:#132637; }
#city-builder-2-panel .city2-tabs button { min-height:45px; padding:3px; line-height:1.12; font-size:10px; overflow-wrap:anywhere; }
#city-builder-2-panel .city2-tabs button[aria-pressed="true"] { border-color:#53e39e; background:#23594f; }
#city-builder-2-panel .city2-catalog { flex:1; min-height:0; padding:5px; overflow-y:auto; scrollbar-color:#628daa #182737; }
#city-builder-2-panel .city2-prefab { display:flex; box-sizing:border-box; width:100%; min-height:104px; align-items:center; text-align:left; gap:16px; margin:0 0 5px; padding:7px 9px; }
#city-builder-2-panel .city2-prefab img { width:92px; height:86px; object-fit:contain; flex:none; image-rendering:pixelated; }
#city-builder-2-panel .city2-prefab-caption { display:flex; flex-direction:column; gap:9px; min-width:0; }
#city-builder-2-panel .city2-prefab-caption strong { font-size:16px; line-height:1.2; }
#city-builder-2-panel .city2-prefab-caption small { font-size:12px; line-height:1.3; color:#bed0dc; }
#city-builder-2-panel .city2-prefab.city2-locked { filter:grayscale(1); }
#city-builder-2-panel .city2-prefab.city2-selected { border-color:#48ebae; background:#28564b; }
#city-builder-2-panel .city2-empty { padding:16px 9px; font-size:14px; line-height:1.5; }
#city-builder-2-panel .city2-counts { flex:none; border-top:1px solid #50708c; padding:8px; font-size:11px; }
#city-builder-2-panel .city2-editor { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; background:#152533; border:1px solid #51758d; }
#city-builder-2-panel .city2-editor-toolbar { display:flex; flex:none; flex-wrap:wrap; align-content:start; gap:5px; padding:9px; min-height:39px; background:#20384e; border-bottom:1px solid #51758d; }
#city-builder-2-panel .city2-editor-toolbar button { font-size:11px; padding:7px; }
#city-builder-2-panel .city2-editor-canvas-wrap { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
#city-builder-2-panel #city2-editor-canvas { width:min(100%,920px); max-height:100%; height:auto; aspect-ratio:920/640; display:block; cursor:crosshair; touch-action:manipulation; }
#city-builder-2-panel #city2-editor-status { flex:none; padding:9px 12px; border-top:1px solid #50708c; background:#20384e; min-height:35px; font-size:13px; line-height:1.3; }
@media(max-width:950px){#city-builder-2-panel .panel-body.city2-panel-body {grid-template-columns:260px minmax(0,1fr);} #city-builder-2-panel .city2-prefab img{width:55px;height:55px;} #city-builder-2-panel .city2-prefab{min-height:76px;gap:7px;} #city-builder-2-panel .city2-prefab-caption strong{font-size:12px;} }

#city-builder-2-panel .city2-heading-main {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;align-items:end;}
#city-builder-2-panel .city2-file-buttons {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;}
#city-builder-2-panel .city2-file-buttons button {height:28px;}