.placement-card{margin-top:18px;padding:18px}
.placement-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:13px}
.placement-head b{display:block;font-size:13px}.placement-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.placement-head span{font-size:10px;color:var(--accent);font-weight:700}
.placement-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}.placement-toolbar button:disabled{cursor:not-allowed;opacity:.45}.placement-tip{margin-bottom:13px;padding:11px 12px;border-left:3px solid #1685b0;border-radius:6px;background:#eaf5fb;color:#416476;font-size:10px;line-height:1.5}
.placement{height:270px;position:relative;border:1px solid #c8d6ce;border-radius:7px;background-color:#f8fbf8;background-image:linear-gradient(#dce8e055 1px,transparent 1px),linear-gradient(90deg,#dce8e055 1px,transparent 1px);background-size:10% 10%;overflow:hidden}
.guide-dot{position:absolute;width:37px;height:37px;border:3px solid #fff;box-shadow:0 2px 7px #16362b44;border-radius:50%;transform:translate(-50%,50%);background:var(--accent);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;cursor:grab;user-select:none}.guide-dot.selected{background:#d05c42;outline:3px solid #ffd8ca}
@media(max-width:560px){.placement-toolbar{display:grid;grid-template-columns:1fr 1fr}.placement-toolbar .primary-button{grid-column:span 2}.placement-toolbar button{width:100%}}