@font-face{font-family:'Open Sans';src:url('/assets/fonts/open-sans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Open Sans';src:url('/assets/fonts/open-sans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Open Sans';src:url('/assets/fonts/open-sans-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--page-pad:clamp(24px,3vw,64px)}
.edit-log .section-wrap,.edit-log .site-header,.edit-log .demo-layout{max-width:1440px}.edit-log .site-header{padding:12px 0}.edit-log .hero-opening{padding:18px 0 26px;grid-template-columns:1.5fr 1fr;gap:72px}.edit-log .hero-opening h1{font-size:clamp(56px,5.5vw,80px);line-height:.98}.edit-log .opening-copy{max-width:400px}.edit-log .opening-copy>p{font-size:17px;line-height:1.5;margin-bottom:16px}.edit-log .availability{display:inline-block;margin:0 0 0 16px}.edit-log .demo-caption{min-height:32px;margin-bottom:12px}.edit-log .resolve-demo{grid-template-columns:480px minmax(0,1fr);align-items:start;gap:24px}.edit-log .resolve-window .demo-viewer{aspect-ratio:2.55}.edit-log .resolve-window{margin-top:32px}.edit-log .demo-hero{padding-bottom:48px}.edit-log .demo-bottom{padding-top:8px}.edit-log .sample-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-height:48px;padding-top:8px}.edit-log .sample-tools .note-samples{position:static;display:flex;gap:4px}.edit-log .sample-tools button{min-height:36px;border:1px solid transparent;border-radius:0;padding:8px 12px;background:transparent;color:var(--muted);font-size:12px}.edit-log .sample-tools button:hover{background:#d3dceb}.edit-log .sample-tools button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.edit-log .sample-tools .edit-receipt{display:flex;gap:12px;margin:0;color:var(--ink);font-size:12px}.edit-log .sample-tools .compare-buttons{display:flex;gap:0;margin:0}.edit-log .sample-tools .compare-buttons button[aria-pressed=true]{background:var(--ink);color:var(--frost)}
/* Match the shipped Qt/UIManager window, including its native Open Sans UI. */
.edit-log .native-app{width:480px;height:612px;max-width:100%;display:flex;flex-direction:column;background:#25242c;color:#d0d0d0;font:13px/1.4 'Open Sans',Arial,sans-serif;border:0;border-radius:10px;overflow:hidden;box-shadow:0 18px 48px #16181d26;align-self:start}
.edit-log .native-app *{box-sizing:border-box}.edit-log .native-app :is(button,input,textarea,select,summary){font:inherit}.edit-log .native-app :is(button,input,textarea,select){color:#d0d0d0;min-width:0;letter-spacing:0}.edit-log .native-app button{background:#292a2f;border:1px solid #44454a;border-radius:3px;min-height:28px;padding:4px 8px;line-height:1.35;text-align:center;display:block;box-shadow:none;transform:none}.edit-log .native-app button:hover{background:#34353b}.edit-log .native-app button:disabled{color:#85858f;background:#25242c;border-color:#34353b;cursor:default;opacity:1}.edit-log .native-app :is(button,input,textarea,select,summary):focus-visible{outline:2px solid #b1b1b8;outline-offset:2px}.edit-log .native-app button:active{background:#17181a}
.edit-log .native-app .pincut-titlebar{height:32px;min-height:32px;display:flex;align-items:center;gap:16px;color-scheme:dark;background:#292a2d;color:#d3d3d5;border:0;padding:0 10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;letter-spacing:0}.native-window-dots{display:flex;gap:8px}.native-window-dots i{display:block;width:13px;height:13px;border-radius:50%;border:1px solid #c5c5c9;background:#ededf0}.native-app-body{padding:10px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.edit-log .native-app .native-tabs{display:flex;flex:0 0 36px;padding:0;border:0;gap:0;background:#17181a}.edit-log .native-app .native-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;min-height:36px;padding:8px 4px;border:0;border-radius:0;border-right:1px solid #44454a;background:#17181a;color:#b1b1b8;white-space:nowrap}.edit-log .native-app .native-tabs button:last-child{border-right:0}.edit-log .native-app .native-tabs button[aria-selected=true]{background:#212126;color:#fff}.native-tabs img{width:18px;height:18px}.native-tabs button[aria-selected=true] img{filter:brightness(1.45)}
.edit-log .native-app .native-pane{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.edit-log .native-app .native-pane>p{margin:0;font-size:13px;line-height:1.4;color:#d0d0d0}.edit-log .native-app .native-source{flex:0 0 auto}.native-connection{display:flex;align-items:center;gap:6px;min-height:32px;padding:4px 6px;background:#17181a}.native-connection>img{width:22px;height:22px}.native-connection-state{display:flex;align-items:center;gap:7px;margin-left:auto}.native-connection-state>i{height:8px;width:8px;background:#7dba8d;border-radius:50%}.native-project{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px;background:#17181a;color:#fff;font-size:16px;font-weight:700}.native-timeline{display:flex;align-items:center;justify-content:center;min-height:56px;padding:7px;background:#212126;color:#fff;border-top:1px solid #090909;font-size:14px;font-weight:700}
.edit-log .native-app .app-timecode{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px;background:#212126;border-top:1px solid #090909;gap:0;margin:0}.edit-log .native-app .app-timecode output{font:700 22px/1.4 'Open Sans',Arial,sans-serif;letter-spacing:0;color:#d0d0d0}.edit-log .native-app .capture-note{width:100%;margin:0;flex:0 0 auto}.edit-log .native-app #native-pinned{min-height:18px}.edit-log .native-app .note-popover{position:static!important;left:auto!important;top:auto!important;display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;max-height:none;width:auto;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.edit-log .native-app :is(textarea,input:not([type=checkbox]),select){border:1px solid #090909;border-radius:2px;background:#1a1b19;padding:4px;color:#eee;font-size:13px;line-height:1.4;width:100%}.edit-log .native-app textarea{background:#25242c;resize:none}.edit-log .native-app textarea::placeholder,.edit-log .native-app input::placeholder{color:#9999a0}.edit-log .native-app #demo-note{display:block;flex:1;width:100%;min-height:40px;max-height:none;resize:none;padding:6px;border:1px solid #090909;background:#25242c;font:13px/1.4 'Open Sans',Arial,sans-serif}.edit-log .native-app .note-actions,.edit-log .native-app .native-button-row{display:flex;flex:0 0 auto;gap:6px;margin:0}.edit-log .native-app .note-actions>button,.edit-log .native-app .native-button-row>button{flex:1}.edit-log .native-app .native-instruction{font-size:13px;min-height:36px}.edit-log .native-app .panel-footer{display:flex;align-items:center;flex:0 0 24px;gap:7px;padding:0;border:0;background:transparent;font-size:13px;min-height:24px}.edit-log .native-app .panel-footer span{font-size:13px;color:inherit;white-space:normal;overflow:visible}.native-activity-dot{display:block;height:8px;width:8px;border-radius:50%;background:#a5a5ad;flex-shrink:0}.native-app[data-native-state=working] .panel-footer{color:#e1aa66}.native-app[data-native-state=working] .native-activity-dot{background:#e1aa66}.native-app[data-native-state=done] .panel-footer{color:#97d9a7}.native-app[data-native-state=done] .native-activity-dot{background:#97d9a7}
.native-table-wrap{flex:1;min-height:80px;overflow:auto;border:1px solid #090909;background:repeating-linear-gradient(#25242c 0 20px,#212126 20px 40px);scrollbar-color:#62636b #212126;scrollbar-width:thin}.native-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.native-table th{font-size:12px;font-weight:400;text-align:left;color:#b1b1b8;background:#212126;padding:4px;border-bottom:1px solid #090909;border-right:1px solid #44454a;white-space:nowrap}.native-table th:first-child{width:28%}.native-table th:nth-child(2){width:25%}.native-table td{padding:5px 4px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;line-height:1.5;overflow-wrap:anywhere}.native-table td input{accent-color:#b1b1b8;vertical-align:middle;margin:0 4px 0 0}.edit-log .native-app .note-jump{display:inline;padding:0;min-height:0;border:0;background:none;font-size:11px;white-space:nowrap}.native-detail{min-height:54px;max-height:80px;overflow:auto;border:1px solid #090909;border-radius:2px;padding:6px;line-height:1.45}.native-dispatch{display:flex;flex-direction:column;gap:6px}.native-app details summary{cursor:pointer;min-height:32px;padding:6px;background:#212126;border-block:1px solid #090909;list-style:none}.native-app details summary:before{content:'';display:inline-block;width:16px;height:16px;background:url('/assets/native/chevron-right.svg') center/16px no-repeat;vertical-align:middle;margin-right:5px}.native-app details[open] summary:before{background-image:url('/assets/native/chevron-down.svg')}.native-app details[open]>:not(summary){margin-top:6px}.edit-log .native-app .agent-choice{display:flex;gap:6px}.edit-log .native-app .agent-choice button{flex:1}.edit-log .native-app .agent-choice button[aria-pressed=true]{background:#17181a;color:#fff;border-color:#92929a}.native-provider-note{font-size:11px;margin:0}.edit-log .native-app #native-summary{min-height:36px}.native-task-applied{color:#97d9a7}.native-app #native-client-text{flex:1;min-height:80px}.native-app #native-decision textarea{height:60px}.native-app #native-decision{flex:0 0 auto}.native-app #native-decision[open]{max-height:180px;overflow:auto}.native-app #native-decision-save{width:100%}.native-doubleclick{font-size:12px!important}.native-app #native-review:has(details[open]){overflow:auto}.native-app #native-review .native-table-wrap{min-height:80px;flex:1}.native-app #native-review .native-dispatch{flex:0 0 auto}.native-app #native-review .custom-note-hint{font-size:12px;line-height:1.4}.native-app #native-review:has(.custom-note-hint:not([hidden])) .native-detail{display:none}
@media(min-width:1201px){.edit-log .focus-open .demo-layout{max-width:1640px;width:calc(100% - 32px)}.edit-log .focus-open .resolve-window .demo-viewer{aspect-ratio:2.9}}
@media(min-width:1700px){.edit-log .resolve-window .demo-viewer{aspect-ratio:2.9}.edit-log .focus-open .resolve-window .demo-viewer{aspect-ratio:3.3}}
@media(max-width:1200px){.edit-log .resolve-demo{grid-template-columns:440px minmax(0,1fr);gap:20px}.edit-log .native-app{width:440px}.edit-log .hero-opening{gap:40px}.edit-log .hero-opening h1{font-size:60px}.edit-log .resolve-window .demo-viewer{aspect-ratio:1.9}.edit-log .availability{display:block;margin:10px 0 0}}
@media(max-width:1100px){.edit-log .resolve-demo{grid-template-columns:minmax(0,1fr)}.edit-log .native-app{width:480px;margin:0 auto}.edit-log .resolve-window{margin:0}.edit-log .resolve-window .demo-viewer{aspect-ratio:2.1}}
@media(max-width:760px){.edit-log .hero-opening{padding:24px 0 32px;display:block}.edit-log .hero-opening h1{font-size:clamp(40px,11.8vw,60px);margin-bottom:24px}.edit-log .opening-copy{max-width:none}.edit-log .availability{display:inline-block;margin:0 0 0 12px}.edit-log .native-app{width:100%;height:680px;border-radius:9px}.edit-log .native-app .native-tabs button{font-size:12px;gap:4px;padding-inline:3px;min-height:44px}.native-tabs img{width:16px;height:16px}.edit-log .native-app button{min-height:44px}.edit-log .native-app :is(textarea,input:not([type=checkbox]),select){font-size:16px}.edit-log .native-app #demo-note{font-size:16px}.edit-log .native-app .native-button-row button{font-size:11px;padding-inline:4px}.edit-log .native-app .native-pane>p{font-size:12px}.edit-log .native-app .native-instruction{font-size:12px;line-height:1.45}.edit-log .native-app .panel-footer,.edit-log .native-app .panel-footer span{font-size:12px}.edit-log .native-app .note-jump{min-height:44px}.edit-log .sample-tools{gap:8px;min-height:52px}.edit-log .sample-tools button{min-height:44px;padding:10px}.edit-log .native-app details summary{min-height:44px}.edit-log .resolve-window .demo-viewer{aspect-ratio:1.85}.edit-log .native-app .native-tabs{flex-basis:44px}}
@media(max-width:360px){.edit-log .native-app .native-tabs button{font-size:11px;gap:3px}.native-tabs img{width:14px;height:14px}.edit-log .native-app .native-app-body{padding:8px}.edit-log .native-app{height:700px}.native-connection-state{gap:4px}}
@media(prefers-reduced-motion:reduce){.edit-log .hero-opening,.edit-log .demo-layout{transition:none}}

.edit-log .site-header{padding:8px 0}.edit-log .hero-opening{padding:12px 0 14px}.edit-log .hero-opening h1{font-size:clamp(56px,4.9vw,72px)}.edit-log .resolve-window{margin-top:0}.edit-log .resolve-window .demo-viewer{aspect-ratio:2.9}
.native-setting{display:flex;align-items:center;gap:6px}.native-setting>label{flex:0 0 44px}.native-setting>select{flex:1}.native-setting #native-effort{flex:0 0 80px}.native-setting #native-effort-slider{flex:1;accent-color:#b1b1b8}.native-app #native-agent-advice{font-size:11px;flex:1}.native-app .native-agent .native-button-row>button{flex:0 0 auto}.native-app #native-client-error{margin:0;color:#ff9c9e;font-size:12px}.native-app #native-client-error:empty{display:none}.edit-log .native-app:has(#native-review:not([hidden]) .native-agent[open]){height:802px}.edit-log .native-app:has(#native-review:not([hidden]) .native-destination[open]){height:672px}.edit-log .native-app:has(#native-review:not([hidden]) .native-agent[open]):has(#native-review:not([hidden]) .native-destination[open]){height:862px}
@media(min-width:1700px){.edit-log .resolve-window .demo-viewer{aspect-ratio:3.3}}
@media(max-width:1200px){.edit-log .hero-opening h1{font-size:60px}.edit-log .resolve-window .demo-viewer{aspect-ratio:1.9}}
@media(max-width:1100px){.edit-log .resolve-window .demo-viewer{aspect-ratio:2.1}}
@media(max-width:760px){.edit-log .hero-opening{padding:24px 0 32px}.edit-log .hero-opening h1{font-size:clamp(40px,11.8vw,60px)}.edit-log .resolve-window .demo-viewer{aspect-ratio:1.85}.edit-log .native-app:has(#native-review:not([hidden]) .native-agent[open]){height:920px}.edit-log .native-app:has(#native-review:not([hidden]) .native-destination[open]){height:760px}.edit-log .native-app:has(#native-review:not([hidden]) .native-agent[open]):has(#native-review:not([hidden]) .native-destination[open]){height:1000px}}
.edit-log .resolve-demo .native-app{display:flex!important}.edit-log .native-app #capture-note{display:block!important}.edit-log .resolve-window .demo-viewer{aspect-ratio:3}
@media(min-width:1700px){.edit-log .resolve-window .demo-viewer{aspect-ratio:3.3}}
@media(max-width:1200px){.edit-log .resolve-window .demo-viewer{aspect-ratio:1.9}}
@media(max-width:1100px){.edit-log .resolve-window .demo-viewer{aspect-ratio:2.1}}
@media(max-width:760px){.edit-log .resolve-window .demo-viewer{aspect-ratio:1.85}}
.edit-log .native-app .native-tabs{margin:0}.native-note-check{display:flex;align-items:center;gap:4px;cursor:pointer}.native-note-check input{margin:0;flex:0 0 13px;min-width:13px}.native-note-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.native-note-check{min-height:44px}}

.feedback-transfer button{border:0;padding:0;min-height:44px;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:5px}.feedback-transfer button:hover{color:#fff}

.edit-log .native-app #demo-note-help:not(.sr-only){margin:0;color:#ff9c9e;font-size:12px}

.edit-log .native-app #note-close{border-radius:3px}.edit-log .native-app .panel-footer{justify-content:flex-start}.edit-log .native-app .panel-footer span{text-align:left}.edit-log .native-app .native-pane:not(#native-note)>p:first-child{min-height:36px;display:flex;align-items:center}.edit-log .native-app .native-agent-status{min-height:18px;flex:0 0 auto}
.native-table{font-size:13px;min-width:400px}.native-table th{font-size:13px}.edit-log .native-app .note-jump{font-size:13px}

.edit-log .native-app:has(#native-progress:not([hidden])){height:732px}.edit-log .native-app:has(#native-progress:not([hidden]) #native-decision:not([hidden])[open]){height:892px}.native-task-blocked{color:#ff777b}.native-app[data-native-state=blocked] .panel-footer{color:#ff777b}.native-app[data-native-state=blocked] .native-activity-dot{background:#ff777b}.native-table #native-task-check{margin-right:4px}
@media(max-width:760px){.edit-log .native-app:has(#native-progress:not([hidden])){height:840px}.edit-log .native-app:has(#native-progress:not([hidden]) #native-decision:not([hidden])[open]){height:1040px}}

.native-app #native-decision textarea{height:64px}.native-app #native-decision-agent{font-size:13px;margin:6px 0}.edit-log .hero-opening .button:hover{transform:translateY(-1px)}.edit-log .hero-opening .button:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.edit-log .hero-opening .button:hover,.edit-log .hero-opening .button:active{transform:none}}
#native-review .native-table th:first-child{width:95px}#native-review .native-table th:nth-child(2){width:105px}#native-progress .native-table th:first-child{width:150px}#native-progress .native-table th:nth-child(2){width:105px}.native-table td{padding:1px 4px;line-height:18px;white-space:nowrap}.native-connection-state>i,.native-app[data-native-state=done] .native-activity-dot{background:#6bc17b}.native-task-applied,.native-app[data-native-state=done] .panel-footer{color:#6bc17b}.native-app[data-native-state=working] .panel-footer{color:#e6a15c}.native-app[data-native-state=working] .native-activity-dot{background:#e6a15c}.native-task-blocked,.native-app[data-native-state=blocked] .panel-footer{color:#e88181}.native-app[data-native-state=blocked] .native-activity-dot{background:#e88181}

.edit-log .native-app .agent-choice #native-reconnect{flex:0 0 auto}.edit-log .native-app .native-timing{min-height:36px}

.edit-log .native-app .panel-footer #agent-state{flex:1}.edit-log .native-app .panel-footer #native-language{width:60px;min-width:60px;height:24px;padding:0 4px;font-size:13px;flex:0 0 60px}
@media(max-width:760px){.edit-log .native-app .panel-footer{min-height:44px;flex-basis:44px}.edit-log .native-app .panel-footer #native-language{height:44px;font-size:16px}}
.native-app #native-marker-summary{white-space:pre-line;font-size:12px;line-height:1.45;margin:0 0 8px}.native-app #native-marker-clear{color:#e88181}.native-app #native-marker-clear:disabled{color:#676770}.native-app #native-marker-cleanup .native-button-row{flex-wrap:wrap}

.edit-log .native-app:has(#native-review:not([hidden]) #native-marker-cleanup:not([hidden])){height:758px}

.edit-log .native-app .mini-ruler { margin: 6px 12px 8px; }
.mini-ruler .ruler-ticks { display: flex; justify-content: space-between; align-items: center; height: 7px; margin: -7px 6px 4px; position: relative; pointer-events: none; }
.ruler-ticks i { width: 1px; height: 6px; background: #92929a; }
.ruler-ticks i:nth-child(even) { height: 3px; }
.edit-log .native-app #mini-timeline {
  display: block; appearance: none; width: 100%; height: 32px; margin: 0; padding: 0;
  background: transparent; border: 0; cursor: pointer;
}
#mini-timeline::-webkit-slider-runnable-track {
  height: 4px; border-radius: 2px;
  background: linear-gradient(to right, #d0d0d0 var(--playhead), #676770 var(--playhead));
}
#mini-timeline::-webkit-slider-thumb { appearance: none; width: 12px; height: 16px; margin-top: -6px; border-radius: 3px; background: #e88181; }
#mini-timeline::-moz-range-track { height: 4px; border-radius: 2px; background: #676770; }
#mini-timeline::-moz-range-progress { height: 4px; background: #d0d0d0; }
#mini-timeline::-moz-range-thumb { width: 12px; height: 16px; border: 0; border-radius: 3px; background: #e88181; }
#mini-timeline:focus-visible { outline: 1px solid #b1b1b8; outline-offset: -1px; }
.mini-ruler .ruler-times { display: flex; align-items: center; justify-content: space-between; color: #b1b1b8; font-size: 11px; }
.edit-log .native-app .ruler-times button {
  min-width: 96px; min-height: 26px; padding: 2px 6px; background: #212126; color: #eeeeee;
  border: 1px solid #44454a; border-radius: 3px; font: 12px Menlo, monospace;
}
.edit-log .native-app .ruler-times button:is(:hover, :focus-visible) { border-color: #b1b1b8; background: #34353b; }

.native-app .playback-line { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 20px; background: #212126; color: #b1b1b8; font: 500 12px/1.25 'Open Sans', sans-serif; }
.native-app .playback-line[data-playing="true"] { color: #ffb3b3; }
.native-app .playback-line kbd { color: #fff; font: 600 11px/1.25 Menlo, monospace; }
.native-app .playback-line kbd { padding: 0 3px; border-radius: 2px; }
.native-app .playback-line kbd.is-held { background: #49494c; }

.native-conflicts { color: #e88181; white-space: pre-line; font-size: 12px; }
.native-comparison-controls { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
#native-comparison-state { margin: 6px 0; color: #b1b1b8; font-size: 12px; }

/* Keep the two app windows level while the native pane changes its height. */
@media(min-width:1101px){
  .edit-log .product-demo .resolve-demo{align-items:stretch}
  .edit-log .product-demo .resolve-window{display:flex;flex-direction:column;align-self:stretch;margin-top:0;min-height:0}
  .edit-log .product-demo .resolve-view{display:flex;flex-direction:column;flex:1;min-height:0}
  .edit-log .product-demo .resolve-window .demo-viewer{flex:1;min-height:0;aspect-ratio:auto}
}
.pin-context-menu{position:fixed;z-index:1000;padding:4px;background:#292a2f;border:1px solid #676770;border-radius:3px}.pin-context-menu[hidden]{display:none}.pin-context-menu button{background:#292a2f;color:#eee;border:0;padding:8px 14px;font:inherit}.pin-context-menu button:hover,.pin-context-menu button:focus-visible{background:#34353b;outline:1px solid #b1b1b8}#timeline-marker[aria-pressed=true]{outline:2px solid #fff;outline-offset:2px}
.edit-log .native-app .native-tabs button.has-waiting{color:#e88181}.edit-log .native-app .native-tabs #round-count{border:0;padding:0;font:inherit;color:inherit}.edit-log .native-app #note-push{flex:0 0 auto;width:100%;margin-top:8px}.edit-log .native-app:has(#native-note:not([hidden]) #note-push:not([hidden])){height:648px}
