.volume-panel{margin-top:28px;border-top:2px solid var(--ink);padding-top:2px;min-width:0}
.volume-panel .panel-label{min-height:57px}
.volume-panel p{font-size:15px;line-height:1.75;color:#43503a;overflow-wrap:anywhere}
.volume-panel .volume-intro{margin:0 0 13px;color:#30362d}
.volume-panel a{color:#713822;text-decoration:underline;text-underline-offset:3px;font-weight:600;overflow-wrap:anywhere}
.volume-panel a:hover{color:#9b3517}
.volume-setup{padding:12px 16px;border:1px solid var(--line);background:#dde1d6;border-radius:3px}
.volume-setup p{margin:0}.volume-setup p+p{margin-top:7px}
.volume-exe{font:14px var(--mono);color:#30362d;overflow-wrap:anywhere}
.volume-toolbar,.volume-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:17px}
.volume-service-state{font-size:14px;color:#43503a;overflow-wrap:anywhere;margin-left:auto}
.volume-service-state[data-active=true]{color:#344629;font-weight:600}
.volume-message{min-height:27px;margin:12px 0 17px!important}
.volume-message[data-error=true]{color:#943017;border-left:2px solid var(--orange);padding-left:10px}
.volume-ports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.volume-panel label{font-size:15px;line-height:1.55}
.volume-pickup{flex-direction:row;align-items:center;gap:9px;margin-top:16px}
.volume-pickup input,.volume-app-option input{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:var(--orange)}
.volume-panel .volume-pickup-help{margin:5px 0 18px}
.volume-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #adb3a5;border-radius:4px;overflow:hidden;background:var(--panel)}
.volume-channel{min-width:0;padding:17px 16px;border-right:1px solid #adb3a5;background:linear-gradient(180deg,#e0e3db,var(--panel) 140px)}
.volume-channel:last-child{border-right:0}
.volume-channel legend{padding:0;color:var(--ink);font:23px/1.4 var(--mono);font-weight:600}
.volume-channel fieldset{padding:0;margin:0;border:0;min-width:0}
.volume-reading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:9px 0 1px}
.volume-reading span{font-size:13px;color:#43503a}
.volume-reading output{font:30px/1.35 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#242b20}
.volume-meter{height:4px;background:#bdc5b3;overflow:hidden;margin:6px 0 9px}
.volume-meter>span{height:100%;display:block;width:0;background:var(--orange)}
.volume-channel-state{font-size:14px;min-height:42px;line-height:1.6;color:#43503a;overflow-wrap:anywhere;margin-bottom:11px}
.volume-target-label{margin-bottom:12px}
.volume-apps[hidden]{display:none}
.volume-apps-title{font-size:14px;font-weight:600;color:#30362d;margin:9px 0 7px}
.volume-app-list{display:grid;gap:8px;max-height:228px;overflow-y:auto;padding:1px 2px 4px}
.volume-app-option{flex-direction:row;align-items:flex-start;gap:8px;padding:6px 0}
.volume-app-option input{margin-top:3px}
.volume-app-option>span{min-width:0;overflow-wrap:anywhere;line-height:1.45}
.volume-app-option .volume-app-name{display:block;font-size:15px;color:#30362d}
.volume-app-option .volume-app-exe{display:block;font:12px/1.6 var(--mono);color:#43503a;overflow-wrap:anywhere}
.volume-app-option .volume-app-waiting{display:block;font-size:13px;color:#43503a;line-height:1.6}
.volume-app-list-empty{font-size:14px;line-height:1.7;color:#43503a}
.volume-add-row{display:flex;gap:6px;margin-top:10px;align-items:stretch}
.volume-add-row input{width:100%;min-width:0;padding:9px 8px;background:#f0f1eb;border:1px solid #a5aba0;border-radius:3px;font:14px/1.5 var(--mono)}
.volume-add-row button{padding:7px 10px;min-width:53px;font-size:14px}
.volume-panel .volume-exe-help{font-size:13px;line-height:1.65;margin-top:6px}
.volume-selected{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;min-width:0}
.volume-selected:empty{display:none}
.volume-chip{display:flex;align-items:center;gap:6px;border:1px solid #acb49f;padding:4px 7px;background:#e8ece1;border-radius:2px;max-width:100%;min-width:0}
.volume-chip>span{font:12px/1.5 var(--mono);overflow-wrap:anywhere;min-width:0}
.volume-chip button{font-size:16px;line-height:1;min-height:24px;min-width:24px;padding:2px 4px;box-shadow:none;border:0;background:transparent;flex:0 0 24px}
.volume-channel-error{font-size:14px;line-height:1.6;color:#943017;min-height:0;margin-top:7px;overflow-wrap:anywhere}
.volume-channel-error:empty{display:none}
#volume-draft-state{font-size:14px;line-height:1.6;color:#43503a;overflow-wrap:anywhere}
.volume-panel .volume-footnote{margin-top:12px}
@media(max-width:980px){.volume-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.volume-channel:nth-child(2){border-right:0}.volume-channel:nth-child(-n+2){border-bottom:1px solid #adb3a5}.volume-channel{padding:18px 20px}.volume-service-state{flex-basis:100%;margin-left:0}}
@media(max-width:650px){.volume-ports{grid-template-columns:1fr;gap:13px}.volume-panel label{font-size:16px}.volume-setup{padding:11px 13px}.volume-toolbar button{flex:1}.volume-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.volume-actions button{padding:10px 8px}.volume-actions #volume-save{grid-column:1/-1}#volume-draft-state{grid-column:1/-1}.volume-panel .volume-footnote{font-size:14px}.volume-panel .panel-meta{font-size:12px}}
@media(max-width:560px){.volume-channels{grid-template-columns:1fr}.volume-channel{padding:18px 20px;border-right:0;border-bottom:1px solid #adb3a5}.volume-channel:last-child{border-bottom:0}.volume-channel-state{min-height:26px}.volume-add-row input{font-size:16px;min-height:44px}.volume-app-list{max-height:250px}.volume-app-option{padding:8px 0}.volume-app-option .volume-app-name{font-size:16px}.volume-reading output{font-size:34px}}