:root{color:#1f2a37;background:#f2f5f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}button,input,textarea{font:inherit}.app-shell{width:100%;height:100%;display:grid;grid-template-columns:290px minmax(0,1fr) 360px;gap:12px;padding:12px}.campaign-panel,.render-panel,.right-panel{background:#fff;border:1px solid #d5d9de;border-radius:10px;min-height:0}.campaign-panel,.right-panel{padding:12px;overflow:auto}.render-panel{display:flex;flex-direction:column;overflow:hidden}h2,h3{margin:0 0 8px}h2{font-size:1.15rem}h3{font-size:.95rem}.field-label{margin-top:8px;margin-bottom:4px;display:block;font-size:.82rem;color:#4a5561}input,button,textarea{width:100%;border:1px solid #c4cad2;border-radius:6px;padding:8px 10px}button{background:#2f6e99;color:#fff;border-color:#2f6e99;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.button-row{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.zone-list{margin-top:8px;display:grid;gap:6px}.zone-item{text-align:left;background:#edf3f8;border-color:#bfd1de;color:#213649}.zone-item.active{background:#2f6e99;border-color:#2f6e99;color:#fff}.zone-empty{padding:10px;border:1px dashed #c7cdd4;border-radius:6px;font-size:.88rem;color:#6f7c89}.meta-block{margin-top:12px}.meta-block pre{margin:0;max-height:160px;overflow:auto;background:#f6f8fa;border:1px solid #e0e5ea;border-radius:6px;padding:8px;font-size:.76rem}.status-row{border-bottom:1px solid #dbe0e5;padding:10px 12px;font-size:.86rem;color:#425466;display:flex;align-items:center;justify-content:space-between;gap:10px}.dirty-indicator{border:1px solid #cad1d8;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:600;white-space:nowrap}.dirty-indicator.clean{background:#e9f4ea;border-color:#b6d8bb;color:#235930}.dirty-indicator.dirty{background:#fdf2e6;border-color:#efc79e;color:#8b4a0f}.dirty-indicator.neutral{background:#f3f5f7;color:#516171}.render-surface{position:relative;flex:1;min-height:0;background:linear-gradient(180deg,#fbfcfd,#f0f4f8)}.zone-svg{width:100%;height:100%;display:block}.building{fill:#578d4866;stroke:#365b2e;stroke-width:.8;cursor:pointer}.prop{fill:#ca7b28;stroke:#7a4309;stroke-width:.35;cursor:pointer}.selected{fill:#e9423699;stroke:#7e0d05;stroke-width:1.2}.empty-overlay{position:absolute;top:12px;left:12px;background:#ffffffdb;border:1px solid #d1d8de;border-radius:8px;padding:8px 10px;font-size:.85rem;color:#526476}.right-panel{display:grid;grid-template-rows:minmax(180px,1fr) auto minmax(220px,1fr);gap:10px}.panel-block{border:1px solid #dbe1e7;border-radius:8px;padding:10px;min-height:0}.panel-block pre{margin:0;height:calc(100% - 24px);overflow:auto;background:#f6f8fa;border:1px solid #e0e5ea;border-radius:6px;padding:8px;font-size:.76rem}.actions-grid{display:grid;gap:8px}.zone-meta-summary{margin-top:8px;padding:8px;border:1px solid #d7dde4;border-radius:6px;background:#f6f8fa;color:#425466;font-size:.8rem;line-height:1.4}.log-block textarea{margin-top:4px;height:calc(100% - 26px);resize:none;background:#f6f8fa;font-size:.75rem}@media(max-width:1250px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(360px,1fr) auto}.right-panel{grid-template-rows:auto auto auto}}