.software-hero {padding-top:32px}
.software-dark .site-header,.software-dark .site-footer,.software-dark .main-nav {background:#005990;color:#fff}
.software-dark .site-header a {color:#fff}
.software-dark .brand-logo {background:#fff;border-radius:4px}
.software-dark .menu-toggle {color:#fff;border-color:rgb(255 255 255 / 70%)}
.software-dark .button,.software-dark .back-to-top {background:var(--brand);border-color:var(--brand);color:var(--paper)}
.software-dark .button:hover {background:var(--brand-hover)}
.software-dark .button.secondary {background:transparent;color:var(--brand);border-color:#4c8291}
.software-dark .section-intro {max-width:none}
.software-dark .software-timing-card,.software-dark .software-play-range {background:var(--paper)}
.software-dark .axis-wait {background:var(--tint);color:var(--ink)}
.software-dark .axis-record {color:var(--paper)}
.software-breadcrumb {font-size:.875rem;margin-bottom:40px;color:var(--muted)}
.software-hero h1 {font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.5}
.software-overview {margin-bottom:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.software-method-figure {margin:0;min-width:0}
.software-method-figure img {display:block;width:100%;height:auto;max-width:600px;margin-inline:auto}
.software-paths {display:grid;grid-template-columns:1fr;gap:28px}
.software-paths h3 {font-size:1.15rem;margin-bottom:14px;color:var(--brand)}
.software-note {font-size:.875rem;color:var(--muted);margin-top:18px;line-height:1.85}
.software-nav {margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:.95rem}
.software-nav h2 {font-size:1.15rem;margin-bottom:16px}
.software-nav ol {display:grid;gap:12px;margin:0;padding-left:2em;list-style-type:decimal-leading-zero}
.software-example {display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.software-steps {list-style:none;padding:0;margin:0;counter-reset:software-step}
.software-steps>li {counter-increment:software-step;position:relative;padding-left:48px;margin-bottom:28px}
.software-steps>li:before {content:counter(software-step,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--brand);font-weight:700;font-size:1.2rem}
.software-steps h3 {font-size:1.15rem;margin-bottom:12px}
.software-steps p,.software-example p,.software-timing-card p,.software-timing-settings p,.software-remote p {font-size:.95rem}
.software-shot {min-width:0}
.software-shot img {width:100%;border:1px solid var(--line)}
.software-shot figcaption {color:var(--muted);font-size:.82rem;line-height:1.8;margin-top:12px}
.software-result {margin-top:40px;padding-top:40px;border-top:1px solid var(--line)}
.software-result h3 {margin-bottom:14px}
.software-files {margin:24px 0;border-top:1px solid var(--line)}
.software-files>div {padding:14px 0;border-bottom:1px solid var(--line)}
.software-files dt {font-weight:700;font-size:.95rem}
.software-files dd {margin:6px 0 0;font-size:.9rem}
.software-result .text-link {margin-top:18px}
.software-timing-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.software-timing-card {min-width:0;padding:28px;background:var(--surface);border-top:3px solid var(--brand)}
.software-timing-card h3 {margin-bottom:14px}
.software-timing-card .eyebrow {font-size:.8rem;letter-spacing:.06em;margin-bottom:10px}
.software-axis-label {display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:.85rem;margin-top:24px;margin-bottom:6px}
.software-axis {display:flex;gap:4px;min-height:56px}
.software-axis>span {flex:1;min-width:0;display:grid;place-content:center;text-align:center;padding:10px 6px;font-size:.85rem;line-height:1.65}
.axis-wait {background:#dfe6eb;color:var(--ink)}
.axis-record {background:var(--brand);color:white}
.axis-pre {background:#a65400;color:white}
.axis-repeat {margin-top:24px}
.axis-repeat .axis-more {flex:.4}
.software-split {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.software-timing-settings {display:grid;grid-template-columns:337px 1fr;gap:48px;align-items:center;margin-top:40px}
.software-timing-settings h3 {margin-bottom:16px}
.software-timing-settings .text-link {margin-top:20px}
.software-shot-small {max-width:337px}
.software-play-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.software-play-range {max-width:840px;margin:16px auto 24px;padding:28px;background:var(--paper);border:1px solid var(--line)}
.software-play-range>span {font-size:.9rem;display:block;margin-bottom:12px}
.software-range-arrow {display:block;text-align:center;padding:20px 0;color:var(--brand)}
#playback>.container>.text-link {margin-top:16px}
.software-remote {display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.software-remote>div {padding-top:24px;border-top:2px solid var(--line)}
.software-remote h3 {margin-bottom:16px}
.software-remote a {display:inline-block;margin-top:20px}
.software-conditions {margin-top:40px;padding-top:32px;border-top:1px solid var(--line);max-width:960px;scroll-margin-top:120px}
.software-conditions h3 {margin-bottom:16px}
.software-conditions p {font-size:.95rem}
.software-related {padding-left:22px;margin:28px 0}
.software-related li+li {margin-top:10px}
.software-consult {padding-top:32px;margin-top:36px;border-top:1px solid var(--line)}
.software-consult h3 {margin-bottom:16px}
@media(max-width:900px){
 .software-overview,.software-example,.software-play-steps {grid-template-columns:1fr}
 .software-example {gap:24px}
 .software-shot {max-width:683px;margin-inline:auto}
 .software-timing-card {padding:22px}
 .software-timing-settings {gap:32px;grid-template-columns:minmax(0,337px) 1fr}
 .software-play-steps {gap:0}
}
@media(max-width:640px){
 .software-breadcrumb {margin-bottom:28px}
 .software-hero h1 br {display:none}
 .software-nav {display:grid;gap:14px}
 .software-timing-grid,.software-split,.software-timing-settings,.software-remote {grid-template-columns:1fr}
 .software-timing-card {padding:20px}
 .software-axis>span {padding-inline:3px;font-size:.8rem}
 .software-axis-label {font-size:.8rem}
 .software-split {gap:22px}
 .software-play-range {padding:18px 12px}
 .software-range-arrow {font-size:.88rem}
 .software-consult .button {width:100%;gap:12px;font-size:.95rem}
}
.software-application-link {padding-block:24px}

.software-condition-table {width:100%;table-layout:fixed;border-collapse:collapse;margin:24px 0;font-size:.95rem;line-height:1.85}
.software-condition-table caption {text-align:left;font-weight:700;margin-bottom:12px}
.software-condition-table .condition-feature {width:24%}
.software-condition-table .condition-mode {width:22%}
.software-condition-table th,.software-condition-table td {padding:16px 14px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.software-condition-table thead {background:var(--surface)}
@media(max-width:640px){
 .software-condition-table {font-size:.8rem;line-height:1.7}
 .software-condition-table th,.software-condition-table td {padding:10px 6px}
 .software-condition-table .condition-feature {width:25%}
 .software-condition-table .condition-mode {width:24%}
}

.software-range-shot {width:100%;max-width:1150px;margin:12px auto 32px}
.software-shot figcaption a {display:inline-block;margin-left:.5em}
.software-timing-settings .software-shot-small {width:100%;max-width:275px;margin-inline:auto}

/* Actual GUI screenshots with context and crops from the same original. */
.software-step-block {margin-block:36px;padding-top:28px;border-top:1px solid var(--line)}
.software-step-block>h3 {font-size:1.2rem;color:var(--brand);margin-bottom:14px}
.software-step-block>p {max-width:900px;margin-bottom:24px}
.software-focus-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start;margin-block:24px}
.software-focus-layout .software-shot {margin:0;max-width:none}
.software-focus-overview {position:relative}
.software-focus-box {position:absolute;border:2px solid #61e2f2;pointer-events:none}
.software-focus-box b {position:absolute;bottom:100%;left:-2px;background:#61e2f2;color:#071727;font-size:14px;line-height:24px;padding:0 7px}
.software-focus-details {display:grid;gap:24px;min-width:0}
.software-detail-card {min-width:0;padding:22px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--brand)}
.software-detail-card h4 {font-size:1.05rem;margin:0 0 18px;color:var(--brand)}
.software-detail-card img {display:block;width:100%;height:auto;max-width:420px;border:1px solid var(--line);margin:0 auto}
.software-detail-card p {font-size:.92rem;line-height:1.85;margin:14px 0 0}
.software-detail-card p+img {margin-top:20px}
.software-dialog-shot {width:100%;max-width:662px;margin:24px auto}
.software-wide-shot {width:100%;max-width:none;margin:24px auto}
.software-settings-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;margin:32px 0}
.software-settings-pair .software-shot {margin:0;max-width:none}
.software-status-example {display:flex;gap:32px;align-items:center;margin:32px 0}
.software-status-example .software-shot {width:280px;flex:0 0 280px;margin:0}
.software-status-example>p {max-width:600px}
.software-focus-layout>.software-detail-card>img {max-width:280px}
@media(max-width:900px){.software-focus-layout {grid-template-columns:1fr}.software-focus-details {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.software-settings-pair,.software-focus-details {grid-template-columns:1fr}.software-focus-layout,.software-settings-pair {gap:24px}.software-detail-card {padding:16px}.software-status-example {display:block}.software-status-example .software-shot {width:100%;max-width:280px;margin:0 auto 20px}.software-step-block {margin-block:28px}.software-focus-box b {font-size:12px;line-height:20px;padding:0 5px}}
.software-settings-pair .software-status-shot {width:100%;max-width:320px;justify-self:center}

.software-crop-context {position:relative;max-width:420px;margin:0 auto}
.software-crop-context span {position:absolute;left:0;right:0;border:2px solid #61e2f2;pointer-events:none}
.software-detail-card p+.software-crop-context {margin-top:20px}

.software-duplex-memory {margin:32px 0;padding:20px;border:1px solid var(--line)}
.software-duplex-memory summary {cursor:pointer;color:var(--brand);font-weight:700}
.software-duplex-memory[open] summary {margin-bottom:20px}

.software-direction-sequence {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.software-direction-sequence .software-shot {margin:0;padding:18px;border:1px solid var(--line)}
.software-direction-sequence figcaption {margin:0 0 16px;color:var(--brand);font-weight:700;font-size:.95rem}
.software-direction-sequence img {display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
@media(max-width:900px){.software-direction-sequence {grid-template-columns:1fr}}

.software-recording-off {width:100%;max-width:390px;margin:24px auto}

/* Basic workflow first; keep each instruction beside its related state. */
.software-instructions {max-width:900px;padding-left:1.4em;line-height:1.9;margin:16px 0 24px}
.software-instructions>li+li {margin-top:10px}
.software-nav ol+h2 {margin-top:28px}
.software-nav ol {list-style-type:decimal}
.software-hero h1 {overflow-wrap:anywhere}
.software-wide-shot {max-width:960px}
.software-dialog-shot {max-width:min(100%,662px)}
.software-shot img {display:block;height:auto;max-width:100%}
.software-transfer {padding:20px;border:1px solid var(--line);color:var(--brand);font-weight:700;line-height:1.9}
.software-step-block {scroll-margin-top:100px}
.software-instruction-pairs {max-width:none}
.software-instruction-pairs>li {padding-left:8px}
.software-instruction-pairs>li+li {margin-top:32px}
.software-instruction-pairs>li::marker {color:var(--brand);font-weight:700}
.software-instruction-pairs>li>p {margin:0 0 14px}
.software-instruction-pairs .software-shot {margin:14px 0 0}
.software-instruction-pairs .software-note {margin-top:12px}
.software-settings-result {font-size:1.1rem;margin:32px 0 16px}
.software-settings-result+.software-shot {margin:0}
.software-shot-crop {display:block;position:relative;overflow:hidden;aspect-ratio:var(--shot-ratio)}
.software-shot-crop img {position:absolute;width:var(--shot-width);max-width:none;top:var(--shot-top);left:var(--shot-left);height:auto;border:0}
.software-share-desktop-crop {--shot-ratio:1200/280;--shot-width:213.333333%;--shot-top:-17.857143%;--shot-left:-24.166667%}
.software-share-mobile-address,.software-share-mobile-files {display:none}
@media(max-width:640px) {
  .software-share-desktop-crop {display:none}
  .software-share-mobile-address,.software-share-mobile-files {display:block}
  .software-share-mobile-address {--shot-ratio:550/55;--shot-width:465.454545%;--shot-top:-109.090909%;--shot-left:-96.363636%;margin-bottom:6px}
  .software-share-mobile-files {--shot-ratio:580/125;--shot-width:441.379310%;--shot-top:-152%;--shot-left:-77.586207%}
}
.software-setting-values {margin:8px 0 18px;padding:0}
.software-setting-values>div {display:flex;flex-wrap:wrap;gap:0 .3em;margin:3px 0}
.software-setting-values dt {font-weight:400}
.software-setting-values dt::after {content:"："}
.software-setting-values dd {margin:0}
.software-file-split-diagram {margin:24px 0 32px}
.software-file-split-diagram figcaption {margin-bottom:8px}
.software-receive-overview {max-width:1100px}
.software-receive-map {position:relative;overflow:hidden;aspect-ratio:1854/462}
.software-receive-map>a {display:block}
.software-receive-map img {position:absolute;left:0;top:-25.541126%;width:100%;max-width:none;height:auto;border:0}
.software-receive-mark {position:absolute;border:2px solid #61e2f2;pointer-events:none;box-sizing:border-box}
.software-receive-mark b {position:absolute;bottom:100%;left:-2px;background:#61e2f2;color:#071727;font-size:18px;line-height:24px;padding:0 4px}
@media(max-width:640px){.software-receive-mark {border-width:1px}.software-receive-mark b {left:-1px;font-size:12px;line-height:15px;padding:0 2px}}
