._demo_55g1f_1{min-width:0;color:var(--brand-deep);background:var(--surface-blue-light);border:1px solid var(--border-light);border-radius:20px}._titlebar_55g1f_15{border-bottom:1px solid var(--border-light);background:var(--surface-white);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.4;display:flex}._titlebar_55g1f_15 span:first-child{font-weight:700}._workspace_55g1f_21{min-height:15rem;color:var(--brand-deep);background-color:var(--surface-blue-light);background-image:linear-gradient(rgba(var(--brand-deep-rgb), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--brand-deep-rgb), .05) 1px, transparent 1px);background-size:20px 20px;grid-template-columns:minmax(0,1fr) 8.5rem;align-items:center;display:grid}._vessel_55g1f_23{min-width:0;padding:.5rem 0}._vessel_55g1f_23>svg{width:100%;height:auto;display:block}._detail_55g1f_27{border-left:1px solid var(--surface-blue);background:#ffffff73;min-width:0;padding:.8rem .6rem}._bayTitle_55g1f_29{color:var(--brand-deep);text-align:center;white-space:nowrap;flex-shrink:0;font-family:monospace;font-size:.875rem;font-weight:700;display:block}._bayInset_55g1f_31{text-align:center}._bayInset_55g1f_31>span{color:var(--text-muted);font-size:.875rem;line-height:1.4;display:block}._bayGrid_55g1f_35{width:100%;height:auto;margin-top:.4rem;display:block}._controls_55g1f_37{border-top:1px solid var(--border-light);background:var(--surface-white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;padding:.5rem;display:flex}._bays_55g1f_39{flex-wrap:wrap;flex:0 auto;align-items:center;gap:.2rem;min-width:0;display:flex}._bays_55g1f_39>span{color:var(--text-muted);margin-right:.3rem;font-size:.875rem}._demo_55g1f_1 button{border:1px solid var(--border-light);min-width:48px;min-height:48px;font:inherit;color:var(--brand-deep);background:var(--surface-white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.5rem;font-size:.875rem;font-weight:650;line-height:1.2;display:inline-flex}._demo_55g1f_1 button:hover{background:var(--surface-blue-soft)}._demo_55g1f_1 button[aria-pressed=true]{border-color:var(--brand-deep);background:var(--brand-deep);color:var(--surface-white);box-shadow:inset 0 -3px var(--brand-primary)}._demo_55g1f_1 button:focus-visible{outline:3px solid var(--brand-primary);outline-offset:-4px}._demo_55g1f_1 ._replay_55g1f_51{gap:.45rem;padding-inline:.8rem}._replay_55g1f_51 svg{width:16px;height:16px}@media (max-width:1150px){._workspace_55g1f_21{grid-template-columns:minmax(0,1fr) 7rem}._controls_55g1f_37{padding-inline:.5rem}}@media (max-width:640px){._workspace_55g1f_21{grid-template-columns:1fr;min-height:0}._vessel_55g1f_23{padding:1.25rem .25rem .25rem}._detail_55g1f_27{border-left:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:.4rem .75rem .7rem;display:flex}._bayInset_55g1f_31{width:min(100%,7.5rem)}._bayGrid_55g1f_35{margin:0}._controls_55g1f_37{gap:.2rem;padding-inline:.35rem}._bays_55g1f_39{gap:.2rem}._bays_55g1f_39>span{display:none}._bays_55g1f_39 button{width:calc(2ch + .5rem);min-width:26px;padding-inline:.2rem}._demo_55g1f_1 ._replay_55g1f_51{min-width:5rem;margin-left:auto;padding-inline:.35rem}}._titlebar_55g1f_15{border-radius:20px 20px 0 0}._controls_55g1f_37{border-radius:0 0 20px 20px}._compact_55g1f_93{width:100%;margin:0}._compact_55g1f_93 ._titlebar_55g1f_15{padding:.65rem .85rem}@media (max-width:760px){._demo_55g1f_1{border-radius:16px}._titlebar_55g1f_15{border-radius:16px 16px 0 0}._controls_55g1f_37{border-radius:0 0 16px 16px}}._compact_55g1f_93 ._workspace_55g1f_21{grid-template-columns:minmax(0,1fr) 6.5rem;min-height:0}._compact_55g1f_93 ._detail_55g1f_27{padding:.75rem .4rem}._compact_55g1f_93 ._vessel_55g1f_23{padding:.5rem 0}._compact_55g1f_93 ._controls_55g1f_37{gap:.5rem}._compact_55g1f_93 ._bays_55g1f_39{flex-wrap:wrap;gap:.25rem}._compact_55g1f_93 ._bays_55g1f_39 button{width:auto;min-width:48px;padding-inline:.5rem}@media (max-width:640px){._compact_55g1f_93 ._workspace_55g1f_21{grid-template-columns:minmax(0,1fr)}._compact_55g1f_93 ._detail_55g1f_27{border-left:0}._compact_55g1f_93 ._controls_55g1f_37{padding:.5rem}}