.layout-container{display:flex;height:100vh;width:100vw;background-color:#1a1a1a;color:#e0e0e0}.panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.controls-panel{width:300px;background-color:#2a2a35;border-right:1px solid #3f3f5a;flex-shrink:0}.canvas-panel{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:#0f0f15;overflow:hidden;padding:2rem}.info-panel{width:350px;background-color:#2a2a35;border-left:1px solid #3f3f5a;flex-shrink:0}h2{margin-top:0;margin-bottom:.5rem;font-size:1.25rem;color:#fff;border-bottom:1px solid #4a4a6a;padding-bottom:.5rem}h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;color:#a78bfa}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:600;font-size:.875rem;color:#d1d5db}input[type=file],select,button{padding:.5rem;border-radius:4px;border:1px solid #4a4a6a;background-color:#1f1f2e;color:#fff;font-family:inherit}button{cursor:pointer;transition:background-color .2s;font-weight:600}button:hover{background-color:#3f3f5a}.map-legend{margin-top:2rem;padding:1.5rem;background:#1e102599;border-radius:12px;border:1px solid rgba(251,207,232,.2)}.map-legend h3{margin-top:0;font-size:1.25rem;color:#fbcfe8;background:linear-gradient(135deg,#fbcfe8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.map-legend ul{list-style:none;padding:0;margin:0}.map-legend li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem;color:#fff0f2}.legend-icon{width:14px;height:14px;display:inline-block;border-radius:2px}.legend-icon.deploy{background-color:#3b82f6}.legend-icon.objective{background-color:#ef4444}.legend-icon.collectible{background-color:#22d3ee;transform:rotate(45deg);width:10px;height:10px;margin-left:2px}.legend-icon.npc{background-color:#fde047;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.legend-icon.door{background-color:#f43f5e;border-radius:1px;width:16px;height:8px}.legend-icon.ingress{background-color:transparent;border-left:2px solid #ef4444;border-bottom:2px solid #ef4444;transform:rotate(-45deg);width:8px;height:8px;margin-top:-4px}.primary-btn{background-color:#4c1d95;border-color:#5b21b6;padding:.75rem}.primary-btn:hover{background-color:#5b21b6}.secondary-btn{background-color:transparent}.control-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.map-canvas{background-color:#1e1025;box-shadow:0 0 20px #00000080;border:2px solid #be185d;max-width:100%;max-height:100%;object-fit:contain}.info-section{background-color:#1f1f2e;border-radius:6px;padding:1rem}.mission-details h4{margin:0 0 .5rem;color:#fff}.mission-details span{font-weight:400;color:#9ca3af;font-size:.875rem}.mission-details p{margin:.25rem 0;font-size:.875rem}.tag-note{color:#fca5a5}.empty-state{color:#6b7280;font-style:italic;font-size:.875rem;margin:0}.manifest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.manifest-list li{font-size:.875rem;display:flex;flex-direction:column;background-color:#2a2a35;padding:.5rem;border-radius:4px}.manifest-list .tags{color:#9ca3af;font-size:.75rem}.mt-auto{margin-top:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;display:flex;flex-direction:column}*{box-sizing:border-box}