:root{font-family:Segoe UI,Arial,sans-serif;color:#182c38;background:#f3f6f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#102e3d;color:#fff;padding:20px 4%;display:flex;align-items:center;gap:28px}header strong{font-size:22px}header mark{margin-left:auto;background:#d6e9f1;color:#183e50;padding:6px 12px;border-radius:4px;font-size:14px}main{max-width:1400px;margin:auto;padding:32px 4%}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}h1{font-size:32px;font-weight:600;margin:6px 0 10px}h2{font-size:20px;margin:0 0 10px}h3{font-size:18px;margin:0}p{color:#506672;line-height:1.5}.eyebrow{font-size:13px;letter-spacing:2px;color:#246980;margin:0}.sample{max-width:220px;font-size:14px}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px}aside,.editor{background:#fff;border:1px solid #dce4e8;border-radius:10px;padding:22px}nav{display:flex;flex-direction:column;gap:8px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #cbd7dd;background:white;padding:10px 14px;border-radius:6px;color:inherit}nav button{text-align:left;display:flex;justify-content:space-between;gap:10px}nav button[aria-pressed=true]{background:#e6f2f7;border-color:#2d7894}nav small{display:block;font-size:13px;color:#506672;margin-top:3px}.heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.badge{background:#eef3f5;padding:6px 10px;border-radius:5px;font-size:14px;white-space:nowrap}.layout-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:20px}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input,select{width:100%;padding:10px;border:1px solid #aebfc9;border-radius:5px;color:#182c38;background:white}.layout-controls label{width:105px}.times{padding-bottom:12px}output{padding-bottom:12px;font-weight:600}#validation{min-height:24px;font-size:14px}.invalid{color:#a33131!important}.valid{color:#246449!important}details{border-top:1px solid #e0e7eb;border-bottom:1px solid #e0e7eb;padding:16px 0}summary{cursor:pointer;font-weight:600}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.exclude{flex-direction:row;align-items:center;margin-top:18px}.exclude input{width:auto}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.preview-head label{min-width:160px}#preview-description{font-size:14px}.grid{display:grid;gap:6px;overflow:auto;padding-bottom:6px}.grid button{min-width:52px;padding:12px 6px;font-size:14px;background:#f4f8fa}.grid button[aria-pressed=true]{background:#d6ecf6;border-color:#1c6c8f}.point-detail{margin-top:15px;padding:16px;background:#f4f8fa;border-radius:6px}.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;margin-top:12px}.channel strong{display:block;font-size:19px;margin-top:5px}.channel span{font-size:14px}footer{margin-top:25px;display:flex;align-items:center;justify-content:end;gap:12px;flex-wrap:wrap}#saved-message{margin-right:auto;font-size:14px}#save{background:#176080;color:white;border-color:#176080}button:disabled{opacity:.5;cursor:default}.footnote{font-size:14px;margin-top:20px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5da9cf;outline-offset:3px}@media(max-width:850px){.workspace{grid-template-columns:1fr}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{display:block}.sample{max-width:none}}@media(max-width:500px){main{padding:20px 12px}header{gap:12px;flex-wrap:wrap}header mark{margin-left:0}.editor,aside{padding:16px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.heading{flex-wrap:wrap}.preview-head{flex-wrap:wrap}h1{font-size:26px}footer button{width:100%}}

.import-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}.import-controls label{max-width:380px}.import-controls p{font-size:14px;overflow-wrap:anywhere}
.catalog{background:white;border:1px solid #dce4e8;border-radius:10px;padding:20px;margin-bottom:24px}.catalog form{margin-top:16px}.catalog button{margin-top:12px}#batch-spec-section{border-bottom:1px solid #e0e7eb;padding-bottom:12px}
header a{color:inherit;text-decoration:none;font-size:15px}header a:hover{text-decoration:underline}select[multiple]{min-height:100px}#evaluation p{margin:6px 0}