.canvas-insertion{display:none;position:fixed;width:2px;background:var(--acc);z-index:60;pointer-events:none;border-radius:2px;box-shadow:0 0 0 3px #fff8}.canvas-insertion.show{display:block}.canvas-insertion::before,.canvas-insertion::after{content:'';position:absolute;left:-3px;width:8px;height:2px;background:var(--acc)}.canvas-insertion::before{top:0}.canvas-insertion::after{bottom:0}.canvas-insertion>span{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:var(--acc);color:#fff;padding:4px 7px;border-radius:4px;font-size:10px;white-space:nowrap}.clip.combine-target{outline:2px solid var(--acc);outline-offset:4px;background:var(--accbg)!important}.clip.combine-target::after{content:'Release for placement options';position:absolute;top:calc(100% + 7px);left:0;background:var(--acc);color:#fff;padding:4px 7px;font-size:10px;line-height:1.4;border-radius:4px;white-space:nowrap;z-index:10}.moving-canvas-job .clip{cursor:grabbing}.moving-canvas-job .job-preview{display:none!important}
.job-preview{display:none;position:fixed;z-index:62;width:286px;max-width:calc(100vw - 16px);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #17223018;padding:13px;box-sizing:border-box}.job-preview.open{display:block}.job-preview header strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4}.job-preview header small{display:block;font-size:10px;color:var(--t2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-preview p{font-size:11px;line-height:1.5;color:var(--t2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:9px 0}.job-preview ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.job-preview li{display:flex;align-items:center;gap:6px;font-size:11px}.job-preview li svg{width:12px;height:12px;color:var(--t2);flex:none}.job-preview li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-preview footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:10px;font-size:10px;color:var(--t2)}.job-preview footer button{border:0;border-radius:4px;background:#f3f5f8;color:var(--t1);padding:5px 9px;font:inherit;font-size:11px;cursor:pointer}.job-preview footer button:focus-visible{outline:2px solid var(--acc)}body:has(#veil.show) .job-preview,body:has(#iv.show) .job-preview,body.canvas-navigating .job-preview{display:none!important}
.placement-sheet{width:560px}.placement-pair{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:15px;margin-bottom:20px}.placement-pair>span{padding:12px;background:#f6f7f9;border:1px solid var(--line);border-radius:6px;font-size:13px;line-height:1.45}.placement-pair small{display:block;color:var(--t2);font-size:11px;margin-top:4px}.placement-pair>svg{width:18px;color:var(--t2)}.placement-actions{display:flex;gap:8px;flex-wrap:wrap}.placement-sheet .hint{margin-top:15px;line-height:1.5}.placement-error{color:var(--alert);font-size:12px}@media(max-width:540px){.placement-pair{grid-template-columns:1fr}.placement-pair>svg{display:none}}

.job-preview p{display:block;max-height:9em;overflow:auto}.job-preview li span{white-space:normal;overflow:visible;overflow-wrap:anywhere}.job-preview header strong{display:block}.job-preview{max-height:calc(100vh - 16px);overflow:auto}
.canvas-drag-image{position:fixed;left:-1000px;top:-1000px;max-width:260px;padding:14px 20px;border:1px solid #7793dc;border-radius:10px;background:#f5f8fff2;color:#243858;box-shadow:0 10px 30px #16366b30;font:600 13px Archivo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drag-source{opacity:.25!important;outline:1px dashed #7591c9!important;outline-offset:3px}
.canvas-landing{display:none;position:fixed;z-index:59;pointer-events:none;border:1px dashed #5275ce;border-radius:7px;background:#547ae112;box-shadow:inset 0 0 0 1px #fff8}.canvas-landing.show{display:block}
.canvas-task.combine-target{outline:2px solid var(--acc);outline-offset:3px;background:#eaf0ff;position:relative}
.clip.combine-target::after,.canvas-task.combine-target::after{content:attr(data-drop-label);position:absolute;top:calc(100% + 7px);left:0;background:#2448a5;color:white;padding:6px 9px;font-size:11px;line-height:1.4;border-radius:6px;white-space:nowrap;z-index:65;pointer-events:none;box-shadow:0 3px 10px #20386225}
.canvas-insertion{box-shadow:0 0 0 3px #fff9,0 0 12px #416bea30}.canvas-insertion>span{max-width:320px;overflow:hidden;text-overflow:ellipsis;font-size:11px;padding:6px 9px;border-radius:6px}
.drag-announcement{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.drop-landed{animation:canvas-land .6s ease-out}@keyframes canvas-land{0%{box-shadow:0 0 0 5px #537cf955;transform:translateY(-3px)}100%{box-shadow:0 0 0 0 #537cf900;transform:translateY(0)}}
.moving-canvas-job .job-preview{display:none!important}@media(prefers-reduced-motion:reduce){.drop-landed{animation:none;outline:2px solid var(--acc)}}