/* ── RIGHT PANEL ── */
#rp{width:228px;background:var(--s1);border-left:1px solid var(--b1);display:flex;flex-direction:column;flex-shrink:0;transition:width .18s;overflow:hidden;min-height:0}
#rp.hide{width:0}
#propempty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center}
#propempty svg{color:var(--txt3);opacity:.25}
#propempty p{font-size:11.5px;color:var(--txt3);line-height:1.5}
#propscroll{flex:1;overflow-y:auto;display:none;min-height:0}
#propscroll::-webkit-scrollbar{width:3px}
#propscroll::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}
.psec{padding:10px 12px;border-bottom:1px solid var(--b1)}
.psectitle{font-size:8.5px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:.9px;margin-bottom:8px}
.prow{display:flex;align-items:center;gap:5px;margin-bottom:5px}
.prow:last-child{margin-bottom:0}
.plbl{font-size:11px;color:var(--txt2);min-width:44px;flex-shrink:0}
.pinp{flex:1;height:24px;background:var(--s2);border:1px solid var(--b2);border-radius:4px;color:var(--txt);font-size:11.5px;padding:0 6px;font-family:inherit;outline:none;transition:border-color .1s}
.pinp:focus{border-color:var(--blue)}
.pinp[type=color]{padding:1px;cursor:pointer;width:24px;flex:none}
.pinp[type=range]{padding:0;background:transparent;border:none;height:auto;accent-color:var(--gold)}
.psel{flex:1;height:24px;background:var(--s2);border:1px solid var(--b2);border-radius:4px;color:var(--txt);font-size:11px;padding:0 5px;font-family:inherit;outline:none;cursor:pointer}
.pbgroup{display:flex;gap:3px;flex-wrap:wrap}
.pb{height:24px;padding:0 7px;border-radius:4px;border:1px solid var(--b2);background:var(--s2);color:var(--txt2);font-size:10.5px;cursor:pointer;font-family:inherit;transition:.1s}
.pb:hover{color:var(--txt);background:var(--s3)}
.pb.on{background:var(--blue);border-color:var(--blue);color:#fff}
.pval{font-size:10px;color:var(--txt3);min-width:26px;text-align:right;font-family:'DM Mono',monospace}

/* layers */
#layerbox{border-top:1px solid var(--b1);flex-shrink:0;max-height:160px;overflow-y:auto;min-height:0}
#layerbox::-webkit-scrollbar{width:3px}
#layerbox::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}
.litem{display:flex;align-items:center;gap:6px;padding:5px 11px;cursor:pointer;transition:background .1s}
.litem:hover{background:var(--s2)}
.litem.on{background:rgba(88,126,244,.1)}
.ldot{width:7px;height:7px;border-radius:2px;flex-shrink:0}
.lname{font-size:11px;color:var(--txt2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.litem.on .lname{color:var(--txt)}