.distribution-panel { display: grid; gap: 12px; min-width: 0; }
.distribution-panel nav, .distribution-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.distribution-panel nav button[aria-pressed="true"] { color: #fff; background: #6251d8; }
.distribution-panel [data-items] { display: grid; gap: 12px; }
.distribution-item { border: 1px solid #dce1eb; border-radius: 12px; padding: 14px; min-width: 0; }
.distribution-item h4 { margin: 0 0 8px; overflow-wrap: anywhere; }
.distribution-item code { display: block; overflow-wrap: anywhere; white-space: normal; font-size: 12px; margin: 8px 0; }
.distribution-panel pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; padding: 12px; border-radius: 8px; background: #f3f5fb; color: #17233c; }
.distribution-panel form { display: grid; gap: 12px; border-top: 1px solid #dce1eb; padding-top: 16px; }
.distribution-panel label { display: grid; gap: 6px; }
.distribution-panel input { min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; }
.distribution-panel dl { margin: 0; display: grid; gap: 8px; }
.distribution-panel dl > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 8px; background: #f3f5fb; }
.distribution-panel dd { margin: 0; }
.distribution-panel [data-confirm], .distribution-panel [data-tag-confirm] { padding: 8px; background: #fff4e8; border-radius: 8px; }
.access-explanation { border-top: 1px solid #dce1eb; margin-top: 16px; padding-top: 12px; }
.access-explanation form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.access-explanation label { display: grid; gap: 6px; min-width: 0; }
.access-explanation select { max-width: 100%; }
@media (max-width: 600px) { .distribution-panel nav button { flex: 1 1 42%; } .distribution-item { padding: 10px; } .access-explanation label { flex: 1 1 100%; } }