.arc-body{padding:clamp(3rem,8vh,5rem) clamp(2rem,6vw,5rem);background:var(--res-body-bg)}.bs{max-width:940px;margin:0 auto}.bs-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}.bs-layers{display:flex;flex-direction:column;gap:.9rem}.bs-layer{border:1px solid rgba(107,85,53,.3);border-radius:6px;background:#ffffff73;padding:1rem 1.1rem 1.15rem}.bs-layer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.bs-layer-title{font-family:Roboto,sans-serif;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--res-accent-strong)}.bs-layer-tools{display:flex;align-items:center;gap:.65rem}.bs-inset{display:inline-flex;align-items:center;gap:.35rem;font-family:Roboto Mono,monospace;font-size:11.5px;color:#1a1410;cursor:pointer}.bs-inset input{accent-color:#6b5535;cursor:pointer}.bs-remove{font-family:Roboto,sans-serif;font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--res-accent-strong);background:none;border:1px solid rgba(107,85,53,.4);border-radius:4px;padding:.25rem .5rem;cursor:pointer;transition:background .15s ease,color .15s ease}.bs-remove:hover{background:#4a3a24;color:#f2ede6}.bs-remove:disabled{opacity:.35;cursor:not-allowed}.bs-row{display:grid;grid-template-columns:84px 1fr 64px;align-items:center;gap:.7rem;margin-top:.55rem}.bs-row-label{font-family:Roboto Mono,monospace;font-size:11.5px;color:var(--res-accent-strong)}.bs-range{width:100%;accent-color:#6b5535}.bs-val{font-family:Roboto Mono,monospace;font-size:12px;color:#1a1410;text-align:right}.bs-color-row{display:grid;grid-template-columns:84px auto 1fr;align-items:center;gap:.7rem;margin-top:.7rem}.bs-color-input{width:34px;height:30px;padding:0;border:1px solid rgba(107,85,53,.35);border-radius:4px;background:none;cursor:pointer}.bs-alpha-wrap{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:.7rem}.bs-add{font-family:Roboto,sans-serif;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#f2ede6;background:#4a3a24;border:1px solid #6b5535;border-radius:4px;padding:.65rem 1rem;cursor:pointer;transition:background .15s ease;align-self:flex-start}.bs-add:hover{background:#6b5535}.bs-add:disabled{opacity:.4;cursor:not-allowed}.bs-side{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.bs-stage{border:1px solid rgba(107,85,53,.25);border-radius:6px;background:#ffffff80;height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bs-preview{width:130px;height:130px;border-radius:10px;background:#faf6ef}.bs-stage-tools{display:flex;align-items:center;gap:.6rem}.bs-stage-label{font-family:Roboto,sans-serif;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--res-accent-strong)}.bs-bg-btn{width:22px;height:22px;border-radius:4px;border:1px solid rgba(107,85,53,.4);cursor:pointer;padding:0}.bs-bg-btn.active{outline:2px solid #6b5535;outline-offset:1px}.bs-output{background:#2b2b2b;border:1px solid #000;border-radius:6px;overflow:hidden;margin-top:2rem}.bs-output-bar{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;border-bottom:1px solid rgba(255,255,255,.08)}.bs-output-file{font-family:Roboto Mono,monospace;font-size:12px;color:#d4ad6a;letter-spacing:.03em}.bs-out-tools{display:flex;align-items:center;gap:.5rem}.bs-copy{font-family:Roboto,sans-serif;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#f2ede6;background:#4a3a24;border:1px solid #6b5535;border-radius:4px;padding:.3rem .65rem;cursor:pointer;transition:background .15s ease}.bs-copy:hover{background:#6b5535}.bs-toggle{font-family:Roboto Mono,monospace;font-size:11px;color:#d4ad6a;background:none;border:1px solid rgba(212,173,106,.4);border-radius:4px;padding:.28rem .5rem;cursor:pointer}.bs-toggle.active{background:#d4ad6a2e}.bs-code{font-family:Roboto Mono,monospace;font-size:13px;line-height:1.7;color:#f2ede6;padding:1.1rem 1.2rem;margin:0;white-space:pre-wrap;word-break:break-word}.bs-code .tok{color:#d4ad6a}.bs-note{font-family:Lato,sans-serif;font-size:12.5px;line-height:1.7;color:#1a141099;max-width:600px;margin:2rem auto 0;text-align:center}@media(max-width:760px){.bs-grid{grid-template-columns:1fr}.bs-side{position:static}}