.buffer-layout { display: grid; gap: 24px; }
@media (min-width: 1100px) { .buffer-layout { grid-template-columns: minmax(0,58%) minmax(0,42%); align-items: start; } }
.buffer-card { background:#fff; border:1px solid var(--border,#d0d7de); border-radius:12px; padding:24px; box-shadow:0 18px 40px -28px rgba(15,23,42,.35); }
.buffer-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.buffer-tab{appearance:none;border:1px solid var(--border,#d0d7de);border-radius:999px;background:var(--surface-100,#f5f7fb);color:var(--text-muted,#54606f);padding:8px 16px;font-weight:600;cursor:pointer}
.buffer-tab-active{background:linear-gradient(120deg,var(--accent-700,#1d4ed8),var(--accent-500,#3b82f6));color:#fff;border-color:transparent}
.buffer-panel{display:grid;gap:16px}
.buffer-field-grid{display:grid;gap:16px}
@media (min-width:720px){.buffer-field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
.buffer-field{display:grid;gap:6px}
.buffer-field input,.buffer-field select{width:100%;padding:8px 12px;border:1px solid var(--border,#d0d7de);border-radius:8px;background:#fff;font:inherit}
.buffer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.buffer-warning{margin-top:12px;color:#b45309;font-weight:600}
.buffer-error{color:#b91c1c;font-weight:600;margin-top:8px}
.buffer-summary-card #buffer-summary{display:grid;gap:6px;font-variant-numeric:tabular-nums}
.buffer-summary-card ol{padding-left:20px;display:grid;gap:6px;font-variant-numeric:tabular-nums}
.buffer-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.buffer-meta button{appearance:none;border-radius:999px;padding:10px 20px;font-weight:600;border:1px solid var(--border,#d0d7de);background:linear-gradient(120deg,#fff,#f6f8fb)}