.sp-builder{margin:1rem 0;padding:1.1rem;border:1px solid #d9d3e9;border-radius:18px;background:#f8f6fe}.sp-builder h3{margin:0 0 .35rem;color:#253650}.sp-builder p{margin:.2rem 0 1rem;color:#516178}.sp-builder-preview{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:.65rem 0;border:1px solid #d6dce9;border-radius:12px;background:#fff}
.sp-image-answer>p,.sp-passage-answer>p{margin:0 0 .8rem;color:#4b5a70}.sp-image-stage{max-width:720px}.sp-image-button{position:relative;display:block;width:100%;padding:0;border:2px solid #7865ad;border-radius:14px;background:#fff;cursor:crosshair;overflow:hidden}.sp-image-button img{display:block;width:100%;height:auto}.sp-image-button:focus-visible,.sp-passage-text button:focus-visible,.sp-tone-choices button:focus-visible{outline:3px solid #124f83;outline-offset:3px}.sp-image-marker{position:absolute;width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:#5e35b3;box-shadow:0 0 0 2px #1b2f4c;transform:translate(-50%,-50%);pointer-events:none}.sp-coordinate-fields,.sp-range-fields{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem;margin-top:.9rem}.sp-coordinate-fields .field,.sp-range-fields .field{min-width:180px;flex:1}.sp-coordinate-fields input,.sp-range-fields input{max-width:230px}.sp-image-answer [role=status],.sp-passage-answer [role=status]{min-height:1.5em;margin:.7rem 0;color:#263b59}
.sp-tone-choices{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 1rem}.sp-tone-choices button{padding:.65rem .85rem;border-radius:12px;border:2px solid #c9d1dc;background:#fff;color:#233650;font:inherit;font-weight:700;cursor:pointer}.sp-tone-choices [data-sp-tone=like][aria-pressed=true]{border-color:#137d5a;background:#e0f5ec;color:#065439}.sp-tone-choices [data-sp-tone=dislike][aria-pressed=true]{border-color:#b63f55;background:#fde9ed;color:#8b2337}.sp-passage-text{padding:1rem;border:1px solid #d6dce9;border-radius:14px;background:#fff;line-height:2.25;white-space:pre-wrap;overflow-wrap:anywhere}.sp-passage-text button{display:inline;padding:.1rem .08rem;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer;text-decoration:underline dotted #9dacc0;text-underline-offset:.2em}.sp-passage-text button:hover{background:#eee8fc}.sp-passage-text button.sp-liked{background:#b8e9d0;text-decoration:none}.sp-passage-text button.sp-disliked{background:#f5bdc5;text-decoration:none}.sp-mark-list>div{display:flex;gap:.7rem;align-items:center;justify-content:space-between;padding:.55rem .7rem;margin:.4rem 0;border:1px solid #e0e5ec;border-radius:10px}.sp-mark-list button{border:0;background:transparent;color:#532ca6;text-decoration:underline;cursor:pointer;font:inherit}.sp-like-chip,.sp-dislike-chip{display:inline-block;padding:.3rem .5rem;border-radius:8px;overflow-wrap:anywhere}.sp-like-chip{background:#e0f5ec;color:#13543d}.sp-dislike-chip{background:#fde9ed;color:#8b2337}
.sp-image-result>div{position:relative;max-width:720px;line-height:0}.sp-image-result img{display:block;width:100%;height:auto;border-radius:12px}.sp-heat-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);pointer-events:none}.sp-image-result p,.sp-passage-result>p{margin:.7rem 0;color:#4b5a70}.sp-passage-result>div{display:grid;gap:.4rem}.sp-passage-result>div p{margin:0}.sp-passage-result small{display:block;margin-top:.7rem;color:#617189}
@media(max-width:600px){.sp-coordinate-fields,.sp-range-fields{display:grid;grid-template-columns:1fr}.sp-coordinate-fields input,.sp-range-fields input{max-width:100%}.sp-image-marker{width:18px;height:18px}.sp-passage-text{padding:.7rem;line-height:2.15}}