*{box-sizing:border-box}body{margin:0;background:#10191f;color:#e4dfce;font:13px system-ui;--panel-width:320px}header{height:58px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #44545b}header strong{letter-spacing:2px;margin-right:12px}header span{font-size:11px;color:#b6bcaf}#status{flex:1}a{color:#d9b861}main{display:grid;grid-template-columns:minmax(0,1fr) 6px var(--panel-width);height:calc(100dvh - 58px)}aside{padding:16px;overflow:auto;background:#182329;min-width:0}h2{font-size:15px;letter-spacing:1px;margin:0 0 12px}h3{font-size:13px;margin:12px 0 8px}button,select,input{font:inherit;border:1px solid #53646a;border-radius:4px;background:#253239;color:inherit;padding:7px;min-width:0}button{cursor:pointer}button:hover{border-color:#dab76d}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e7be61;outline-offset:2px}input:not([type=checkbox]):not([type=range]),select{width:100%;margin-bottom:6px}input[type=checkbox]{accent-color:#ddba6c}label{display:block;margin:8px 0}header select{width:150px;margin:0}header button{white-space:nowrap}.row,.section-heading{display:flex;gap:6px;align-items:center}.section-heading{justify-content:space-between;margin-bottom:10px}.section-heading h2{margin:0}.row select{margin:0}.row{margin-bottom:6px}.icon{width:30px;height:30px;flex-shrink:0;padding:3px;font-size:20px}hr{border:0;border-top:1px solid #39474d;margin:20px 0}.hint,.help,#material-info{font-size:11px;line-height:1.6;color:#a7b7b7}#viewport{position:relative;min-width:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#view-controls{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}#view-controls label{background:#172229dd;padding:6px;border-radius:4px}.help{position:absolute;bottom:10px;left:15px;right:15px;pointer-events:none}#panel-border{background:#334249;cursor:col-resize;touch-action:none}#panel-border:hover,#panel-border:focus-visible{background:#d9b861}.region{display:flex;align-items:center;gap:6px;border:1px solid #53646a;border-radius:4px;padding:5px;margin-bottom:5px;cursor:pointer;min-height:40px}.region.selected{border-color:#e7be61;background:#394347}.region .chip{width:22px;height:22px;border:1px solid #ffffff40;flex-shrink:0;padding:0}.region .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.region .name-input{flex:1;width:0;margin:0;padding:3px}.region small{color:#abb9b9}.region .eye{border:0;background:none;width:26px;flex-shrink:0;padding:2px;color:#c6d1c9}.eye svg{width:20px;height:20px;vertical-align:middle}.region.hidden-region .name{opacity:.45}.region .remove{color:#ff7f78;border:0;background:none;font-size:22px;width:23px;padding:0}input[type=range]{width:100%;padding:0;margin-top:7px}.material-preview{display:flex;gap:12px;align-items:center;margin:12px 0 20px;flex-wrap:wrap}#material-view{width:110px;height:110px;border-radius:8px;background:#10191f;flex-shrink:0}.material-preview>div{flex:1;min-width:120px}.material-preview h3{margin:0}.material-preview button{font-size:12px}details{border-top:1px solid #39474d;padding-top:12px}summary{cursor:pointer;margin-bottom:12px}.file{padding:8px;border:1px solid #53646a}.file input{font-size:11px}dialog{color:inherit;background:#182329;border:1px solid #718080;border-radius:8px;padding:18px;width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#07101799}#palette{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin:8px 2px}#palette button{aspect-ratio:1;padding:0;border:1px solid #ffffff40;border-radius:2px}#palette button.chosen{outline:2px solid white;outline-offset:1px;z-index:1}#palette button.search-dim{opacity:.15}#palette button:disabled{opacity:.3}#palette-info{min-height:18px}@media(max-width:1000px){header strong{display:none}}@media(max-width:600px){body{--panel-width:240px}aside{padding:10px}header{gap:5px;padding:8px}header select{width:100px}#status{display:none}}

#view{cursor:none}#brush-cursor{position:absolute;border:1.5px solid #fff1b5;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #0008;z-index:2}#brush-cursor.erase{border-color:#ff8179;background:#f4454520}#brush-cursor[hidden]{display:none}



#view-controls{z-index:3}#view-controls label{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}#view-controls .brush-radius{gap:10px}#view-controls #radius{width:110px;margin:0;padding:0}
#palette-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
#palette-dialog>.section-heading,#palette-dialog>.material-preview,#palette-dialog>#palette-filter,#palette-dialog>#palette-info{flex-shrink:0}
#palette-dialog>#palette{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:3px;scrollbar-gutter:stable}
.library-actions{display:flex;gap:6px;flex-shrink:0;padding-right:10px;border-right:1px solid #44545b}.library-actions button{white-space:nowrap}header{overflow-x:auto}header>button,header>a{flex-shrink:0}header #model{width:150px;flex-shrink:0}header #status{min-width:0} @media(max-width:1300px){header strong{display:none}}#remove-model{color:#ffaba0}

[hidden]{display:none!important}#editor-modes{display:flex;gap:4px;margin-bottom:18px}#editor-modes button{flex:1}#editor-modes [aria-selected=true]{border-color:#d9b861;background:#394347}.ao-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.ao-actions button{flex:1;white-space:nowrap;font-size:12px}#ao-panel .row label{flex:1;min-width:0}#ao-gradient{position:relative;height:88px;margin:22px 8px 10px}#ao-gradient img{position:absolute;inset:0;width:100%;height:100%;image-rendering:auto;border:1px solid #64757c;border-radius:4px}#ao-gradient input{position:absolute;left:0;top:0;width:100%;height:40px;margin:0;background:transparent;border:0;appearance:none;pointer-events:none}#ao-gradient #ao-end{top:48px}#ao-gradient input::-webkit-slider-runnable-track{background:transparent;height:2px}#ao-gradient input::-webkit-slider-thumb{appearance:none;width:12px;height:40px;margin-top:-19px;border:2px solid #071017;border-radius:3px;background:#65c7ec;pointer-events:auto;cursor:ew-resize}#ao-gradient #ao-end::-webkit-slider-thumb{background:#e9bc60}body[data-mode=appearance] #view,body[data-mode=ao] #view{cursor:crosshair}
.ao-actions button{flex:1 1 120px;min-width:110px;white-space:normal}#editor-modes{position:sticky;top:-16px;z-index:5;background:#182329;padding:8px 0}#ao-panel .hint{margin:8px 0}

.ao-map-actions{display:grid;grid-template-columns:1fr auto auto}.ao-map-actions button{min-width:0}