@font-face{font-family:Mulish;src:url('/fonts/mulish-latin.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
.tp{font-family:Mulish,"PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#fff}
.tp *{box-sizing:border-box;letter-spacing:0}
.tp h1,.tp h2,.tp h3,.tp p{margin:0;overflow-wrap:break-word}
.tp a{color:#4a4aff;text-underline-offset:4px}
.tp a:focus-visible,.tp button:focus-visible,.tp summary:focus-visible,.tp .tool-dropzone:focus-visible{outline:2px solid #4a4aff;outline-offset:3px}
.tp-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.tp-band{padding-block:72px;border-top:1px solid #e5e5e5}
.tp-band-soft{background:#f7f7f9}
.tp-heading{max-width:780px;margin-bottom:32px}
.tp-heading h2{font-size:30px;line-height:1.3;font-weight:750}
.tp-heading p{margin-top:12px;font-size:16px;line-height:1.75;color:#525252}
.tp-work+.tp-band{border-top:0}
.tp-band-soft .tp-table-wrap,.tp-band-soft .tp-shot img{background:#fff}
.tp-sub{margin:48px 0 0;font-size:20px;line-height:1.4;font-weight:750}
.tp-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:13px;color:#737373}
.tp-crumbs a{color:#525252;text-decoration:none}
.tp-crumbs a:hover{color:#4a4aff;text-decoration:underline}

/* Workbench: the only area styled as an application */
.tp-work{padding-block:40px 64px;background:#f2f3f6;border-bottom:1px solid #e3e4e8}
.tp-hero h1{font-size:40px;line-height:1.2;font-weight:750}
.tp-hero>p{max-width:760px;margin-top:12px;font-size:17px;line-height:1.7;color:#525252}
.tp-benefits{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;padding:0;list-style:none;font-size:14px;font-weight:700;color:#404040}
.tp-benefits li{display:flex;align-items:center;gap:8px}
.tp-benefits svg{width:16px;height:16px;flex:none;color:#16815e}
.tp .tool-workspace{margin:28px 0 0;padding:0;border:1px solid #d9dae1;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1717170d,0 8px 24px #1717170a}
.tp .tool-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 20px;border-bottom:1px solid #e5e5e5}
.tp .tool-toolbar h2{margin:0;font-size:16px;line-height:1.4;font-weight:750}
.tp .tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tp .tool-actions label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#525252}
.tp .tool-actions .tool-select{width:auto;min-width:0;height:38px;padding:0 10px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;font:inherit;font-size:14px}
.tp .tool-actions input.tool-select{width:76px}
.tp .tool-actions #shift-ms{width:96px}
.tp .tool-actions [data-file-select]{max-width:220px}
.tp .tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#171717;font:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap}
.tp .tool-button:hover{border-color:#4a4aff;color:#4a4aff}
.tp .tool-button.primary{border-color:#4a4aff;background:#4a4aff;color:#fff}
.tp .tool-button.primary:hover{background:#3b3be6;color:#fff}
.tp .tool-button:disabled{opacity:.45;cursor:not-allowed}
.tp .tool-button.compact{height:30px;margin:0 4px 4px 0;padding:0 10px;font-size:12px}
.tp .tool-button svg{width:16px;height:16px}
.tp-work-body{padding:20px}
.tp .tool-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:220px;margin:0;padding:28px;border:1.5px dashed #b9bbc9;border-radius:8px;background:#fafafb;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.tp .tool-dropzone:hover,.tp .tool-dropzone.dragover{border-color:#4a4aff;background:#f5f5ff}
.tp .tool-dropzone svg{width:32px;height:32px;margin-bottom:6px;color:#4a4aff}
.tp .tool-dropzone strong{font-size:17px;font-weight:750}
.tp .tool-dropzone span{margin:0;font-size:14px;color:#525252}
.tp .tool-workspace.has-files .tool-dropzone{flex-direction:row;min-height:64px;padding:14px 20px;gap:12px}
.tp .tool-workspace.has-files .tool-dropzone svg{width:22px;height:22px;margin:0}
.tp .tool-workspace.has-files .tool-dropzone strong{font-size:15px}
.tp .tp-empty-sample{margin:18px 0 0;font-size:14px;color:#525252;text-align:center}
.tp-empty-sample button{padding:0;border:0;background:none;color:#4a4aff;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.tp .tool-workspace.has-files .tp-empty-sample{display:none}
.tp .tool-workspace:not(.has-files) #tool-results,.tp .tool-workspace:not(.has-files) .tool-summary{display:none}
.tp [hidden]{display:none!important}
/* Empty state: keep merge options hidden, and show editor draft controls only when a draft can be restored. */
.tp .tool-workspace:not(.has-files) .tool-file-options:has(#merge-method),.tp .tool-workspace:not(.has-files) .tool-file-options:has(#draft-status):not(:has([data-restore-draft]:not([hidden]))){display:none}
.tp .tool-workspace:not(.has-files) #tool-status:empty{display:none}
.tp .tool-summary{display:flex;flex-wrap:wrap;gap:0;margin:20px 0 0;border:1px solid #e5e5e5;border-radius:8px}
.tp .tool-stat{flex:1 1 120px;padding:14px 18px;border:0;border-right:1px solid #e5e5e5;border-radius:0;background:none}
.tp .tool-stat:last-child{border-right:0}
.tp .tool-stat b{display:block;font-size:22px;line-height:1.2}
.tp .tool-stat span{display:block;margin-top:4px;font-size:12px;color:#525252}
.tp .tool-table-wrap{margin-top:16px;border:1px solid #e5e5e5;border-radius:8px}
.tp .tool-table{font-size:13px}
.tp .tool-table th{background:#f7f7f9;color:#404040;font-weight:700}
.tp .tool-table td{line-height:1.55}
.tp .tool-file-options{margin:16px 0 0;padding:14px 16px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafb}
.tp .tool-file-options summary{cursor:pointer;font-size:14px;font-weight:600;color:#404040}
.tp .tool-file-options p{margin:8px 0;font-size:13px;line-height:1.6;color:#525252}
.tp #tool-status{display:block;margin:14px 0 0;padding:0;border:0;background:none;font-size:13px;color:#737373}
.tp .tool-editor-controls{background:#fafafb;border-color:#e5e5e5}
.tp .cue-list{border-color:#e5e5e5}
.tp .merge-duration{gap:6px;font-size:13px;color:#525252}
.tp .merge-duration label{gap:6px;font-weight:600;color:#404040}
.tp .merge-duration input[type=number]{width:140px;height:34px;padding:0 10px;border:1px solid #d4d4d8;border-radius:6px;font:inherit;font-size:14px;color:#171717}
.tp .merge-duration input[type=file]{max-width:240px;font:inherit;font-size:12px;color:#525252}
.tp .merge-duration input[type=file]::file-selector-button{height:30px;margin-right:8px;padding:0 10px;border:1px solid #d4d4d8;border-radius:6px;background:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.tp .merge-duration span{font-size:12px;color:#737373}
.tp #merge-preview{max-height:360px;overflow:auto}

/* Example: annotated sample, styled as a document */
.tp-sample-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 40px;margin-bottom:28px}
.tp-sample-head .tp-heading{margin:0}
.tp-sample-actions{display:flex;flex-wrap:wrap;gap:10px}
.tp-sample{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #e5e5e5;border-radius:8px;background:#fff;overflow:hidden}
.tp-sample>div{min-width:0;padding:24px}
.tp-sample>div+div{border-left:1px solid #e5e5e5}
.tp-sample>.tp-sample-foot{grid-column:1/-1;border-left:0;border-top:1px solid #e5e5e5;background:#fafafb}
.tp-sample>.tp-sample-foot:first-child{border-top:0;border-bottom:1px solid #e5e5e5}
.tp-sample>.tp-sample-foot:first-child+div{border-left:0}
.tp-findings-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.tp-findings-row li{background:#fff}
.tp-file-group+.tp-file-group{margin-top:20px}
.tp-sample h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:15px;font-weight:750}
.tp-sample h3 small{font-size:12px;font-weight:600;color:#737373}
.tp-file{margin:0;padding:12px 0;border-radius:6px;background:#1c1d22;color:#e4e4e7;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}
.tp-file span{display:block;min-height:1.75em;padding:0 14px 0 12px;border-left:3px solid transparent;white-space:pre-wrap;overflow-wrap:anywhere}
.tp-file .is-error{border-left-color:#f04438;background:#f044381f}
.tp-file .is-warn{border-left-color:#f5b83d;background:#f5b83d1a}
.tp-file .is-new{border-left-color:#32d583;background:#32d5831a}
.tp-file .is-dim{color:#8b8b95}
.tp-findings{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.tp-findings li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid #ededf0;border-radius:6px;font-size:14px;line-height:1.55}
.tp-findings strong{display:block;font-weight:700}
.tp-findings span{display:block;color:#525252;font-size:13px}
.tp-tag{display:flex;justify-content:center;align-items:center;text-align:center;padding:2px 0;border-radius:4px;font-size:12px;font-weight:750;line-height:1.5}
.tp-tag.error{background:#fee4e2;color:#b42318}
.tp-tag.warning{background:#fef0c7;color:#93370d}
.tp-tag.note{background:#ebebff;color:#3b3bd4}
.tp-tag.ok{background:#dcfae6;color:#067647}
.tp-caption{margin-top:14px;font-size:13px;line-height:1.6;color:#737373}

/* Merger timeline */
.tp-track{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:16px;margin-top:12px;font-size:13px}
.tp-track:first-child{margin-top:0}
.tp-track>span{font-weight:700;color:#404040}
.tp-bar{position:relative;height:36px;border-radius:6px;background:#f2f3f6}
.tp-seg{position:absolute;top:4px;bottom:4px;display:flex;align-items:center;padding:0 10px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden}
.tp-seg.ep1{background:#dcdcff;color:#2d2da8}
.tp-seg.ep2{background:#d1f3e2;color:#0b5c3d}
.tp-scale{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;margin-top:8px;font-size:12px;color:#737373}
.tp-scale div{display:flex;justify-content:space-between}

/* Guide sections share one grid and alignment */
.tp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.tp-steps li{padding-top:20px;border-top:2px solid #171717}
.tp-steps svg{width:24px;height:24px;color:#4a4aff}
.tp-steps h3{margin-top:14px;font-size:18px;line-height:1.4;font-weight:750}
.tp-steps p{margin-top:8px;font-size:15px;line-height:1.7;color:#525252}
.tp-shot{margin:44px 0 0}
.tp-shot img{display:block;width:100%;height:auto;border:1px solid #e5e5e5;border-radius:8px}
.tp-shot figcaption{margin-top:12px;font-size:13px;line-height:1.6;color:#737373}
.tp-table-wrap{overflow-x:auto;border:1px solid #e5e5e5;border-radius:8px;background:#fff}
.tp-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px;line-height:1.6}
.tp-table th,.tp-table td{padding:14px 18px;border-bottom:1px solid #ededf0;text-align:left;vertical-align:top}
.tp-table th{background:#f7f7f9;font-size:13px;font-weight:750;color:#404040}
.tp-table tr:last-child td{border-bottom:0}
.tp-table td{color:#404040}
.tp-table td:first-child{width:20%;font-weight:700;color:#171717}
.tp-table code{padding:1px 6px;border-radius:4px;background:#f2f3f6;font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#262626;white-space:nowrap}
.tp .tool-delivery-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.tp .tool-delivery-facts p{padding-top:16px;border-top:1px solid #d4d4d4;font-size:15px;line-height:1.7;color:#525252}
.tp .tool-delivery-facts strong{display:block;margin-bottom:6px;color:#171717}
.tp-export-note{max-width:780px;margin-top:28px;font-size:15px;line-height:1.75;color:#525252}
.tp-faq-list{max-width:860px;border-top:1px solid #e5e5e5}
.tp-faq-list details{border-bottom:1px solid #e5e5e5}
.tp-faq-list summary{display:flex;justify-content:space-between;gap:24px;padding:20px 0;font-size:16px;font-weight:700;line-height:1.55;cursor:pointer;list-style:none}
.tp-faq-list summary::-webkit-details-marker{display:none}
.tp-faq-list summary::after{content:"+";flex:none;font-size:22px;line-height:1;font-weight:400;color:#737373}
.tp-faq-list details[open] summary::after{content:"\2212"}
.tp-faq-list summary:hover{color:#4a4aff}
.tp-faq-list details p{padding:0 40px 22px 0;font-size:15px;line-height:1.75;color:#525252}
.tp-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tp-related a{display:flex;flex-direction:column;gap:8px;min-height:148px;padding:22px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#171717;text-decoration:none;transition:border-color .15s}
.tp-related a:hover{border-color:#4a4aff}
.tp-related strong{font-size:17px;line-height:1.4}
.tp-related span{font-size:14px;line-height:1.65;color:#525252}
.tp-related em{margin-top:auto;font-style:normal;font-size:14px;font-weight:700;color:#4a4aff}
.tp-resources{display:flex;flex-wrap:wrap;gap:10px 28px;margin:28px 0 0;padding:20px 0 0;border-top:1px solid #e5e5e5;list-style:none}
.tp-resources li{font-size:15px;line-height:1.6}
@media(max-width:900px){.tp-sample{grid-template-columns:1fr}.tp-sample>div+div{border-left:0;border-top:1px solid #e5e5e5}.tp-steps,.tp-related,.tp .tool-delivery-facts{grid-template-columns:1fr;gap:20px}.tp-findings-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tp-findings-row{grid-template-columns:1fr}}
@media(max-width:640px){.tp-shell{width:calc(100% - 32px)}.tp-band{padding-block:48px}.tp-work{padding-block:28px 40px}.tp-hero h1{font-size:30px}.tp-hero>p{font-size:16px}.tp-heading h2{font-size:24px}.tp .tool-toolbar{padding:12px 14px}.tp-work-body{padding:14px}.tp .tool-dropzone{min-height:170px}.tp-sample>div{padding:16px}.tp-findings li{grid-template-columns:1fr;gap:6px}.tp-tag{justify-self:start;padding:2px 8px}.tp-track,.tp-scale{grid-template-columns:1fr;gap:6px}.tp-faq-list details p{padding-right:0}.tp .tool-stat{flex-basis:50%;border-bottom:1px solid #e5e5e5}}