.supplement-panel{border:0;border-top:1px solid var(--line,#cadbd5);margin:12px 0 0;padding:12px 0 0;min-width:0}
.supplement-disclosure{margin-top:10px}
.supplement-disclosure>summary{min-height:44px;align-content:center;color:var(--brand);font-size:.85rem;font-weight:650;cursor:pointer}
.supplement-panel legend{font-size:14px;font-weight:650;padding:0 8px 0 0}
.supplement-panel input[type=file]{max-width:100%;font-size:13px}
.supplement-panel p{font-size:12px;line-height:1.6;margin:8px 0}
#supplement-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:10px 0}
#supplement-list:empty{display:none}
#supplement-list li{min-width:0}
#supplement-list button{position:relative;padding:0;width:100%;height:76px;overflow:hidden;background:var(--surface,#f1f5f2)}
#supplement-list img{width:100%;height:100%;object-fit:contain}
#supplement-list label{display:flex;align-items:start;gap:5px;font-size:12px;margin-top:5px}
#supplement-list input{flex:0 0 auto;min-height:20px;width:20px;margin:0}
#supplement-list span{overflow-wrap:anywhere;line-height:1.5}
.supplement-preview{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:16px;background:var(--surface,#fff);color:var(--ink,#163b38);border:1px solid var(--line,#cadbd5);border-radius:12px}
.supplement-preview::backdrop{background:#0009}
.supplement-preview>button{display:block;margin:0 0 12px auto;min-height:44px}
.supplement-preview>img{display:block;max-width:100%;max-height:calc(100dvh - 130px);object-fit:contain}
.supplement-preview>video{display:block;width:auto;height:auto;max-width:min(800px,calc(100vw - 66px));max-height:calc(100dvh - 150px);object-fit:contain;background:#17211e}
#supplement-list .supplement-video-label{position:absolute;inset:auto 3px 3px;background:var(--surface,#fff);color:var(--ink,#163b38);font-size:11px}
