.workspace-bar{position:absolute;z-index:14;top:58px;left:18px;right:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;pointer-events:none;font-size:11px;color:var(--tone-7)}
.workspace-bar>*{pointer-events:auto}.workspace-bar nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line,#ddd);border-radius:8px;padding:6px 10px;max-width:100%}.workspace-bar button{font:inherit;cursor:pointer}.workspace-bar nav button{border:0;background:transparent;color:inherit;padding:4px}.workspace-bar [aria-current]{font-weight:700;color:var(--ink)}.workspace-bar>span{background:var(--paper);padding:7px;border-radius:6px}.workspace-bar .btn{font-size:11px;min-height:30px}
.workspace-card{height:140px!important;min-width:310px}.workspace-card .group-name{display:flex;align-items:center;gap:7px;cursor:pointer}.workspace-card-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px}.workspace-card-actions button{border:0;background:transparent;color:inherit;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:5px}.workspace-card-actions button:first-child{font-weight:700}.workspace-frame{pointer-events:none;background:transparent!important}.workspace-frame-title{padding:16px 18px;font-weight:600;font-size:12px;display:flex;align-items:center;gap:12px;color:var(--ink)}.workspace-frame-title small{font-weight:400;opacity:.65}.workspace-frame-title button{margin-left:auto;pointer-events:auto;background:transparent;border:0;color:inherit;cursor:pointer}.workspace-resize{position:absolute;right:-6px;bottom:-6px;pointer-events:auto;width:24px;height:24px;border:1px solid var(--line,#aaa);border-radius:5px;background:var(--paper);color:var(--ink);cursor:nwse-resize;font-size:20px;line-height:18px}.workspace-boundaries article{padding:12px 0;border-bottom:1px solid var(--line,#ddd);display:grid;gap:7px}.workspace-boundaries small{opacity:.7}.workspace-boundaries .btn{justify-self:start}
html[data-theme="dark"] .workspace-bar nav,html[data-theme="dark"] .workspace-bar>span,html[data-theme="dark"] .workspace-resize{background:#202124;color:#ddd;border-color:#454545}

.canvas-area:has(.workspace-bar) .minimap{top:140px}
@media(max-width:1100px){.workspace-bar>span{display:none}.workspace-bar{gap:6px}}

.workspace-card-actions{position:absolute;bottom:16px;left:14px;right:14px;padding:12px 0 0;border-top:1px solid var(--line)}.workspace-card .group-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-card .group-name .small-icon{flex-shrink:0}.workspace-card .group-edit{flex-shrink:0}
.workspace-boundary-port{position:absolute;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:3px;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:7px 14px;color:var(--ink);text-align:left;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #00000008}
.workspace-boundary-port::after{content:'';position:absolute;top:23px;width:10px;height:10px;box-sizing:border-box;border:1.5px solid var(--tone-8);border-radius:50%;background:var(--paper)}.workspace-boundary-port.left::after{right:-5px}.workspace-boundary-port.right::after{left:-5px}
.workspace-boundary-port strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:550}.workspace-boundary-port strong span{font-size:13px;flex-shrink:0}.workspace-boundary-port small,.workspace-boundary-port .boundary-direction{font:9px var(--mono);color:var(--tone-7)}.workspace-boundary-port small,.workspace-boundary-port .boundary-direction,.workspace-boundary-port strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-boundary-port:hover,.workspace-boundary-port.selected{border-color:var(--ink);background:var(--tone-2)}.workspace-boundary-port.selected::after{background:var(--ink)}.workspace-boundary-port:focus-visible{outline:2px solid var(--ink);outline-offset:3px}