.bin-dialog{width:min(900px,calc(100vw - 24px));max-width:900px;max-height:calc(100dvh - 24px);padding:0;color:#edf1e5;background:#1c2a23;border:1px solid #526546;border-radius:18px;overflow:auto;box-sizing:border-box}.bin-dialog::backdrop{background:#07110dd9}.bin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #41533c}.bin-heading h2{margin:4px 0 0;font-size:24px;line-height:1.2}.bin-heading .eyebrow{margin:0}.bin-close{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;font-size:30px;background:#293c2f;color:#edf1e5;border:1px solid #576c4b;border-radius:10px;cursor:pointer}.bin-body{padding:20px;min-width:0}.bin-body>p{line-height:1.55;margin-top:0}.bin-file{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:48px;width:fit-content;box-sizing:border-box;margin:18px 0 12px;overflow:hidden}.bin-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px}.bin-message{color:#f0cb87;overflow-wrap:anywhere;margin:12px 0}.bin-select-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.bin-select-tools button,.bin-group summary,#binRestore{min-height:44px;cursor:pointer}.bin-select-tools span{font-size:14px;color:#c3cdb8}.bin-groups{display:grid;gap:12px}.bin-group{border:1px solid #4e6242;border-radius:12px;min-width:0;overflow:hidden}.bin-group-check{display:flex;align-items:center;gap:12px;padding:12px;min-height:52px;cursor:pointer;box-sizing:border-box}.bin-group-check input{width:24px;height:24px;accent-color:#bdc678;flex-shrink:0;margin:10px}.bin-group-check span{min-width:0}.bin-group-check strong,.bin-group-check small{display:block;overflow-wrap:anywhere}.bin-group-check small{margin-top:5px;color:#c3cdb8}.bin-group summary{display:flex;align-items:center;padding:0 16px;background:#25362a;font-size:15px}.bin-group summary:before{content:'▸';margin-right:10px}.bin-group details[open] summary:before{content:'▾'}.bin-comparison{max-height:420px;overflow-y:auto;overscroll-behavior:contain}.bin-compare-row{display:grid;grid-template-columns:36px minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr);gap:12px;align-items:center;padding:14px;border-top:1px solid #394d36;font-size:14px;line-height:1.5}.bin-compare-row>img{width:36px;height:36px;object-fit:contain;grid-column:1}.bin-field-name{grid-column:2}.bin-compare-row>div{min-width:0;overflow-wrap:anywhere}.bin-compare-row small,.bin-compare-row span,.bin-compare-row strong{display:block}.bin-compare-row small{color:#b6c4ac;font-size:12px;margin-bottom:4px}.bin-warnings{border:1px solid #997c47;background:#463a254d;border-radius:10px;padding:14px;margin-top:16px;color:#f0d49a}.bin-warnings p,.bin-notes p{font-size:14px;line-height:1.5}.bin-notes{color:#c0cdb5;margin-top:18px}.bin-footer{padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #526546;background:#1c2a23}.bin-footer>.btn{flex:1;min-height:48px;white-space:normal;line-height:1.4}.bin-footer .btn:disabled{opacity:.45;cursor:default}#binConfirmation{width:100%;border-top:1px solid #526546;padding-top:12px}#binConfirmation p{line-height:1.5}#binConfirmation .btn{min-height:44px;margin:0 8px 8px 0}.bin-preview-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px;background:#35472a;border:1px solid #a6b374;border-radius:12px;margin-bottom:20px;line-height:1.5}.bin-preview-banner>span{flex:1;min-width:180px}.bin-preview-banner .btn{min-height:44px;white-space:normal}.bin-preview-banner strong{display:block}
.bin-close{padding:0;line-height:1;box-sizing:border-box;appearance:none}.bin-close>svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:0;transform:none}
.header-data-options button,.header-data-options #checkData{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:center}.header-data-options button>svg{width:22px;height:22px;justify-self:center}.header-data-options button>span{min-width:0;line-height:1.4;overflow-wrap:anywhere}
.bin-guide{border:1px solid #4e6242;border-radius:12px;background:#223127;margin:18px 0;overflow:hidden}.bin-guide summary{min-height:48px;box-sizing:border-box;padding:14px 16px;cursor:pointer;line-height:1.4;font-weight:600}.bin-guide>ol{margin:0;padding:0 18px 4px 42px}.bin-guide li{padding:4px 0 12px 4px;line-height:1.55}.bin-guide li::marker{color:#c6d69b;font-weight:700}.bin-guide p{margin:6px 0;font-size:14px;line-height:1.6}.bin-guide code{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:14px;color:#e2edc7;background:#16241b;border-radius:5px;padding:3px 5px}.bin-guide li>code{display:block;padding:10px;margin:8px 0}.bin-guide-help{border-top:1px solid #4e6242;margin:0 16px 14px}.bin-guide-help summary{padding-left:0;padding-right:0;font-size:14px}.bin-guide-help p{margin:0 0 10px}.bin-guide-help a{display:flex;align-items:center;min-height:44px;font-size:14px;color:#d0df9f;text-decoration:underline}.bin-guide summary:focus-visible{outline:2px solid #d2df97;outline-offset:-3px}
.bin-heading{position:sticky;top:0;background:#1c2a23;z-index:2}.bin-footer{position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 20px #101b1780}.bin-group summary:focus-visible,.bin-close:focus-visible{outline:2px solid #d2df97;outline-offset:-3px}
@media(max-width:600px){.bin-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.bin-heading,.bin-body{padding:14px}.bin-heading h2{font-size:21px}.bin-footer{padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.bin-footer>.btn{flex-basis:100%}.bin-compare-row{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px}.bin-field-name{grid-column:2/-1;font-weight:600}.bin-compare-row>div:nth-last-child(2){grid-column:2}.bin-compare-row>div:last-child{grid-column:3}.bin-comparison{max-height:360px}.bin-file{width:100%}.bin-preview-banner>span{min-width:0;flex-basis:100%}.bin-preview-banner .btn{width:100%}#binConfirmation .btn{display:block;width:100%;margin-right:0}}

.bin-field-select{display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer;font-weight:600;line-height:1.5}.bin-field-select input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#b6d293}.bin-field-select>span{min-width:0}.bin-field-select:focus-within{outline:2px solid #d4e5b5;outline-offset:3px}.bin-cache-note{font-size:15px;line-height:1.6;color:#c2d2b8}.bin-cache-note .text-button{display:inline-flex;align-items:center;min-height:44px;margin-left:8px}.bin-compare-row{font-size:16px}.bin-compare-row small{font-size:14px}.bin-compare-row>div{overflow-wrap:anywhere}.bin-select-tools span{font-size:15px}@media(max-width:600px){.bin-field-select{font-size:16px}.bin-field-select input{width:20px;height:20px;flex-basis:20px}.bin-cache-note .text-button{margin-left:0}}
.bin-group-note{padding:0 16px 12px 60px;color:#c3cdb8;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.bin-group-note p{margin:6px 0 0}
.bin-group-note strong{color:#f0d49a}
@media (max-width:480px){.bin-group-note{padding:0 12px 12px 12px}}