body{margin:0;background:#0d0d1a}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:#0d0d1a;color:#e8d5b7;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1rem}.header{text-align:center}.header h1{font-size:2rem;font-weight:700;letter-spacing:.05em;color:#f0e6d3}.subtitle{font-size:.9rem;color:#8b7355;margin-top:.25rem}.controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.generate-btn{padding:.6rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;background:#e8d5b7;color:#1a1a2e;cursor:pointer;transition:background .2s,transform .1s}.generate-btn:hover:not(:disabled){background:#f0e6d3;transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.seed-form{display:flex;align-items:center;gap:.5rem}.seed-form label{font-size:.9rem;color:#8b7355}.seed-input{width:7rem;padding:.5rem .75rem;font-size:.9rem;border:1px solid #333;border-radius:6px;background:#1a1a2e;color:#e8d5b7;font-family:monospace}.seed-input:focus{outline:none;border-color:#e8d5b7}.seed-btn{padding:.5rem 1rem;font-size:.9rem;border:1px solid #e8d5b7;border-radius:6px;background:transparent;color:#e8d5b7;cursor:pointer;transition:background .2s}.seed-btn:hover:not(:disabled){background:#e8d5b71a}.canvas-container{border:1px solid #333;border-radius:8px;overflow:hidden;line-height:0}.info-panel{max-width:800px;width:100%;display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;font-size:.85rem;color:#8b7355}.region-list{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.region-badge{font-size:.75rem;padding:.25rem .6rem;border-radius:4px;background:#e8d5b714;color:#8b7355;border:1px solid rgba(232,213,183,.1)}