.vehicle-kind-picker{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vehicle-kind-card{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:16px;background:white;text-align:left}
.vehicle-kind-card .vehicle-kind-icon{display:block;width:220px;max-width:100%;height:auto;aspect-ratio:28/15;object-fit:contain;margin:0 0 3px;pointer-events:none}
.vehicle-kind-card strong{font-size:21px;color:var(--brand-navy)}
.vehicle-kind-card span{font-size:13px;color:var(--muted)}
.vehicle-kind-card:hover,.vehicle-kind-card:focus-visible{background:var(--brand-yellow-soft);border-color:var(--brand-yellow);outline:2px solid var(--brand-yellow);outline-offset:2px}
#change-vehicle-kind{align-self:flex-start;margin:0 0 14px;color:var(--brand-navy)}
.trailer-size-picker{padding:24px;background:white;border:1px solid var(--line);border-radius:16px}
.trailer-size-picker h2{font-size:20px;margin:0 0 10px}.trailer-size-picker p,.trailer-size-picker small{font-size:13px;color:var(--muted);line-height:1.6}
.trailer-size-options{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.trailer-size-options button{min-width:90px;padding:16px;font-size:17px}
.trailer-size-options button:hover{background:var(--brand-yellow);border-color:var(--brand-yellow)}
@media(max-width:620px){.vehicle-kind-picker{gap:10px}.vehicle-kind-card{padding:14px;gap:10px}.vehicle-kind-card .vehicle-kind-icon{width:100%;margin:0}.vehicle-kind-card strong{font-size:16px}.vehicle-kind-card span{font-size:11px;line-height:1.5}.trailer-size-picker{padding:16px}.trailer-size-picker h2{font-size:18px}.trailer-size-options{gap:8px;margin:14px 0}.trailer-size-options button{min-width:65px;padding:12px;font-size:14px}.vehicle-screen{overflow-y:auto;justify-content:safe center}}


:root {
  --brand-yellow: #ffe600;
  --brand-yellow-hover: #f0d800;
  --brand-yellow-soft: #fffce0;
  --brand-navy: #1b2a4a;
  --ink: #1e293b;
  --green: #1b2a4a;                                                 
  --paper: #f8fafc;
  --line: #e5e9f0;
  --muted: #64748b;
  --amber: #6b5800;
}
/* Bound the header logo even if the optional identity stylesheet fails to load. */
header .brand { min-width: 0; }
header .brand > img.mellifera-brand-logo { display: block; width: 160px; height: auto; max-width: 100%; max-height: 44px; object-fit: contain; }
button:hover { background: #f1f5f9; border-color: #94a3b8; }
button.primary, #edit-current-line {
  background: var(--brand-yellow); color: var(--brand-navy);
  border-color: var(--brand-yellow); font-weight: 650;
}
button.primary:hover:not(:disabled), #edit-current-line:hover:not(:disabled) {
  background: var(--brand-yellow-hover); border-color: var(--brand-yellow-hover);
}
button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--brand-navy); outline-offset: 3px;
  box-shadow: 0 0 0 3px var(--brand-yellow);
}
input[type=checkbox], input[type=radio], input[type=range], .check input,
.pitch-control input, .electrical-start-options input { accent-color: var(--brand-navy); }
.brand-icon { background: var(--brand-navy); color: white; }
.brand-icon span { color: var(--brand-yellow); }
.eyebrow, .field, .micro, .text-button, .welcome-screen p, .welcome-screen small,
.onepage-tools span, .guide-row p, .dock-caption, .terminal-current small,
.terminal-options small, .terminal-end>.small-label, .scene-help, .move-plane-control,
.move-plane-control select, .vehicle-details summary, .electrical-start-options small {
  color: #475569;
}
.segmented, .dock-shelf>button, .orbit-actions button { background: #f1f5f9; }
.segmented button.active, .canvas-toolbar>.active,
#magnet-toggle[aria-pressed=true], #measure-mode[aria-pressed=true],
.flow-steps button[aria-current=step] {
  background: var(--brand-yellow); color: var(--brand-navy); border-color: #b8a600;
}
#magnet-toggle, #measure-mode, #dock-rotate {
  background: white; color: var(--brand-navy); border-color: #cbd5e1;
}
#magnet-toggle[aria-pressed=true], #measure-mode[aria-pressed=true] {
  background: var(--brand-yellow); border-color: #b8a600;
}
#magnet-toggle:hover:not(:disabled), #measure-mode:hover:not(:disabled), #dock-rotate:hover:not(:disabled) {
  background: var(--brand-yellow-soft); border-color: #b8a600;
}
.preset.active, #workspace-tabs .active, #dock-groups button[aria-pressed=true],
.product-key button.active, .terminal-options button[aria-pressed=true],
.electrical-start-options label:has(input:checked) {
  background: var(--brand-yellow-soft); color: var(--brand-navy);
  border-color: #b8a600; box-shadow: inset 0 0 0 1px #b8a600;
}
.item-dock, .dock-item, .terminal-current, .electrical-start-options label { border-color: var(--line); }
.dock-item, .terminal-current, .electrical-start-options label { background: #f8fafc; }
.dock-item>div { background: #f1f5f9; }
.dock-item button:hover { background: var(--brand-yellow-soft); }
#electrical-guide { border-color: var(--line); }
#electrical-steps li { color: #64748b; }
#electrical-steps b { background: #f1f5f9; }
#electrical-steps [aria-current=step] { color: var(--brand-navy); }
#electrical-steps [aria-current=step] b { background: var(--brand-yellow); color: var(--brand-navy); }
#electrical-steps .done b { background: #e2e8f0; color: var(--brand-navy); }
.resume-card, .vehicle-selected, #terminal-target, #guided-ends-status,
.chosen-length, .cut-length, .selection-shortcut, .layout-next {
  background: #f1f5f9; color: var(--brand-navy); border-color: var(--line);
}
.vehicle-selected { border-left-color: var(--brand-yellow); }
.vehicle-section #vehicle-count, .product-cable-value, #guided-ends-line { color: var(--brand-navy); }
#planner-editor .canvas-card:has(#scene[data-cable-mode=true]) #scene-hint {
  color: var(--brand-navy); background: var(--brand-yellow-soft);
}
#toast { background: var(--brand-navy); border-left: 4px solid var(--brand-yellow); }
#welcome-screen > #intro-import { display: block; width: auto; min-height: 36px; margin: 8px auto 0; padding: 8px 12px; font-size: 12px; font-weight: 500; background: transparent; border: 0; box-shadow: none; color: var(--brand-navy); text-decoration: underline; text-underline-offset: 3px; }
#welcome-screen > #intro-import:hover { color: #6b5700; }
dialog > #toast { display: none; position: sticky; top: 0; bottom: auto; left: auto; transform: none; max-width: none; margin: 0 0 16px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
dialog > #toast.visible { display: block; transform: none; }
dialog { box-shadow: 0 24px 90px #0f172a26; }
dialog::backdrop { background: #0f172a66; }
#source-dialog { width: min(560px,94vw); }
#source-dialog h2 { font-size: clamp(23px,3vw,28px); line-height: 1.4; font-weight: 700; margin: 16px 0 12px; }
#source-product-name {
  color: var(--brand-navy); background: var(--brand-yellow); padding: 1px 6px 3px;
  border-radius: 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
#source-product { color: #475569; font-size: 14px; line-height: 1.6; }
#source-dialog .field { font-size: 13px; font-weight: 600; color: var(--brand-navy); margin: 18px 0; }
#source-dialog .field select { font-size: 14px; font-weight: 400; padding: 12px; }
#source-dialog .micro { border-left: 3px solid var(--brand-yellow); padding-left: 12px; color: #475569; }
#source-dialog .dialog-actions { gap: 12px; }
.guided-wire { grid-column: 1 / -1; min-width: 0; }
.wire-advice { margin: 10px 0; padding: 12px 14px; background: #fff8dd; border: 1px solid #f4d068; border-left: 4px solid var(--brand-yellow); border-radius: 9px; color: #26364d; font-size: 13px; line-height: 1.5; }
.wire-advice p { margin: 6px 0; }
.wire-advice small { display: block; color: #536078; line-height: 1.5; }
.wire-advice a { color: #26364d; text-decoration: underline; }
.wire-advice button { margin-top: 6px; }
#production-editor > .wire-advice { grid-column: 1 / -1; }
#guided-ends-dialog { width: min(650px,94vw); padding: 22px; }
#guided-ends-dialog h2 { margin: 8px 0 12px; }
#guided-ends-dialog .terminal-current { min-height: 92px; padding: 9px; }
#guided-ends-dialog .dialog-actions { margin-top: 12px; }
#guided-ends-dialog .wire-advice { margin-bottom: 0; }