.dt-page{max-width:1120px;margin:0 auto;padding:26px 20px 54px;color:var(--text-color,#17283a)}.dt-hero{padding:24px 0}.dt-eyebrow{font-size:.78rem;letter-spacing:.13em;color:#327c7b;font-weight:800}.dt-hero h1{font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.3}.dt-hero>p{line-height:1.8;max-width:850px}.dt-badges,.dt-actions{display:flex;flex-wrap:wrap;gap:10px}.dt-badges span{border-radius:99px;padding:6px 12px;background:#e9f5f3;color:#245d59;font-size:.84rem}.dt-workspace{padding:24px;border:1px solid #d8e4e8;border-radius:18px;background:var(--card-bg,#fff);box-shadow:0 7px 22px #173d5010}.dt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dt-full{grid-column:1/-1}.dt-field label,.dt-result>label,.dt-upload>label{display:block;font-weight:700;margin:0 0 8px}.dt-field input,.dt-field select,.dt-field textarea,#dt-output{box-sizing:border-box;display:block;width:100%;min-height:45px;border:1px solid #a8bac5;border-radius:8px;padding:11px 12px;color:inherit;background:var(--input-bg,#fff);font:inherit}.dt-field textarea,#dt-output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6;resize:vertical;tab-size:4}.dt-field textarea{min-height:210px}.dt-upload{margin:20px 0}.dt-upload input{max-width:100%}.dt-upload p,.dt-note{color:#536574;font-size:.9rem;line-height:1.75}.dt-notice{padding:13px 15px;background:#f1f6f9;border-left:3px solid #51828d;border-radius:6px;font-size:.9rem;line-height:1.7}.dt-actions{margin:20px 0 0}.dt-actions button,.dt-download{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px 17px;border:1px solid #a9bec6;border-radius:8px;background:var(--input-bg,#fff);color:inherit;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.dt-actions .dt-primary{background:#286e6b;border-color:#286e6b;color:#fff}.dt-actions button:disabled{opacity:.5;cursor:wait}.dt-status{min-height:1.7em;line-height:1.7;margin:16px 0 0}.dt-status[data-error=true]{color:#b42335;font-weight:600}.dt-result{margin-top:20px;border-top:1px solid #d8e4e8;padding-top:22px}.dt-result h2{font-size:1.3rem}.dt-result h3{font-size:1rem;margin-top:22px}.dt-metrics{display:flex;gap:18px;flex-wrap:wrap}.dt-metrics>div{padding:10px 16px;background:#edf6f4;border-radius:8px;min-width:100px}.dt-metrics dt{font-size:.8rem;color:#42635f}.dt-metrics dd{font-size:1.35rem;margin:3px 0 0;font-weight:750;color:#1a5953}.dt-table-scroll{max-height:350px;overflow:auto;margin:15px 0 24px;border:1px solid #d8e4e8;border-radius:8px}.dt-table-scroll table{border-collapse:collapse;width:100%;font-size:.9rem}.dt-table-scroll caption{padding:9px;font-weight:650;text-align:left}.dt-table-scroll th,.dt-table-scroll td{padding:10px 12px;vertical-align:top;text-align:left;border:1px solid #d8e4e8;min-width:80px;max-width:320px;overflow-wrap:anywhere;white-space:pre-wrap}.dt-table-scroll thead th{background:#eaf3f4;position:sticky;top:0;z-index:1}.dt-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.dt-guide>section{padding:21px;border:1px solid #d8e4e8;border-radius:12px;background:var(--card-bg,#fff);line-height:1.8;overflow-wrap:anywhere}.dt-guide h2{font-size:1.13rem;margin-top:0}.dt-guide ol,.dt-guide ul{padding-left:22px}.dt-guide li+li{margin-top:7px}.dt-guide details+details{margin-top:12px}.dt-guide summary{font-weight:700;cursor:pointer}.dt-example{background:#f3f8f7!important}.dt-page :focus-visible{outline:3px solid #188f94;outline-offset:3px}.dt-page [hidden]{display:none!important}@media(max-width:650px){.dt-page{padding:14px 10px 32px}.dt-workspace{padding:17px 13px;border-radius:12px}.dt-fields,.dt-guide{grid-template-columns:1fr}.dt-actions>*{flex:1 1 130px}.dt-table-scroll th,.dt-table-scroll td{padding:8px;min-width:65px}.dt-hero h1{overflow-wrap:anywhere}.dt-metrics{gap:8px}.dt-metrics>div{min-width:75px;padding:9px 12px}}