/* Presentation only: do not change canvas or gesture geometry. */
body {font-family:var(--ht-font)}
button,input,select,textarea {border-radius:var(--ht-radius);font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid var(--ht-blue);outline-offset:3px}
button:disabled {opacity:.45;cursor:not-allowed}
.cover {background:var(--ht-paper);gap:16px}
.cover h1 {font-size:clamp(30px,7vw,46px);letter-spacing:.09em;color:var(--ht-black)}
.cover .tagline {font-size:18px;letter-spacing:.04em;color:var(--ht-graphite)}
.brand-mark {background:transparent;box-shadow:none;border:0}
.brand-mark img {width:64px;height:64px}
.cover-page-arena {opacity:.25;border-color:var(--ht-border)}
.cover-love {width:min(560px,88vw);height:auto;aspect-ratio:28/11;background:transparent;border:0;box-shadow:none;border-radius:8px}
.cover-love-image {width:100%;height:100%;object-fit:contain}
.cover-arena-frame {display:none}
.cover-actions button {border-radius:8px;min-height:48px;background:white;color:var(--ht-black);border:1px solid var(--ht-border)}
.cover-actions #dressageBtn {background:var(--ht-blue);border-color:var(--ht-blue);color:white}
.cover-actions #jumpingBtn {border-top:3px solid var(--ht-red)}
.topbar,.subbar,.desktop-site-head {background:var(--ht-surface);border-color:var(--ht-border);box-shadow:none;color:var(--ht-black)}
.desktop-site-brand b,.desktop-brand b {letter-spacing:.06em;font-size:16px}
.desktop-site-brand small,.desktop-brand small {color:var(--ht-muted)}
.desktop-site-head nav a.active {color:var(--ht-blue);background:#EDF2FC}
.jumping-workspace .topbar {border-bottom:2px solid var(--ht-red)}
.dressage-workspace .topbar {border-bottom:2px solid var(--ht-blue)}
.edit-panel,.sheet {background:var(--ht-surface);border-color:var(--ht-border)}
.sheet {border-radius:16px 16px 0 0}
.top-actions button.accent {background:var(--ht-black);color:white;border-color:var(--ht-black)}
.zoom-pill,#statsText {font-variant-numeric:tabular-nums}
@media(max-width:600px) {.cover-actions {width:min(340px,100%)}.cover .note {max-width:320px}.cover-love {max-height:190px}}
.topbar button {color:var(--ht-black);background:var(--ht-surface);border-color:var(--ht-border)}
.topbar .title-block span {color:var(--ht-muted)}
.topbar .top-actions button.accent {background:var(--ht-black);color:white}
.desktop-delivery-card {background:var(--ht-black)}
.desktop-delivery-card span {color:#C5C9CF}
.desktop-delivery-card button {background:var(--ht-paper);color:var(--ht-black)}
.desktop-inspector-empty .inspector-empty-icon,.desktop-round-overview button {background:#F0EFEB}
.dressage-subbar .tool-icon-img,.dressage-tools .tool-icon-img {filter:grayscale(1)}
.dressage-subbar button.active .tool-icon-img {filter:grayscale(1) brightness(0) invert(1)}
.desktop-delivery-card button {border-color:var(--ht-border)}
@media(min-width:1100px) {
 .dressage-tools button::after {content:attr(aria-label);font-size:12px;font-weight:650;color:var(--ht-black)}
 .dressage-tools button {gap:12px}
}

/* Reference-approved H jumping-pole icon; system launcher masks its own corners. */
img[src$="hightrick-icon.png"] {border-radius:20%;}

/* Shared iOS / web layout. Canvas sizing and all event bindings stay in main.js. */
.cover {padding:40px 24px calc(28px + env(safe-area-inset-bottom));gap:14px;overflow-y:auto}
.cover-page-arena {display:none}
.cover h1 {font-weight:550;font-size:clamp(27px,6vw,40px);letter-spacing:.16em;margin:4px 0 0}
.cover .tagline {font-size:14px;letter-spacing:.1em;margin:0;color:var(--ht-muted)}
.brand-mark img {width:72px;height:72px}
.cover-love {width:min(420px,100%);max-height:130px;opacity:.85;margin:12px 0}
.cover-actions {width:min(420px,100%);display:grid;grid-template-columns:1fr;gap:12px}
.cover-actions button {min-height:76px;padding:0 24px;text-align:left;font-size:18px;letter-spacing:.03em;font-weight:550;display:flex;align-items:center;justify-content:space-between}
.cover-actions button::after {content:"";width:18px;height:18px;background:currentColor;clip-path:polygon(0 46%,76% 46%,45% 15%,51% 9%,93% 50%,51% 91%,45% 85%,76% 54%,0 54%)}
.cover-actions #dressageBtn {background:#53616C;border:1px solid #53616C;color:white}
.cover-actions #jumpingBtn {background:#153253;border:1px solid #153253;color:white}
.cover .note {max-width:340px;font-size:12px;line-height:1.8;margin:10px 0 0;color:var(--ht-muted)}
.workspace .topbar {border-bottom:1px solid var(--ht-border);box-shadow:none}
.workspace .title-block strong {font-weight:600}
.workspace .top-actions button {font-size:13px;font-weight:550;border-radius:8px}
.workspace .top-actions #saveBtn,.workspace .top-actions #dressageSaveBtn {background:var(--ht-blue);color:#fff;border-color:var(--ht-blue);order:5}
.workspace .top-actions button.accent {background:var(--ht-surface);color:var(--ht-black);border-color:var(--ht-border)}
.dressage-contextbar button,#dressageGaitBtn {background:#F2F3F4;color:var(--ht-black);border-color:var(--ht-border)}
.workspace .subbar button {font-weight:550;border-radius:7px}
.workspace .subbar {box-shadow:none;border-bottom:1px solid var(--ht-border)}
.desktop-site-head nav a {font-size:12px;font-weight:500;border-radius:6px;box-shadow:none}
.desktop-site-head nav a.active {box-shadow:none}
.desktop-account-link {border-radius:6px}
.bottom-tools {background:#fff;border-color:var(--ht-border)}
.bottom-tools button {background:#F7F7F5;border-color:var(--ht-border);color:var(--ht-black);box-shadow:none}
.bottom-tools button.active,.dressage-subbar button.active {background:#EDF3FD;color:var(--ht-blue);border-color:#BBD0F6}
.dressage-subbar button.active .tool-icon-img {filter:grayscale(1)}
.sheet {box-shadow:0 -12px 40px #0B0B0D14}
.sheet-head {border-color:var(--ht-border)}
.sheet-head h2 {font-size:20px;font-weight:600}
.sheet-foot button {min-height:44px;border-radius:8px}
.accent-solid {background:var(--ht-blue);border-color:var(--ht-blue);color:white}
.preview-controls {background:#fff;border-color:var(--ht-border);gap:8px}
.preview-controls button {background:#F2F3F4;color:var(--ht-black);border-color:var(--ht-border);border-radius:8px;font-size:13px}
.preview-controls .accent {background:var(--ht-blue);border-color:var(--ht-blue);color:#fff}
.preview-info {color:var(--ht-muted)}
.choice-icon img {filter:grayscale(1)}
.choice-card.selected {background:#EDF3FD;border-color:#BBD0F6;color:var(--ht-blue)}
.choice-card.selected .choice-icon img {filter:grayscale(1)}
.dressage-subbar .add-step {background:#EDF3FD;border-color:#BBD0F6;color:var(--ht-blue)}
@media(max-width:799px), (pointer:coarse) {
 .workspace .topbar {grid-template-columns:38px minmax(0,1fr);gap:8px;padding:calc(env(safe-area-inset-top) + 8px) 12px 10px}
 .workspace .top-actions {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .workspace .top-actions button {min-width:0;width:100%;height:40px;padding:0 6px}
 .workspace .title-block strong {font-size:18px}.workspace .title-block span {font-size:11px}
 .workspace .icon-btn {width:36px;height:36px;border-radius:8px;font-size:26px}
 .dressage-contextbar {margin-top:0;gap:6px}.dressage-contextbar button {height:34px;font-size:11px}
 .jumping-workspace .subbar {display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;overflow-x:auto}
 .jumping-workspace .subbar-group {flex:1 0 auto;gap:6px;padding:0;border:0}
 .jumping-workspace .subbar-group.view-settings {flex-basis:100%;justify-content:flex-end}
 .jumping-workspace .view-settings #jumpingGridBtn {margin-right:auto}
 .jumping-workspace .bottom-tools {grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 10px calc(6px + env(safe-area-inset-bottom))}
 .jumping-workspace .bottom-tools button {height:44px;min-width:0;padding:3px;font-size:11px;gap:2px}
 .jumping-workspace .bottom-tools button span {font-size:19px;line-height:20px}
 .dressage-tools button::after {content:attr(aria-label);font-size:10px;font-weight:500;line-height:14px}
 .dressage-tools button {gap:3px;height:54px;flex-direction:column}
 .dressage-tools .tool-icon-img {width:24px;height:24px}
}
@media(min-width:800px) and (hover:hover) and (pointer:fine) {
 .workspace {grid-template-columns:200px minmax(0,1fr)}
 .dressage-workspace {grid-template-rows:52px 98px 50px minmax(0,1fr)}
 .workspace .bottom-tools {padding:18px 12px;gap:12px}
 .workspace .bottom-tools button {background:transparent;border-color:transparent;border-radius:7px;font-weight:500}
 .workspace .bottom-tools button:hover {background:#F2F3F4;border-color:var(--ht-border)}
 .workspace .bottom-tools button.active {background:#EDF3FD;border-color:#BBD0F6;color:var(--ht-blue)}
 .dressage-tools button::after {content:attr(aria-label);font-size:12px;font-weight:500}
 .desktop-tool-section {border-color:var(--ht-border)}
 .workspace .canvas-wrap {background-color:#F0F0EC;background-image:none}
 .desktop-round-overview button {background:var(--ht-paper);border-color:var(--ht-border)}
}
@media(min-width:1180px) and (hover:hover) and (pointer:fine) {
 .jumping-workspace {grid-template-columns:200px minmax(0,1fr) 280px}
 .jumping-workspace .edit-controls {grid-template-columns:minmax(0,1fr)}
}
@media(max-height:650px) {.cover {gap:10px;padding-top:24px}.cover-love {max-height:80px;margin:0}.cover-actions button {min-height:58px}.brand-mark img {width:52px;height:52px}}

/* Compact revision: preserve every action while prioritizing arena space. */
.jumping-header-strip {display:contents;}
@media(max-width:799px), (pointer:coarse) {
 .jumping-workspace .edit-panel {max-height:124px;bottom:calc(4px + env(safe-area-inset-bottom));padding:4px 6px;border-radius:9px;box-shadow:0 4px 14px #00000014;}
 .jumping-workspace .edit-panel-head {margin-bottom:3px;}
 .jumping-workspace .edit-panel-head strong {font-size:11px;}
 .jumping-workspace .edit-controls {grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;}
 .jumping-workspace .edit-control {padding:2px;border-radius:6px;}
 .jumping-workspace .edit-control label {font-size:9px;margin-bottom:1px;}
 .jumping-workspace .edit-control .stepper button {width:25px;height:25px;min-width:25px;padding:0;}
 .jumping-workspace .edit-control .stepper strong {font-size:11px;}
 .jumping-workspace .dimension-toggle {min-height:30px;font-size:10px;gap:3px;}
 .jumping-workspace .number-edit-control input {height:25px;font-size:11px;}
}
.cover-love {display:none;}
.cover-actions {margin-top:32px;}
.cover-actions .discipline-icon {width:42px;height:42px;flex:0 0 42px;object-fit:contain;}
.cover-actions button {gap:16px;}.cover-actions button span {flex:1;}
.cover-actions #jumpingBtn {background:#206CDF;border-color:#206CDF;}
.dressage-subbar .dressage-contextbar {display:flex;flex-shrink:0;margin:0;gap:6px;}
@media(max-width:799px), (pointer:coarse) {
 .workspace .topbar {display:flex;gap:6px;padding:calc(env(safe-area-inset-top) + 4px) 8px 4px;}
 .workspace .topbar .title-block {display:none;}
 .workspace .top-actions {display:flex;flex:1;gap:5px;}
 .workspace .top-actions button {width:auto;flex:1;min-width:44px;height:36px;font-size:12px;}
 .jumping-header-strip {display:flex;align-items:center;overflow-x:auto;white-space:nowrap;padding-top:env(safe-area-inset-top);background:white;}
 .jumping-header-strip .topbar {padding:4px 6px;flex:none;border:0;}
 .jumping-header-strip .subbar {display:flex;flex-wrap:nowrap;flex:none;padding:4px 6px;gap:8px;border:0;overflow:visible;}
 .jumping-header-strip .subbar-group,.jumping-header-strip .subbar-group.view-settings {flex:none;}
 .jumping-workspace {grid-template-rows:auto minmax(0,1fr) auto;}
 .jumping-header-strip .subbar button {height:36px;}
 .dressage-workspace .dressage-subbar {display:flex;overflow-x:auto;gap:5px;padding:4px 8px;}
 .dressage-workspace .dressage-subbar > button {flex:0 0 36px;width:36px;min-width:36px;height:36px;}
 .dressage-subbar .dressage-contextbar button {height:36px;white-space:nowrap;}
 .dressage-subbar .dressage-contextbar {order:1;}
}
@media(min-width:800px) and (hover:hover) and (pointer:fine) {
 .dressage-workspace {grid-template-rows:52px 58px 50px minmax(0,1fr);}
 .dressage-workspace .dressage-subbar {overflow-x:auto;gap:6px;}
 .dressage-workspace .dressage-subbar > button {flex:0 0 42px;min-width:42px;}
}

/* Mobile jumping: one parameter strip above one unobstructed tool row. */
@media(max-width:799px), (pointer:coarse) {
 .jumping-workspace .bottom-tools {grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));}
 .jumping-workspace .bottom-tools button {height:44px;font-size:10px;white-space:nowrap;padding:2px 0;}
 .jumping-workspace .edit-panel {left:0;right:0;width:auto;bottom:calc(58px + env(safe-area-inset-bottom));height:56px;max-height:56px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:4px;}
 .jumping-workspace .edit-panel[aria-hidden="false"] {display:flex;align-items:stretch;gap:5px;}
 .jumping-workspace .edit-panel-head {flex:0 0 auto;max-width:90px;display:flex;flex-direction:column;justify-content:center;gap:3px;margin:0;}
 .jumping-workspace .edit-panel-head strong {font-size:10px;}
 .jumping-workspace .edit-panel-head span {font-size:9px;}
 .jumping-workspace .edit-controls {display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:4px;}
 .jumping-workspace .edit-control {flex:0 0 106px;min-width:106px;box-sizing:border-box;}
 .jumping-workspace .dimension-toggle {flex-basis:112px;}
}

/* Landscape touch workspace follows the desktop tool / arena / inspector layout. */
@media (orientation:landscape) and (min-width:600px) and (max-height:600px), (orientation:landscape) and (min-width:800px) and (pointer:coarse) {
 html,body,.app {min-height:0;max-width:none;width:100%;}
 .app {height:var(--native-viewport-height,100dvh);border-radius:0;}
 .workspace {min-height:0;height:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);}
 .workspace .desktop-site-head,.workspace .desktop-canvas-hint,.workspace .desktop-course-status {display:none;}
 .jumping-workspace {grid-template-columns:84px minmax(0,1fr) 172px;grid-template-rows:44px minmax(0,1fr);}
 .jumping-workspace .jumping-header-strip {grid-column:1/-1;grid-row:1;display:flex;overflow-x:auto;white-space:nowrap;padding:0;background:#fff;}
 .jumping-header-strip .topbar {display:flex;flex:none;padding:4px;gap:4px;border:0;}
 .jumping-header-strip .title-block {display:none;}
 .jumping-header-strip .top-actions {display:flex;gap:4px;}
 .jumping-header-strip .top-actions button,.jumping-header-strip .back-button {min-width:36px;height:36px;padding:0 8px;font-size:11px;}
 .jumping-header-strip .subbar {display:flex;flex:none;flex-wrap:nowrap;padding:4px;gap:6px;overflow:visible;border:0;}
 .jumping-header-strip .subbar-group {display:flex;flex:none;padding:0;border:0;gap:4px;}
 .jumping-header-strip .desktop-group-label {display:none;}
 .jumping-header-strip .subbar button {height:36px;font-size:11px;}
 .jumping-workspace .canvas-wrap {grid-column:2;grid-row:2;min-width:0;min-height:0;}
 .workspace .bottom-tools {grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;min-height:0;padding:5px;gap:4px;border-top:0;border-right:1px solid var(--ht-border);}
 .workspace .bottom-tools .desktop-tool-section {display:contents;}
 .workspace .bottom-tools .desktop-tool-section small,.workspace .desktop-tool-rail-head,.workspace .desktop-tool-rail-help {display:none;}
 .workspace .bottom-tools button {flex:0 0 36px;width:100%;min-height:36px;height:36px;display:flex;flex-direction:row;justify-content:flex-start;gap:5px;padding:4px;font-size:10px;white-space:nowrap;}
 .workspace .bottom-tools button span {font-size:18px;width:20px;line-height:20px;}
 .jumping-workspace .edit-panel {position:relative;grid-column:3;grid-row:2;left:auto;right:auto;bottom:auto;width:auto;height:auto;max-height:none;min-height:0;margin:0;padding:8px;overflow-x:hidden;overflow-y:auto;border:0;border-left:1px solid var(--ht-border);border-radius:0;box-shadow:none;background:#fff;}
 .jumping-workspace .edit-panel[aria-hidden="false"] {display:block;}
 .jumping-workspace .edit-panel-head {display:flex;flex-direction:column;align-items:flex-start;max-width:none;gap:3px;margin-bottom:8px;}
 .jumping-workspace .edit-controls {display:grid;grid-template-columns:minmax(0,1fr);gap:6px;}
 .jumping-workspace .edit-control {width:100%;min-width:0;padding:5px;}
 .jumping-workspace .edit-control .stepper button {width:30px;height:30px;}
 .jumping-workspace .edit-panel[aria-hidden="true"] {display:block;}
 .jumping-workspace .edit-panel[aria-hidden="true"] > * {display:none;}
 .jumping-workspace .edit-panel[aria-hidden="true"] .desktop-inspector-empty {display:grid;gap:8px;padding:10px 0;font-size:11px;color:var(--ht-muted);}
 .dressage-workspace {grid-template-columns:84px minmax(0,1fr);grid-template-rows:44px 44px minmax(0,1fr);}
 .dressage-workspace .topbar {grid-column:1/-1;grid-row:1;padding:4px 8px;display:flex;}
 .dressage-workspace .title-block {display:none;}
 .dressage-workspace .top-actions {display:flex;gap:5px;}
 .dressage-workspace .top-actions button {height:36px;padding:0 14px;}
 .dressage-workspace .dressage-subbar {grid-column:2;grid-row:2;display:flex;overflow-x:auto;padding:4px;gap:4px;}
 .dressage-workspace .dressage-subbar > button {flex:0 0 36px;min-width:36px;height:36px;}
 .dressage-workspace .canvas-wrap {grid-column:2;grid-row:3;min-width:0;min-height:0;}
 .dressage-workspace .bottom-tools {grid-row:2/4;}
 .dressage-tools button::after {font-size:10px;}
 .dressage-tools .tool-icon-img {width:22px;height:22px;}
}

/* The inspector occupies its own row; it never covers the fitted arena. */
@media (orientation:portrait) and (max-width:799px), (orientation:portrait) and (pointer:coarse) {
 .jumping-workspace {grid-template-rows:auto minmax(0,1fr) auto auto;}
 .jumping-workspace .jumping-header-strip {grid-row:1;}
 .jumping-workspace .canvas-wrap {grid-row:2;}
 .jumping-workspace .edit-panel {position:relative;grid-row:3;left:auto;right:auto;bottom:auto;margin:0 6px;}
 .jumping-workspace .bottom-tools {grid-row:4;}
}
@media (orientation:landscape) and (min-width:600px) and (max-height:600px), (orientation:landscape) and (min-width:800px) and (pointer:coarse) {
 .jumping-workspace {grid-template-columns:76px minmax(0,1fr) 150px;}
 .jumping-workspace:not(:has(.edit-panel[aria-hidden="false"])) {grid-template-columns:76px minmax(0,1fr);}
 .jumping-workspace .edit-panel[aria-hidden="true"] {display:none;}
 .jumping-workspace .canvas-wrap {padding:2px;}
 .jumping-workspace #jumpingCanvas {border-radius:0;box-shadow:none;}
}

/* Compact landscape rails reserve the widest possible unobstructed arena. */
@media (orientation:landscape) and (min-width:600px) and (max-height:600px), (orientation:landscape) and (min-width:800px) and (pointer:coarse) {
 .jumping-workspace {grid-template-columns:64px minmax(0,1fr) 118px;grid-template-rows:40px minmax(0,1fr);}
 .jumping-workspace:not(:has(.edit-panel[aria-hidden="false"])) {grid-template-columns:64px minmax(0,1fr);}
 .jumping-header-strip .topbar,.jumping-header-strip .subbar {padding:2px 3px;}
 .jumping-workspace .bottom-tools {padding:3px;gap:3px;}
 .jumping-workspace .bottom-tools button {padding:3px 1px;gap:2px;font-size:10px;}
 .jumping-workspace .bottom-tools button span {width:16px;font-size:16px;}
 .jumping-workspace .edit-panel {padding:5px 4px;}
 .jumping-workspace .edit-panel-head {margin-bottom:5px;gap:2px;}
 .jumping-workspace .edit-panel-head strong {font-size:11px;}
 .jumping-workspace .edit-panel-head span {font-size:9px;}
 .jumping-workspace .edit-controls {gap:4px;}
 .jumping-workspace .edit-control {padding:3px;}
 .jumping-workspace .edit-control label {font-size:9px;}
 .jumping-workspace .edit-control .stepper {gap:2px;}
 .jumping-workspace .edit-control .stepper button {min-width:28px;width:28px;height:30px;padding:0;}
 .jumping-workspace .edit-control .stepper strong {font-size:11px;min-width:0;}
 .jumping-workspace .dimension-toggle {font-size:9px;gap:3px;}
 .jumping-workspace .dimension-toggle input {flex-shrink:0;width:15px;height:15px;margin:0;}
 .jumping-workspace .canvas-wrap {padding:0;}
}
@media (orientation:landscape) and (min-width:600px) and (max-height:600px), (orientation:landscape) and (min-width:800px) and (pointer:coarse) {
 .jumping-header-strip .topbar {min-height:0;}
 .jumping-header-strip button {min-height:0;max-height:36px;}
 .jumping-workspace button.edit-control {font-size:11px;white-space:normal;}
}

/* Preview speed controls must remain readable on the light control surface. */
#jumpingPreview .preview-controls {grid-template-columns:repeat(3,minmax(0,1fr));}
#jumpingPreview .jumping-preview-settings {grid-template-columns:minmax(0,1fr);gap:4px;color:#41464D;}
#jumpingPreview .jumping-preview-settings output {white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-size:11px;}
#jumpingPreview .jumping-preview-speed {display:grid;grid-template-columns:auto minmax(60px,1fr) 32px auto;gap:8px;min-height:32px;color:#0B0B0D;font-size:12px;}
#jumpingPreview .jumping-preview-speed span {position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap;font-size:11px;}
#jumpingPreview .jumping-preview-speed input {width:100%;min-width:0;margin:0;height:30px;accent-color:#206CDF;}
#jumpingPreview .jumping-preview-speed b {text-align:right;font-variant-numeric:tabular-nums;}
#jumpingPreview .preview-controls {padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));}

/* Desktop web: dressage subbar becomes a single readable flex row; the tool buttons
   no longer spill out of the 58px grid row and get covered by the arena card. */
@media(min-width:800px) and (hover:hover) and (pointer:fine) {
  .dressage-workspace .dressage-subbar {display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:6px 10px;}
  .dressage-subbar .dressage-contextbar {display:flex;flex:0 0 auto;order:0;gap:6px;margin:0;}
  .dressage-subbar .dressage-contextbar button {height:36px;padding:0 12px;font-size:12px;border-radius:8px;}
  .dressage-workspace .dressage-subbar > button {flex:0 0 42px;width:42px;min-width:42px;height:36px;padding:0;background:#F7F7F5;border:1px solid var(--ht-border);color:var(--ht-black);font-size:18px;font-weight:600;border-radius:8px;}
  .dressage-subbar .dressage-contextbar button {background:#F2F3F4;color:var(--ht-black);border:1px solid var(--ht-border);}
  .dressage-subbar .tool-icon-img {width:20px;height:20px;}
  .dressage-subbar .step-arrow span {font-size:18px;}
}