header.fixed{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background-color:#0c0c0c!important;border-bottom:1px solid #1a1a1a!important}.map-generator-shell{box-sizing:border-box;color:#ededed;background:#000;height:100vh;padding-top:72px;font-size:13px;display:flex;overflow:hidden}.map-generator-sidebar{background:#0a0a0a;border-right:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;gap:14px;width:250px;min-width:250px;padding:16px;display:flex;overflow-y:auto}.map-generator-workspace{background:#000;flex-direction:column;flex:1;padding:24px;display:flex;overflow:hidden}.workspace-inner{flex-direction:column;gap:14px;width:100%;max-width:920px;height:100%;margin:0 auto;display:flex;overflow:hidden}.workspace-header{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.workspace-header p{color:#666;margin:0;font-size:11px}.workspace-header h1{letter-spacing:-.02em;color:#fff;margin:4px 0 0;font-size:24px;font-weight:700}.status-pill{color:#888;background:#0a0a0a;border:1px solid #222;border-radius:999px;padding:4px 10px;font-size:11px}.section-header{color:#666;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1a1a1a;margin:12px 0 6px;padding-bottom:4px;font-size:11px;font-weight:600}.text-input{color:#ededed;font:inherit;background:#0a0a0a;border:1px solid #222;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:12px;transition:border-color .15s}.text-input:focus{border-color:#555}.text-input::placeholder{color:#444}.btn{cursor:pointer;font:inherit;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn.primary{color:#000;background:#fff}.btn.primary:hover:not(:disabled){background:#e0e0e0}.btn.secondary{color:#ededed;background:0 0;border:1px solid #222}.btn.secondary:hover:not(:disabled){background:#ffffff05;border-color:#555}.btn:disabled{cursor:not-allowed;opacity:.35}.control-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-label{color:#888;flex-shrink:0;font-size:12px}.range-row{flex-direction:column;gap:6px;display:flex}.range-header{justify-content:space-between;align-items:center;display:flex}.range-value{color:#888;font-size:11px}.map-generator-shell input[type=range]{appearance:none;background:#222;border-radius:2px;outline:none;width:100%;height:3px}.map-generator-shell input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .1s}.map-generator-shell input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.suggestions-dropdown{z-index:100;background:#050505;border:1px solid #1c1c1c;border-radius:8px;max-height:240px;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.suggestion-item{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #121212;flex-direction:column;gap:2px;width:100%;padding:8px 12px;transition:background .15s,color .15s;display:flex}.suggestion-item:hover{color:#fff;background:#111}.suggestion-name{font-size:12px;font-weight:600}.suggestion-details{color:#555;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.level-button-group{background:#050505;border:1px solid #222;border-radius:6px;width:100%;padding:2px;display:flex}.level-button{color:#666;cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;border-radius:4px;flex:1;padding:6px 0;font-size:11px;transition:background .15s,color .15s}.level-button.active{color:#000;background:#ededed;font-weight:500}.code-container{background:#050505;border:1px solid #1c1c1c;border-radius:12px;flex-direction:column;flex-shrink:0;height:240px;margin-top:auto;display:flex;overflow:hidden}.code-header{background:#0a0a0a;border-bottom:1px solid #1c1c1c;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.code-tabs{gap:8px;display:flex}.code-tab{color:#666;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.code-tab.active{color:#fff;background:#111}.code-actions{gap:6px;display:flex}.code-action-btn{color:#aaa;cursor:pointer;font:inherit;background:#111;border:1px solid #222;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:border-color .15s,color .15s;display:inline-flex}.code-action-btn:hover{color:#fff;border-color:#444}.code-body{color:#bbb;font-family:var(--font-mono), monospace;white-space:pre;tab-size:2;background:#050505;flex:1;margin:0;padding:16px;font-size:11px;line-height:1.5;overflow-y:auto}textarea.code-body{resize:none;border:0;outline:none;width:100%;height:100%}textarea.code-body:focus{box-shadow:none;outline:none}.color-picker-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-picker-wrapper{align-items:center;gap:8px;display:flex;position:relative}.color-picker-wrapper input[type=color]{appearance:none;cursor:pointer;background:0 0;border:1px solid #222;border-radius:4px;width:36px;height:24px;padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.color-value{color:#555;font-family:var(--font-mono), monospace;text-transform:uppercase;font-size:10px}.map-preview-wrapper{border:1px solid #1a1a1a;border-radius:12px;flex:1;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative;overflow:hidden}.map-region{fill:var(--base-color,#1e293b);stroke:var(--stroke-color,#475569);stroke-width:var(--stroke-width,1.2px);stroke-linejoin:round;transition:fill .15s,stroke .15s,stroke-width .15s}.map-region:hover{filter:drop-shadow(0 0 6px var(--hover-color,#6366f1));fill:var(--hover-color,#6366f1)!important;stroke:var(--hover-stroke-color,#a855f7)!important}.map-region.active{fill:var(--active-color,#d946ef)!important;stroke:#fff!important;stroke-width:calc(var(--stroke-width,1.2px) + .8px)!important}@media (max-width:768px){.map-generator-shell{flex-direction:column;height:auto;padding-top:64px;overflow:visible}.map-generator-sidebar{border-top:1px solid #111;border-right:0;order:2;width:100%;min-width:100%;height:auto}.map-generator-workspace{order:1;min-height:70vh;padding:12px;overflow:visible}}