.trainer-stage{position:relative;width:100%}.trainer-stage:not(:has(.trainer-presentation)){aspect-ratio:1120/630}.trainer-viewport{position:relative;aspect-ratio:1120/630;overflow:hidden;border-radius:10px;background:var(--software-surface-chrome)}.trainer-loading{position:absolute;inset:0;display:grid;place-items:center;color:#8e98a7;font-size:12px}.trainer-window{--trainer-border:rgba(255,255,255,.065);position:absolute;top:0;left:0;width:1120px;height:630px;transform:scale(var(--trainer-scale,1));transform-origin:0 0;display:flex;background:var(--software-surface-chrome);color:#bac2ce;font-family:var(--suite-type-font);font-size:var(--suite-type-body);line-height:1.5;font-variant-numeric:tabular-nums;border:1px solid var(--trainer-border);border-radius:10px;overflow:hidden}.trainer-window *{box-sizing:border-box}.trainer-window strong{font-size:var(--suite-type-body);font-weight:500}.trainer-window small{font-size:var(--suite-type-caption);color:#737e8e}.trainer-window button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;min-height:0;min-width:0;border:1px solid var(--trainer-border);border-radius:4px;background:var(--software-surface-raised);color:#aab5c6;padding:5px 8px;cursor:pointer}.trainer-window button:focus-visible,.trainer-window input:focus-visible{outline:1px solid #8bb1e7;outline-offset:2px}.trainer-window button:hover{background:var(--software-surface-control);color:#d1e0f5}.trainer-sidebar{width:138px;flex-shrink:0;display:flex;flex-direction:column;padding:10px 8px;border-right:1px solid var(--trainer-border);background:var(--software-surface-chrome)}.trainer-brand{display:flex;align-items:center;gap:6px;margin-bottom:17px}.trainer-brand small,.trainer-user small{display:block}.trainer-brand strong{font-size:var(--suite-type-body);color:#d3d9e2}.trainer-nav-group{margin-bottom:13px}.trainer-nav-group>small{display:block;padding-left:5px;margin-bottom:5px}.trainer-nav-row{height:23px;display:flex;align-items:center;gap:6px;padding:0 6px;border-radius:4px;color:#949ead}.trainer-nav-row svg{color:#758496}.trainer-nav-row[data-selected=true]{background:#1a2740;color:#d3e0f6}.trainer-workspace-note{margin-top:auto;padding:10px 5px;border:1px solid var(--trainer-border);border-radius:4px;display:flex;align-items:center;gap:6px}.trainer-workspace-note small{display:block}.trainer-user{display:flex;align-items:center;gap:7px;margin-top:10px;padding:5px 2px 0}.trainer-user>b{display:grid;place-items:center;background:#20467a;color:#dbe9ff;width:18px;height:18px;border-radius:50%;font-weight:500}.trainer-user>svg{margin-left:auto}.trainer-main{flex:1;min-width:0;display:flex;flex-direction:column}.trainer-top{height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--trainer-border);background:var(--software-surface-inset)}.trainer-top>div>small{display:flex;align-items:center;gap:4px;margin-bottom:5px}.trainer-top strong{color:#d0d7e2}.trainer-demo{display:inline-block;font-size:var(--suite-type-caption);padding:2px 6px;margin-left:10px;background:#172b25;color:#7db49d;border:1px solid #294038;border-radius:10px}.trainer-model{font-size:var(--suite-type-caption);padding:2px 5px;margin-left:6px;border:1px solid var(--trainer-border);border-radius:3px;color:#7e8999}.trainer-content{flex:1;min-height:0;padding:12px;display:grid;grid-template-rows:61px minmax(0,1fr) 125px;gap:10px}.trainer-summary{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px}.trainer-summary>section{border:1px solid var(--trainer-border);border-radius:6px;background:var(--software-surface-panel);padding:9px 11px}.trainer-progress>div:first-child{display:flex;gap:7px;align-items:center}.trainer-progress>div>span:last-child{margin-left:auto;font-size:var(--suite-type-caption);color:#87aee1}.trainer-progress svg{color:#7299c9}.trainer-progress-track{height:3px;margin:10px 0 5px;background:var(--software-surface-control);overflow:hidden;border-radius:5px}.trainer-progress-track i{display:block;width:100%;height:100%;background:#719ed9;transform-origin:0 50%;transition:transform .26s ease-out}.trainer-time>span{display:flex;align-items:center;gap:6px;color:#9da8b7;font-size:var(--suite-type-caption)}.trainer-time>strong{display:block;color:#d4dce7;margin:4px 0 2px}.trainer-charts{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.trainer-chart{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:11px 10px 6px;border:1px solid var(--trainer-border);border-radius:6px;background:var(--software-surface-inset)}.trainer-chart>header,.trainer-details header{display:flex;align-items:center;justify-content:space-between;color:#c5ceda}.trainer-chart>header>span,.trainer-details header>span{font-size:var(--suite-type-caption);color:#758398}.trainer-chart-legend{display:flex;justify-content:flex-end;gap:10px;padding:6px 0 1px}.trainer-window .trainer-chart-legend button{padding:3px 0;border:none;background:none;font-size:var(--suite-type-caption);color:#98a6b8}.trainer-chart-legend button[aria-pressed=false]{opacity:.35}.trainer-chart-legend i,.trainer-chart-tooltip i{display:block;width:8px;height:2px;border-radius:1px}.trainer-chart-plot{flex:1;min-height:0;position:relative}.trainer-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#7a899b}.trainer-chart-tooltip{border:1px solid #333333;background:var(--software-surface-raised);padding:8px 9px;border-radius:5px;color:#d2deed;font-size:8px;min-width:105px;box-shadow:0 4px 12px #0005}.trainer-chart-tooltip>strong{display:block;margin-bottom:6px}.trainer-chart-tooltip>div{display:flex;align-items:center;gap:5px;margin:3px 0}.trainer-chart-tooltip b{font-weight:400;margin-left:auto;font-variant-numeric:tabular-nums}.trainer-chart .recharts-surface:focus,.trainer-chart .recharts-surface *:focus{outline:none!important;box-shadow:none!important}.trainer-details{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;min-height:0}.trainer-details>section{border:1px solid var(--trainer-border);border-radius:6px;background:var(--software-surface-panel);padding:10px}.trainer-details header{margin-bottom:10px}.trainer-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.trainer-metric-grid>div{padding:8px;background:var(--software-surface-raised);border:1px solid var(--trainer-border);border-radius:4px;min-width:0}.trainer-metric-grid>div>span{display:block;color:#8c9aae;font-size:var(--suite-type-caption)}.trainer-metric-grid strong{display:block;margin:10px 0;color:#dce4ef}.trainer-metric-grid>div:first-child strong{color:#86bdab}.trainer-metric-grid small{display:block;white-space:nowrap;font-size:var(--suite-type-caption)}.trainer-config dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.trainer-config dl>div{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:8px 5px;border-bottom:1px solid var(--trainer-border);font-size:var(--suite-type-caption)}.trainer-config dt{display:flex;align-items:center;gap:4px;color:#7a8799}.trainer-config dd{margin:0;color:#b6c2d3;white-space:nowrap}.trainer-playback{display:flex;align-items:center;gap:16px;justify-content:flex-end;margin-top:10px;font-family:var(--suite-type-font)}.trainer-playback button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:4px 0 4px 12px;border:0;background:transparent;color:#737e8e;font:inherit;font-size:11px;cursor:pointer}.trainer-playback button:hover{color:#c5ceda}.trainer-playback button:disabled{opacity:.4;cursor:default}.trainer-playback button:focus-visible{outline:1px solid #8bb1e7;outline-offset:2px}.trainer-live-tooltip{pointer-events:none;overflow:visible}.trainer-live-tooltip .trainer-chart-tooltip{box-sizing:border-box;width:108px}@media(pointer:coarse){.trainer-playback button{min-height:44px}}@media(prefers-reduced-motion:reduce){.trainer-progress-track i{transition:none}}.trainer-load-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a3b0c2;font-size:12px}.trainer-load-error button{padding:10px 14px;border:1px solid #333333;background:var(--software-surface-raised);border-radius:5px;color:#c6d7ef;cursor:pointer}.trainer-window button:disabled{cursor:default;opacity:.4}.trainer-playback input{flex:1;min-width:0;height:32px;margin:0;accent-color:#7193bd;cursor:pointer}.trainer-playback button{flex-shrink:0}.trainer-playback input:focus-visible{outline:1px solid #8bb1e7;outline-offset:2px}.trainer-tooltip-layer{position:absolute;inset:0;z-index:30;pointer-events:none}.trainer-live-tooltip{position:absolute}.trainer-chart-plot{touch-action:pan-y}@media(pointer:coarse){.trainer-playback input{height:44px}}:is(.trainer-playback,.atom-motion-controls,.pro-playback) input[type=range]{appearance:none;-webkit-appearance:none;color-scheme:dark;background:transparent;border:0;padding:0;border-radius:0}:is(.trainer-playback,.atom-motion-controls,.pro-playback) input[type=range]::-webkit-slider-runnable-track{height:4px;background:#292d33;border:0;border-radius:2px}:is(.trainer-playback,.atom-motion-controls,.pro-playback) input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:1px solid #7e8998;border-radius:50%;background:#596779;box-shadow:none}:is(.trainer-playback,.atom-motion-controls,.pro-playback) input[type=range]::-moz-range-track{height:4px;border:0;border-radius:2px;background:#292d33}:is(.trainer-playback,.atom-motion-controls,.pro-playback) input[type=range]::-moz-range-progress{height:4px;background:#414c5b;border-radius:2px}:is(.trainer-playback,.atom-motion-controls,.pro-playback) input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1px solid #7e8998;border-radius:50%;background:#596779;box-shadow:none}