.ta-template{border-color:#b9d9ce!important;background:#f5fbf7!important}
.ta-template>label{max-width:440px}
.ta-item{margin-top:14px;border:1px solid #dce7df;border-radius:12px;background:#fafdfb}
.ta-item-body{padding:12px 14px;display:grid;gap:10px}
.ta-mode-label{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}
.ta-mode-label select{flex:1;max-width:340px;min-width:180px}
.ta-mode-label [data-ta-status]{font-size:12px;font-weight:400;color:#657571}
.ta-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ta-controls:empty{display:none}
.ta-controls input,.ta-item-body select,.ta-item-body>label input,.ta-sample input,.ta-sample select{width:100%;min-width:0}
.ta-ranges{grid-column:1/-1;display:grid;gap:10px}
.ta-ranges>[data-ta-range]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px}
.ta-example{color:#386b58;background:#eaf5ef;border-radius:8px;padding:9px 12px;margin:0;font-size:13px;overflow-wrap:anywhere}
.ta-more{grid-column:1/-1;margin-top:4px}
.ta-more>summary,.ta-preview>summary{cursor:pointer;font-weight:600;padding:8px 0;overflow-wrap:anywhere}
.ta-more>summary span,.ta-preview>summary span{font-size:13px;font-weight:400;color:#657571;margin-left:10px}
.ta-more>label{max-width:440px;margin-top:8px}
.ta-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.ta-sample{padding:12px;border:1px solid #dce7df;border-radius:8px;min-width:0}
.ta-sample>strong{display:block;margin-bottom:8px;overflow-wrap:anywhere}
.ta-sample-options{display:flex;gap:12px;flex-wrap:wrap;border:1px solid #dce7df;border-radius:8px;padding:10px}
.ta-sample-options label{display:flex!important;align-items:center;gap:6px}
.ta-sample-options input{width:auto!important}
.ta-preview-result{margin-top:12px;padding:14px;background:#fff;border:1px solid #d5e7dc;border-radius:10px}
.ta-preview-result ul{padding-left:20px;margin-bottom:0}
.ta-item .error{margin:0;overflow-wrap:anywhere}
.ta-item [hidden]{display:none!important}
@media(max-width:640px){.ta-controls,.ta-samples{grid-template-columns:1fr}.ta-ranges>[data-ta-range]{grid-template-columns:1fr 1fr}.ta-ranges>[data-ta-range]>label:last-of-type{grid-column:1}.ta-ranges button{align-self:end}.ta-item-body{padding:10px}.ta-mode-label select{max-width:none}.ta-more>summary span,.ta-preview>summary span{display:block;margin:4px 0 0}}