
.drawings-shell{padding-bottom:18px;position:relative}
.drawings-toolbar{position:sticky;top:10px;z-index:30;display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px;padding:10px 12px;border:1px solid #d7dee8;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(12,33,58,.08);backdrop-filter:blur(4px);align-items:center}
.drawings-stage-wrap{min-height:720px}
.drawings-stage-wrap--full{min-height:720px}
.drawings-stage{position:relative;min-height:720px;border:1px solid #d7dee8;border-radius:14px;overflow:hidden;background:
linear-gradient(to right, rgba(0,0,0,.05) 1px, transparent 1px),
linear-gradient(to bottom, rgba(0,0,0,.05) 1px, transparent 1px);
background-size:24px 24px;background-color:#fbfcfe}
.drawings-paper{position:absolute;inset:0;z-index:2}
.drawings-paper svg{overflow:visible}
.drawings-paper .joint-paper{background:transparent}
.drawings-paper .joint-link .connection{stroke-linecap:round;stroke-linejoin:round}
.drawings-paper .joint-link .connection-wrap{cursor:pointer}
.drawings-stage,
.drawings-paper,
.dw-node,
.dw-port {
    touch-action: none;
}
.drawings-zoom-label{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:0 10px;border:1px solid #d7dee8;border-radius:10px;background:#fff;font-weight:700;color:#17324d;height:38px}
.drawings-stage.is-panning{cursor:grab}
.drawings-stage.is-panning:active{cursor:grabbing}
.drawings-toolbar .btn{flex:0 0 auto}
.drawings-blocks-inline{display:inline-flex;align-items:center;gap:8px;padding:0 10px;height:38px;border:1px solid #d7dee8;border-radius:10px;background:#fff;color:#17324d;font-weight:700}
.drawings-blocks-inline span{white-space:nowrap}
.drawings-blocks-inline select{border:0;background:transparent;color:#17324d;font:inherit;outline:none;min-width:140px}
@media (max-width: 900px){
  .drawings-stage-wrap,.drawings-stage,.drawings-stage-wrap--full{min-height:560px}
  .drawings-toolbar{top:8px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:12px}
  .drawings-zoom-label{min-width:64px}
  .drawings-blocks-inline select{min-width:120px}
}
