/* Phase 5: gang sheet builder. Reuses the JTAD tokens from site.css and pages.css. */
.gs{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:start}
.gs-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.gs-toolbar .btn{cursor:pointer}
.gs-count{font-weight:700;color:var(--maroon);font-size:.92rem}
.gs-scroll{max-height:620px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#faf6f8;padding:12px;box-shadow:0 14px 30px rgba(77,10,45,.10)}
#gs-canvas{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--line);cursor:grab;touch-action:none}
#gs-canvas:active{cursor:grabbing}
.gs-hint{margin-top:12px;font-size:.88rem;color:var(--mute);line-height:1.6}
.gs-note{min-height:1.4em;margin-top:6px;color:#9b1c1c;font-weight:600;font-size:.9rem}
.gs-panel{position:sticky;top:20px}
.gs-sel{display:grid;gap:12px;margin:0 0 18px;padding:16px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;background:#fff}
.gs-sel[hidden]{display:none}
.gs-small{font-size:.8rem;color:var(--mute);margin-top:4px}
.gs-price{font-weight:700;color:var(--maroon);margin-top:8px}
.gs-form{margin-top:18px}
.gs .field .err{color:#9b1c1c;font-size:.85rem;font-weight:600}
@media(max-width:1000px){.gs{grid-template-columns:1fr}.gs-panel{position:static}}