/* The existing editor owns canvas geometry and rendering. These rules only
   replace the site navigation and fit its dock to an embedded viewport. */
body.lc-capacity-embed {
    --top-nav-height: 0px;
    padding-top: 0;
    height: 100vh;
    height: 100dvh;
}
/* Save failures stay actionable without adding a permanent header. */
#mcp-capacity-sync-status { display: none; }
#mcp-capacity-sync-status[data-error="true"] {
    display: block;
    position: fixed;
    z-index: 1000;
    top: 48px;
    left: 12px;
    right: 12px;
    padding: 10px 14px;
    border: 1px solid var(--whs-ui-border, #aaa);
    border-radius: 8px;
    background: var(--whs-ui-surface, #fff);
    color: var(--whs-ui-text, #172a3a);
}
.lc-capacity-embed .lc-progress { flex-shrink: 0; }
.lc-capacity-embed .lc-canvas-wrap { overflow: hidden; }
.lc-capacity-embed .lc-panel-foot { flex-wrap: wrap; }
.lc-capacity-embed .lc-foot-msg { min-width: 90px; }
.lc-capacity-embed .lc-foot-right { margin-left: auto; }
@media (max-width: 768px) {
    /* Legacy panels need a bounded height; the bottom sheet sizes to its content. */
    .lc-capacity-embed .lc-panel:not(.lc-sheet-active) { height: 52%; min-height: 190px; }
    .lc-capacity-embed .lc-panel.lc-sheet-active { min-height: 0; }
    .lc-capacity-embed .lc-panel-head { padding: 10px 12px 4px; }
    .lc-capacity-embed .lc-panel-section { padding: 6px 12px; }
    .lc-capacity-embed .lc-panel-foot { padding: 8px 12px; }
}

.lc-capacity-context { position: relative; flex: 0 0 auto; z-index: 21; padding: 8px 18px; border-bottom: 1px solid var(--whs-ui-border, #475054); background: var(--whs-ui-surface, #111314); color: var(--color-light); font: 14px var(--font-primary); }