.svc-canvas{gap:1.25rem;padding:.5rem 0 1rem;display:grid;position:relative}.svc-group-title{opacity:.75;margin:0 0 .5rem;font-size:.85rem}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:2.25rem 1.5rem;display:grid}.svc-box{z-index:1;border:1px solid var(--border,#80808073);background:var(--surface,Canvas);color:var(--text,CanvasText);border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex;position:relative}.svc-box--from{border-color:var(--accent,#3b82f6)}.svc-box--ok{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a59}.svc-box--no{border-color:#dc2626;box-shadow:0 0 0 2px #dc262659}.svc-box-name{overflow-wrap:anywhere;font-weight:600}.svc-box-sub{opacity:.7;font-size:.8rem}.svc-handle{border:1px dashed var(--accent,#3b82f6);min-height:2.75rem;color:inherit;cursor:grab;touch-action:none;background:0 0;border-radius:.5rem;margin-top:.25rem}.svc-lines{z-index:0;pointer-events:none;color:var(--accent,#3b82f6);position:absolute;inset:0}.svc-line{stroke:currentColor;stroke-width:2px;fill:none}.svc-line--drag{stroke-dasharray:5 4}.svc-pill{z-index:2;border:1px solid var(--accent,#3b82f6);background:var(--surface,Canvas);min-height:2rem;color:var(--text,CanvasText);cursor:grab;touch-action:none;white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;position:absolute;transform:translate(-50%,-50%)}.svc-remove{border:2px dashed var(--border,#80808073);text-align:center;opacity:.7;border-radius:.75rem;padding:.75rem;font-size:.85rem}.svc-remove--on{opacity:1;border-color:#dc2626}.svc-notice{border:1px solid var(--border,#80808073);border-radius:.5rem;margin:.5rem 0;padding:.5rem .75rem}.svc-notice--no{border-color:#dc2626}.svc-notice--ok{border-color:#16a34a}.svc-form{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end;gap:.75rem;display:grid}.svc-form label{gap:.25rem;font-size:.85rem;display:grid}.svc-form select,.svc-form button,.svc-list button{min-height:2.75rem}.svc-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.svc-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}