#boardInfoGroup.diy-board-overview {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 110;
    width: 300px;
    height: 360px;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 104px);
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line, #dbe2eb);
    border-radius: 12px;
    background: var(--surface, #fff);
    box-shadow: 0 8px 28px rgba(25, 35, 45, .14);
    font-size: 12px;
    color: var(--ink, #263347);
}
.diy-overview-header { height: 67px; padding: 12px 16px 10px; border-bottom: 1px solid var(--line, #dbe2eb); }
.diy-overview-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.diy-overview-heading h2 { margin: 0; font: 600 14px/20px var(--font-sans, sans-serif); }
#boardOverviewMode { color: var(--muted, #64748b); font-size: 11px; white-space: nowrap; }
#boardOverviewName { margin: 3px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
#boardOverviewScroll { height: calc(100% - 67px); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 12px 16px; }
#boardOverviewScroll:focus-visible { outline: 2px solid var(--accent, #4182cf); outline-offset: -3px; }
#boardOverviewScroll [hidden] { display: none !important; }
#boardOverviewStatus { margin: 0 0 9px; line-height: 1.6; color: var(--muted, #64748b); overflow-wrap: anywhere; }
#boardOverviewDetails { margin: 0; padding-top: 10px; border-top: 1px solid var(--line, #dbe2eb); }
.diy-overview-row { display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 8px; margin: 0 0 7px; line-height: 1.6; }
.diy-overview-row dt { color: var(--muted, #64748b); }
.diy-overview-row dd { margin: 0; min-width: 0; overflow-wrap: anywhere; white-space: pre-line; }
#boardInfoGroup .info-item { color: var(--ink, #263347); line-height: 1.7; margin-bottom: 9px; }
#boardInfoGroup #boardHolesInfo { padding-top: 8px; border-top: 1px solid var(--line, #dbe2eb); }
#boardInfoGroup #diyGenerationStatus { color: #a65d10; overflow-wrap: anywhere; }
@media (max-width: 640px) {
    #boardInfoGroup.diy-board-overview { right: 12px; bottom: 12px; width: 264px; height: 300px; }
}

.diy-overview-gap{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line,#dbe2eb);line-height:1.5}
#boardOverviewGapPair{margin:5px 0;color:#526176;overflow-wrap:anywhere}
#boardOverviewGapValue{font-size:14px;font-weight:600;color:#184e71;margin:5px 0;font-variant-numeric:tabular-nums}
#boardOverviewGapAxes{white-space:pre-line;margin:5px 0;font-variant-numeric:tabular-nums}
#boardOverviewGapNote{display:block;font-size:10px;color:#64748b;line-height:1.5}