/* Distribution Lab uses the existing editorial tokens; no external font or image calls. */
.dl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;border-bottom:var(--heavy);padding-bottom:var(--s4);margin-bottom:var(--s6)}
.dl-head h2{font:400 var(--fs-h2)/1.15 var(--font-display)}
.dl-head p{color:var(--ink-2);max-width:72ch}
.dl-state{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--hair-2);font:500 var(--fs-micro)/1.5 var(--font-mono);white-space:normal}
.dl-state.manual{color:var(--st-info);background:var(--st-info-bg)}
.dl-state.blocked{color:var(--st-err);background:var(--st-err-bg)}
.dl-step{display:inline-flex;font:600 var(--fs-micro)/1.5 var(--font-mono);letter-spacing:var(--track-mono);color:var(--ink-3)}
.dl-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:var(--s6);align-items:start}
.dl-form{min-width:0}
.dl-panel{padding:var(--s4);border:1px solid var(--hair);background:var(--paper-3);min-width:0}
.dl-panel h3{font-size:var(--fs-h3);margin-bottom:var(--s2)}
.dl-panel p{color:var(--ink-2);font-size:var(--fs-small)}
.dl-brand{display:flex;align-items:center;gap:var(--s4);min-height:90px;padding:var(--s3);border:1px solid var(--hair);background:var(--paper)}
.dl-brand img{max-width:150px;max-height:62px;object-fit:contain}
.dl-brand strong{display:block;font-weight:700}
.dl-brand small{color:var(--ink-3)}
.dl-form textarea{min-height:118px;resize:vertical}
.dl-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:var(--s3)}
.dl-network{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3);margin:0;border:1px solid var(--hair);cursor:pointer;background:var(--paper)}
.dl-network:has(input:checked){border-color:var(--ink);background:var(--paper-2)}
.dl-network input{flex:0 0 16px;margin-top:3px}
.dl-network-body{display:grid;gap:3px;min-width:0}
.dl-network small{font-size:11px;color:var(--ink-3);line-height:1.4}
.dl-preview{min-height:70px;margin-top:var(--s3)}
.dl-asset{max-width:100%;max-height:280px;object-fit:contain;border:1px solid var(--hair);background:var(--paper)}
.dl-tools{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s5)}
.dl-tools button{white-space:normal}
.dl-outcome{margin-top:var(--s4);padding:var(--s3);border-left:3px solid var(--ink);background:var(--paper-2);color:var(--ink-2)}
.dl-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5)}
.dl-variant{min-width:0;border:1px solid var(--hair);background:var(--paper-3);padding:var(--s4)}
.dl-variant-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3);border-bottom:1px solid var(--hair);padding-bottom:var(--s3)}
.dl-variant-head h3{font:400 var(--fs-h3)/1.2 var(--font-display)}
.dl-variant label{margin-top:var(--s3)}
.dl-variant input,.dl-variant textarea{width:100%}
.dl-variant textarea{min-height:132px}
.dl-counter{font:500 var(--fs-micro)/1.5 var(--font-mono);color:var(--ink-3);text-align:right;margin-top:var(--s2)}
.dl-issues{margin:var(--s3) 0;padding-left:18px;font-size:var(--fs-small);color:var(--st-wait)}
.dl-issues:empty{display:none}
.dl-actions{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s4)}
.dl-actions .btn{min-height:34px;white-space:normal}
.dl-disclaimer{margin-top:var(--s3);color:var(--ink-3);font-size:var(--fs-small)}
.dl-note{margin-top:var(--s3);font-size:var(--fs-small);color:var(--ink-3)}
.dl-legend{padding-left:18px;margin:var(--s4) 0;color:var(--ink-2);font-size:var(--fs-small)}
.dl-legend li{margin:var(--s2) 0}
@media(max-width:950px){.dl-layout{grid-template-columns:1fr}}
@media(max-width:700px){.dl-results,.dl-network-grid{grid-template-columns:1fr}.dl-variant,.dl-panel{padding:var(--s3)}}