/* assets/rg.css */
.nr-rg{ --c-text:#111; --c-muted:#667; --c-border:#d5d8df; --c-accent:#1f5fbf; color:var(--c-text); font: 14px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.nr-rg__title{margin:.2rem 0 .4rem;font-weight:700}
.nr-rg__intro{margin:0 0 .8rem; color:var(--c-muted)}

.nr-rg__controls{display:grid; gap:.8rem; grid-template-columns:1fr}
@media(min-width:960px){.nr-rg__controls{grid-template-columns:1fr 1fr}}

.nr-rg__group{background:#fafbfe; border:1px solid var(--c-border); border-radius:8px; padding:.8rem; display:flex; gap:.8rem; align-items:center; flex-wrap:wrap}
.nr-rg__label{display:block}
.nr-rg__input, .nr-rg__select{padding:.45rem .6rem; border:1px solid var(--c-border); border-radius:6px; background:#fff; font:inherit}
.nr-rg__input--sm{width:4rem; padding:.35rem .5rem}
.nr-rg__btn{appearance:none; border:1px solid var(--c-accent); background:var(--c-accent); color:#fff; padding:.45rem .8rem; border-radius:6px; cursor:pointer}
.nr-rg__btn--alt{background:#fff; color:var(--c-accent)}
.nr-rg__btn--ghost{background:#fff; color:inherit; border-color:var(--c-border)}
.nr-rg__upload input{margin-left:.5rem}

.nr-rg__palette{justify-content:space-between}
.nr-rg__legend{display:flex; gap:.7rem; flex-wrap:wrap}
.nr-rg__legend-item{display:inline-flex; gap:.35rem; align-items:center; background:#fff; border:1px solid var(--c-border); padding:.25rem .45rem; border-radius:6px}
.nr-rg__legend-item input{margin-right:.25rem}
.swatch{width:14px;height:14px;display:inline-block;border-radius:3px;border:1px solid rgba(0,0,0,.15)}

.nr-rg__hint{color:var(--c-muted); font-size:.9em}

.nr-rg__canvaswrap{margin-top:.6rem; border:1px solid var(--c-border); border-radius:8px; overflow:hidden; background:#fff;}
#rg-canvas{display:block; width:100%; height:auto;}

.nr-rg__note{color:var(--c-muted)}