.tree-palette-options{display:grid;gap:7px}
.tree-palette-options button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #c6d5c633;border-radius:8px;background:#203a40;color:#eef3e8;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.tree-palette-options button:hover{background:#2d4c47}
.tree-palette-options button[aria-pressed=true]{border-color:#d3b780;background:#35554a}
.tree-palette-options button:focus-visible{outline:2px solid #e4c78b;outline-offset:3px}
.tree-palette-swatch{flex:0 0 25px;height:25px;border:2px solid #e9e4d999;border-radius:50%;box-shadow:0 1px 5px #0003}
.tree-palette-check{margin-left:auto;color:#e5c68e;visibility:hidden}
[aria-pressed=true]>.tree-palette-check{visibility:visible}
#tree-colors{margin:18px 0 23px}
.tree-properties{position:absolute;right:24px;top:94px;z-index:5;width:270px;padding:18px;border:1px solid #7c9a8b;border-radius:12px;background:#16312ef5;color:#edf1e2;box-shadow:0 8px 35px #001e2640;pointer-events:auto;max-height:calc(100dvh - 190px);overflow:auto}
.tree-properties[hidden]{display:none}
.tree-properties [hidden]{display:none!important}
.tree-properties header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.tree-properties h2{margin:0;font-size:15px;font-weight:700}
.tree-properties header button{padding:4px 8px;border:0;background:none;color:#d6e0ca;cursor:pointer;font-size:20px}
.tree-properties label{font-size:11px;display:block;margin-bottom:12px;color:#b7cdbb}
.tree-properties select{display:block;width:100%;margin-top:6px;padding:8px;color:#e8efdf;background:#23463b;border:1px solid #6a8772;border-radius:6px;font:inherit}
.tree-properties p{font-size:11px;line-height:1.5;margin:13px 0 0;color:#b7cdbb}
.scene-only[data-loading]:not([data-loading=ready]) .tree-properties{visibility:hidden}
@media(max-width:700px){.tree-properties{right:12px;top:150px;width:250px;max-height:calc(100dvh - 260px)}}