:root{--primary-color: rgb(255, 255, 255);--background-color: rgb(54, 54, 54);--highlight-color: rgb(130, 8, 195)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--primary-color)}canvas{display:block}#navbar{position:fixed;left:0;bottom:0;padding:12px 20px;display:flex;align-items:center;gap:20px;z-index:10000;pointer-events:none}#navbar *{pointer-events:auto}#navbar .logo{font-weight:700;font-size:16px;margin-right:auto}#navbar a{color:var(--primary-color);text-decoration:none;padding:8px 16px;border-radius:5px;transition:all .3s ease;font-size:14px}#navbar a:hover,#navbar a.active{background-color:#ffffff1a}code{background-color:#ffffff1a;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace}button{padding:10px 20px;cursor:pointer;background-color:var(--background-color);color:var(--primary-color);border:none;border-radius:3px;transition:opacity .2s ease;margin-right:5px}button:hover:not(:disabled){opacity:.8}button:disabled{opacity:.5;cursor:not-allowed}.ui-container{position:absolute;top:20px;left:10px;padding:15px;font-family:monospace;border-radius:5px;z-index:1000;min-width:280px;max-width:280px}.ui-title{margin:0 0 10px;font-size:18px}.grid-info{margin-bottom:15px;font-size:12px}.section-title{font-weight:700;margin-bottom:8px;font-size:14px}.slider-container{margin-bottom:12px}.slider-label-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.slider-value{font-weight:700}.seed-container{margin-bottom:10px}.seed-label{font-size:12px}.seed-input{width:120px}input[type=range]{width:100%;cursor:pointer}input[type=range]::-webkit-slider-thumb{cursor:pointer}input[type=range]::-moz-range-thumb{cursor:pointer}input[type=number]{padding:5px;border:1px solid rgba(255,255,255,.2);background-color:#0000004d;color:#fff;border-radius:3px;font-family:monospace}input[type=number]:focus{outline:none;border-color:var(--highlight-color)}.progress-container{margin-top:10px;display:none}.progress-container.visible{display:block}.progress-label{margin-bottom:5px}.progress-bar{width:100%;height:20px;background-color:#333;border-radius:3px;overflow:hidden;margin-top:5px}.progress-fill{width:0%;height:100%;background-color:var(--highlight-color);transition:width .3s ease,background-color .3s ease}.status-container{margin-top:15px;padding:10px;background-color:#0000004d;border-radius:3px;font-size:11px;display:none}.status-container.visible{display:block}hr{border:none;border-top:1px solid rgba(255,255,255,.2);margin:15px 0}.text-center{text-align:center}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:15px}.font-bold{font-weight:700}.text-sm{font-size:12px}.text-xs{font-size:11px}.tileset-editor{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.2)}.tileset-editor::-webkit-scrollbar{width:8px}.tileset-editor::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tileset-editor::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.tileset-editor::-webkit-scrollbar-thumb:hover{background:#fff6}.tile-editor{transition:all .2s ease}.tile-editor:hover{background:#ffffff0d!important}input[type=checkbox]{cursor:pointer;width:16px;height:16px}@media (max-width: 768px){#navbar{padding:10px 15px;gap:10px}#navbar .logo{font-size:14px}#navbar a{font-size:12px;padding:6px 12px}.ui-container{min-width:240px;padding:12px}}