/* SheetForm's quiet canvas, feature rail, and right-hand inspector. */
.bend-app {
  --ink: #292a32;
  --muted: #73747d;
  --line: #e8e8ed;
  --panel: #fff;
  --field: #fff;
  --blue: #625bd3;
  --cyan: #5651ac;
  --shadow: 0 6px 24px #2323340a;
  padding-top: 76px;
  background: #e5e5e8;
}
.bend-app #announce-bar, .bend-app #nav-cutoff-badge { display: none !important; }
.bend-app nav.site-nav { top: 0; min-height: 76px; height: 76px; padding: 12px 24px; background: #111214; }
.bend-app nav.site-nav .nav-logo img { height: 36px !important; }
.bend-app nav.site-nav .nav-links { gap: 20px; }
.bend-app nav.site-nav .nav-links > li > a { font-size: 11px; }
.bend-app nav.site-nav .nav-cta { gap: 8px; }
.bend-app nav.site-nav .btn-outline, .bend-app nav.site-nav .btn-solid { padding: 9px 15px; font-size: 10px; white-space: nowrap; }
.bend-app .app-shell { grid-template-columns: minmax(0, 1fr) 74px 350px; grid-template-rows: 64px minmax(0, 1fr); height: calc(100dvh - 76px); min-height: 620px; background: #e5e5e8; overflow-anchor: none; }
.sim-app-header { grid-column: 1 / -1; grid-row: 1; display: flex; align-items: center; gap: 44px; padding: 0 24px; background: #fff; border-bottom: 1px solid #dddde3; z-index: 6; }
.sim-app-brand { display: flex; align-items: center; gap: 12px; }
.sim-app-brand > svg { color: #625bd3; }
.sim-app-brand span { display: block; color: #8b8b96; font-size: 9px; font-weight: 600; letter-spacing: .14em; margin-bottom: 5px; }
.sim-app-brand h1 { font-size: 15px; font-weight: 600; letter-spacing: -.025em; white-space: nowrap; }
.sim-app-actions { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.bend-app .step-tabs { display: flex; border: 0; background: #f5f5f8; padding: 4px; border-radius: 7px; gap: 4px; }
.bend-app .step-tabs button { font-size: 12px; font-weight: 500; border: 0; border-radius: 5px; padding: 0 15px; min-height: 32px; }
.bend-app .step-tabs button span { margin-right: 8px; opacity: .6; font-size: 10px; }
.bend-app .step-tabs button.active { background: #fff; color: #504aaa; box-shadow: 0 1px 5px #23233412; }
.bend-app .status-pill { padding: 5px 9px; min-width: 0; font-size: 10px; font-weight: 500; box-shadow: none; }
.bend-app .status-pill.ok { color: #34764b; background: #edf6ef; }
.bend-app .status-pill.warn { color: #946917; background: #fbf3de; }
.bend-app .status-pill.hit { color: #aa4145; background: #ffeded; }
.sim-export-menu { position: relative; }
.sim-export-menu summary { display: flex; align-items: center; justify-content: space-between; gap: 30px; list-style: none; cursor: pointer; padding: 9px 13px; border: 1px solid #dedee6; border-radius: 5px; font-size: 12px; }
.sim-export-menu summary::-webkit-details-marker { display: none; }
.sim-export-options { position: absolute; top: calc(100% + 10px); right: 0; width: 190px; display: grid; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 10px 35px #26243c20; }
.sim-export-options button { width: 100%; font-size: 12px; text-align: left; border: 0; }
.sim-export-options button:hover { background: #f2f0ff; }
.sim-export-options .export-actions { display: flex; flex-direction: column; gap: 3px; }
.sim-export-options .check-row { order: 1; padding: 12px 8px 5px; border-top: 1px solid var(--line); font-size: 11px; }
.bend-app .side-panel { grid-column: 3; grid-row: 2; display: flex; gap: 0; max-height: none; min-height: 0; padding: 28px 24px; border: 0; border-left: 1px solid #dddde3; background: #fff; scrollbar-width: thin; scrollbar-color: #d7d7df transparent; overscroll-behavior: contain; }
.inspector-heading { margin-bottom: 25px; }
.inspector-eyebrow { margin: 0 0 12px; color: #9898a2; font-size: 9px; letter-spacing: .12em; font-weight: 500; }
.bend-app .inspector-heading h2 { font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -.03em; text-transform: none; }
.inspector-heading > p:last-child { margin: 8px 0 0; font-size: 12px; line-height: 1.65; color: var(--muted); }
.bend-app .control-section, .bend-app .results-section, .bend-app .reference-section { gap: 14px; padding: 20px 0; border-top: 1px solid var(--line); }
.bend-app [data-inspector][hidden], .bend-app [hidden] { display: none !important; }
.bend-app .control-section h2, .bend-app .results-section h2, .bend-app .reference-section h2 { font-size: 12px; font-weight: 600; text-transform: none; color: #3f3f49; letter-spacing: 0; line-height: 1.4; }
.bend-app .side-panel label { font-size: 11px; font-weight: 400; gap: 7px; line-height: 1.5; }
.bend-app .side-panel input[type=number], .bend-app .side-panel select { height: 35px; min-height: 35px; font-size: 12px; border-color: #e1e1e8; border-radius: 5px; }
.bend-app .side-panel button { font-size: 11px; border-radius: 5px; font-weight: 500; }
.bend-app .side-panel .primary-action { min-height: 38px; background: #625bd3; border-color: #625bd3; font-weight: 500; color: #fff; }
.bend-app .side-panel .primary-action:hover { background: #524bbc; }
.bend-app .two-col { grid-template-columns: 1fr 1fr; }
.bend-app .dim-mode-row { gap: 4px; margin: 0; flex-wrap: wrap; }
.bend-app .dim-mode-label { width: 100%; margin: 0 0 5px; text-transform: none; font-size: 11px; letter-spacing: 0; }
.bend-app .dim-mode-btn { border: 1px solid #e8e8ee; background: #fff; color: var(--muted); min-height: 32px; font-size: 10px; }
.bend-app .dim-mode-btn.active { background: #efedff; color: #544cc3; border-color: #dcd8ff; }
.bend-app .add-side-row { grid-template-columns: 37px 1fr 37px; }
.bend-app .add-side-row button { width: 37px; height: 37px; min-height: 37px; border-radius: 6px; border-color: #d9d6f8; background: #f8f7ff; color: #625bd3; font-size: 20px; }
.bend-app .add-side-row button.active { background: #eeebff; border-color: #a49beb; color: #524bbc; }
.bend-app .add-side-row span { font-size: 11px; font-weight: 500; }
.bend-app .tool-row { gap: 6px; }
.bend-app .tool-row button { flex: 1; }
.bend-app #goSimBtn { background: #f2f0ff; border-color: #ddd9fa; color: #574fc1; }
.bend-app .segment-list, .bend-app .sequence-list, .bend-app .box-axis-list { gap: 6px; }
.bend-app .segment-list li, .bend-app .sequence-list li, .bend-app .box-axis-list li { padding: 11px 12px; min-height: 50px; background: #fafafd; border: 1px solid #eeeef3; border-radius: 5px; font-size: 11px; }
.bend-app .segment-list span, .bend-app .sequence-list span, .bend-app .box-axis-list span { font-weight: 500; }
.bend-app .segment-list small, .bend-app .sequence-list small, .bend-app .box-axis-list small { font-size: 10px; font-weight: 400; line-height: 1.5; }
.bend-app .sequence-list li.active { border-color: #c6c0f6; background: #f6f4ff; box-shadow: inset 3px 0 0 #8a7edb; }
.bend-app .sequence-list .sequence-radius { border: 0; background: #eeebfb; color: #65599c; font-size: 10px; }
.bend-app .box-axis-builder h3, .bend-app .machine-align h3 { font-size: 11px; font-weight: 500; text-transform: none; }
.bend-app .stage-grid button { min-height: 32px; }
.bend-app .stage-grid button.active { border-color: #d1cbef; color: #6154af; background: #efecfc; }
.bend-app .back-build-btn { border-color: #e6e3f2; background: #f9f8fd; color: #6155ad; font-weight: 500; }
.bend-app .machine-align { padding: 12px; border-radius: 5px; background: #fafafd; }
.bend-app .result-grid { gap: 8px; }
.bend-app .result-grid div { min-height: 66px; padding: 12px; border-radius: 5px; background: #fafafd; }
.bend-app .result-grid dt { font-size: 9px; text-transform: none; font-weight: 500; }
.bend-app .result-grid dd { font-size: 15px; font-weight: 500; }
.bend-app .warnings-list li { border-left-width: 3px; padding: 10px; grid-template-columns: 22px 1fr; gap: 8px; box-shadow: none; font-size: 11px; border-radius: 5px; }
.bend-app .warnings-list li strong { font-size: 9px; font-weight: 600; }
.bend-app .warning-icon { width: 22px; height: 22px; font-size: 9px; }
.sim-tool-rail { grid-column: 2; grid-row: 2; align-self: start; margin-top: 28px; margin-right: 13px; display: grid; background: #fff; border-radius: 6px; box-shadow: 0 4px 20px #3333490a; overflow: hidden; z-index: 4; }
.sim-tool-rail button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 61px; min-height: 70px; border: 0; border-radius: 0; padding: 9px 2px; color: #777782; background: #fff; }
.sim-tool-rail button span { font-size: 9px; font-weight: 400; }
.sim-tool-rail button:hover { color: #514aaf; background: #f7f6ff; }
.sim-tool-rail button[aria-pressed=true] { color: #6256cd; background: #efecff; }
.bend-app .workspace { position: relative; grid-column: 1; grid-row: 2; display: block; min-height: 0; height: 100%; background: #e5e5e8; }
.bend-app .viewer-stage { position: absolute; inset: 0; min-height: 0; }
.bend-app #simCanvas, .bend-app #modelCanvas { min-height: 0; background: #e5e5e8; }
.bend-app .canvas-toolbar { position: absolute; top: 26px; left: 26px; right: 22px; z-index: 3; display: flex; flex-wrap: wrap; align-items: start; gap: 12px; padding: 0; background: transparent; border: 0; min-height: 0; pointer-events: none; }
.bend-app .mode-copy strong { color: #62626c; font-size: 12px; font-weight: 500; }
.bend-app .mode-copy span { font-size: 10px; color: #92929c; line-height: 1.65; max-width: 310px; }
.bend-app .view-actions { align-items: center; gap: 8px; pointer-events: auto; }
.bend-app .view-actions > a { font-size: 10px !important; color: #777186 !important; padding: 5px 0 !important; text-decoration: none; }
.bend-app .profile-view-control { border: 0; padding: 7px 10px; background: #ffffffbb; border-radius: 5px; gap: 7px; box-shadow: 0 2px 12px #33334906; }
.bend-app .profile-view-control > span { display: none; }
.bend-app .axis-slider { grid-template-columns: auto 30px auto; gap: 7px; font-size: 9px; font-weight: 400; color: #73717e; }
.bend-app .axis-slider input[type=range] { width: 30px; }
.bend-app .view-actions .primary-action { font-size: 10px; min-height: 30px; }
.bend-app .viewer-footer { position: absolute; bottom: 24px; left: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; padding: 0; min-height: 0; border: 0; background: transparent; pointer-events: none; z-index: 4; }
.sim-view-hint { font-size: 10px; color: #93929d; margin: 0; text-align: center; }
.bend-app .viewer-mode-group { padding: 5px; gap: 4px; border-radius: 8px; border: 1px solid #e8e8ee; background: #fff; box-shadow: 0 4px 18px #3333490d; pointer-events: auto; }
.bend-app .viewer-mode-group button { min-width: 0; padding: 0 12px; min-height: 36px; border: 0; border-radius: 5px; color: #73727e; font-size: 10px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; }
.bend-app .viewer-mode-group button.active { color: #6256cd; background: #efecff; }
.bend-app .viewer-mode-group #fitBtn { padding: 0 10px; }
.bend-app .viewer-alert { top: 100px; max-width: 480px; padding: 10px 14px; font-size: 12px; font-weight: 500; border-left-width: 3px; border-radius: 5px; box-shadow: 0 4px 18px #3333490d; }
.bend-app .machine-align-pad { top: 150px; font-size: 11px; background: #ffffffed; box-shadow: var(--shadow); }
.bend-app .library-modal { z-index: 1100; }
.bend-app .library-backdrop { background: #24233155; backdrop-filter: blur(4px); }
.bend-app .library-window { inset: 5vh 4vw; min-height: 0; grid-template-columns: 170px minmax(0, 1fr) 300px; background: #fafafd; border: 1px solid #eeeef4; border-radius: 10px; box-shadow: 0 20px 70px #26243c33; }
.bend-app .catalog-pane, .bend-app .tool-picker-pane { border-right: 1px solid #e5e5ed; padding: 22px; }
.bend-app .catalog-pane, .bend-app .inventory-pane { background: #fff; }
.bend-app .inventory-pane { padding: 22px; }
.bend-app .catalog-pane h2, .bend-app .library-header h2, .bend-app .inventory-pane h2 { font-size: 14px; font-weight: 600; }
.bend-app .catalog-pane select { font-size: 11px; background: #fff; }
.bend-app .catalog-filter { font-size: 11px; min-height: 30px; }
.bend-app .catalog-filter.active, .bend-app .tool-card.selected { background: #efecff; border-color: #d9d3f9; color: #6154af; }
.bend-app .tool-card-grid { gap: 12px; }
.bend-app .tool-card { background: #fff; border: 1px solid #eeeeF4; border-radius: 6px; }
.bend-app .tool-card:hover { border-color: #b9b0e4; }
.bend-app .library-window button, .bend-app .library-window label { font-size: 11px; }
.bend-app .library-window .primary-action { border-color: #625bd3; font-weight: 500; }
.bend-app .app-shell :is(button, summary, input, select, a):focus-visible, .bend-app .library-modal :is(button, input, select):focus-visible { outline: 2px solid #8278db; outline-offset: 3px; }
.bend-app .app-shell button:disabled { cursor: not-allowed; opacity: .5; }
@media (max-width: 1200px) {
  .bend-app nav.site-nav .nav-links { gap: 12px; }
  .bend-app nav.site-nav .nav-logo img { height: 29px !important; }
  .bend-app .app-shell { grid-template-columns: minmax(0, 1fr) 64px 310px; }
  .bend-app .side-panel { padding: 24px 20px; }
  .sim-tool-rail { margin-right: 8px; }
  .sim-tool-rail button { width: 56px; }
  .bend-app .canvas-toolbar { left: 20px; }
}
@media (max-width: 900px) {
  .bend-app nav.site-nav .nav-links { display: none; }
  .bend-app .app-shell { grid-template-columns: minmax(0, 1fr) 58px 285px; }
  .sim-app-header { gap: 20px; padding: 0 16px; }
  .sim-app-brand h1 { font-size: 13px; }
  .sim-app-brand > svg { display: none; }
  .sim-tool-rail button { width: 50px; min-height: 64px; }
  .bend-app .side-panel { padding: 24px 16px; }
  .bend-app .viewer-mode-group button { padding: 0 7px; font-size: 9px; }
  .bend-app .library-window { grid-template-columns: 135px minmax(0, 1fr); overflow: auto; }
  .bend-app .inventory-pane { grid-column: 1 / -1; min-height: 250px; }
}
@media (max-width: 680px) {
  .bend-app { padding-top: 64px; }
  .bend-app nav.site-nav { height: 64px; min-height: 64px; padding: 10px 16px; }
  .bend-app nav.site-nav .nav-logo img { height: 28px !important; }
  .bend-app .app-shell { grid-template-columns: 1fr; grid-template-rows: auto 440px auto auto; height: auto; min-height: 0; }
  .sim-app-header { grid-column: 1; gap: 14px; flex-wrap: wrap; padding: 14px 16px; }
  .sim-app-brand { flex: 1; }
  .bend-app .step-tabs { order: 3; width: 100%; }
  .bend-app .step-tabs button { flex: 1; min-height: 36px; }
  .sim-app-actions { gap: 8px; }
  .sim-export-menu summary { gap: 14px; }
  .bend-app .workspace { grid-column: 1; grid-row: 2; min-height: 0; }
  .bend-app .canvas-toolbar { top: 20px; left: 16px; right: 16px; flex-direction: row; }
  .bend-app .view-actions { width: auto; }
  .bend-app .viewer-footer { bottom: 18px; gap: 8px; }
  .bend-app .viewer-mode-group button { padding: 0 9px; min-height: 44px; font-size: 10px; white-space: nowrap; }
  .sim-tool-rail { grid-column: 1; grid-row: 3; display: flex; justify-content: space-between; margin: 0; border-radius: 0; border-top: 1px solid #dcdce3; border-bottom: 1px solid #e8e8ed; overflow-x: auto; }
  .sim-tool-rail button { width: auto; min-width: 47px; flex: 1; min-height: 65px; }
  .sim-tool-rail button span { font-size: 8px; }
  .bend-app .side-panel { grid-column: 1; grid-row: 4; padding: 24px; border: 0; overflow: visible; }
  .inspector-heading { margin-bottom: 20px; }
  .bend-app .library-window { inset: 12px; grid-template-columns: 1fr; }
  .bend-app .catalog-pane, .bend-app .tool-picker-pane, .bend-app .inventory-pane { padding: 16px; border: 0; }
  .bend-app .catalog-tree { display: flex; flex-wrap: wrap; gap: 6px; }
  .bend-app .catalog-tree strong { display: none; }
  .bend-app .catalog-filter:not([data-category="all"]) { padding-left: 8px; }
  .bend-app .tool-card-grid { max-height: 45vh; }
  .bend-app .inventory-pane { grid-column: 1; }
}