#drawing-link-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:12}
#drawing-link-layer .drawing-link-pin{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);border:2px solid #276ca9;border-radius:14px;background:#fff;color:#19568c;padding:3px 8px;font-weight:600;font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;box-shadow:0 1px 4px #0003}
#drawing-link-layer .drawing-link-pin.broken{border-color:#bc7333;color:#925322;border-style:dashed}
#drawing-link-layer .drawing-link-pin.focused{outline:4px solid #ffb844;outline-offset:3px}
#drawing-link-layer .drawing-link-pin.pending{border-style:dashed;pointer-events:none}
#drawing-link-banner{position:absolute;left:12px;bottom:12px;right:12px;z-index:13;background:#eef5ff;border:1px solid #bad3ee;border-radius:8px;padding:10px;display:flex;gap:10px;align-items:center;font-size:13px;pointer-events:auto}
#drawing-link-banner span{flex:1}
.drawing-links-overlay{position:fixed;inset:0;z-index:4000;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px}
.drawing-links-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0004;width:660px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;font-size:13px}
.drawing-links-dialog header{background:#1a1a2e;color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.drawing-links-dialog header button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.drawing-links-dialog main{padding:16px;overflow:auto}
.drawing-links-dialog p{margin-bottom:12px;color:#667085;line-height:1.6}
.drawing-links-dialog input,.drawing-links-dialog select{font-size:13px;padding:6px 8px;border:1px solid #ddd;border-radius:6px;min-width:0;width:100%;background:#fff;color:#222}
.drawing-links-dialog button:not(header button),#drawing-link-banner button{font-size:13px;padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}
.drawing-links-dialog button:disabled{opacity:.5;cursor:default}
.drawing-link-row{border-top:1px solid #e1e7ef;padding:12px 0;display:grid;grid-template-columns:minmax(100px,1fr) auto auto;gap:8px;align-items:center}
.drawing-link-targets{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.drawing-link-targets button{max-width:100%;overflow-wrap:anywhere}
.drawing-links-actions{display:flex;gap:8px;margin-top:14px}
.drawing-link-error{color:#b34032;margin-top:8px}
.drawing-link-color{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:13px;color:#667085}
.drawing-link-swatches{display:flex;flex-wrap:wrap;gap:8px}
.drawing-links-dialog .drawing-link-swatches .drawing-link-swatch{width:28px;height:28px;flex:none;padding:0;border:1px solid #cbd2dc;border-radius:50%}
.drawing-links-dialog .drawing-link-swatches .drawing-link-swatch[aria-pressed=true]{border:3px solid #34495e}
.drawing-link-swatch:focus-visible{outline:2px solid #378add;outline-offset:3px}
.drawing-link-color-sample{border:2px solid #276ca9;border-radius:14px;color:#19568c;font-size:12px;font-weight:600;padding:3px 8px}
#drawing-link-layer .drawing-link-pin,.drawing-link-color-sample{text-shadow:0 0 2px #fff,0 0 3px #fff}
.drawing-link-menu{position:fixed;z-index:4100;padding:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 16px #0003;min-width:110px}
.drawing-link-menu button{display:block;width:100%;text-align:left;padding:8px 12px;font:inherit;font-size:13px;border:0;background:#fff;color:#222;border-radius:4px;cursor:pointer}
.drawing-link-menu button:hover{background:#eef5ff}
.drawing-link-menu button:disabled{opacity:.5;cursor:default}