.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}.collection-layout>.panel{margin-top:0;min-width:0}.collection-form{display:grid;gap:18px}.collection-display{text-align:center;padding:12px 20px 24px;overflow-wrap:anywhere}.collection-display h2{font-size:23px;margin:12px 0 6px}.collection-amount{font-size:42px;font-weight:750;margin:15px 0;color:var(--ink)}.collection-code{display:block;width:280px;max-width:100%;height:auto;margin:16px auto;background:white;border:1px solid var(--line);border-radius:12px;padding:12px;image-rendering:pixelated}.collection-display .button-row{justify-content:center;margin-top:18px}.collection-display .hint{max-width:420px;margin:12px auto}.collection-records{display:grid;gap:12px}.collection-record{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-record>div{min-width:0;overflow-wrap:anywhere}.collection-record .button-row{flex-wrap:wrap}.collection-empty{padding:55px 24px;text-align:center}.collection-empty strong{display:block;font-size:23px;margin:15px}.collection-flow{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;color:var(--muted);font-size:13px}@media(max-width:900px){.collection-layout{grid-template-columns:1fr}}@media(max-width:500px){.collection-record{align-items:flex-start;flex-direction:column}.collection-amount{font-size:36px}.collection-display{padding:8px 4px 18px}}