.spot-runtime,.spot-designer{border:1px solid #d5dfed;border-radius:12px;background:var(--sk-surface,#fff);color:var(--sk-ink,#20324b);padding:16px;max-width:100%;box-sizing:border-box;margin:15px 0}.spot-viewport{overflow:auto;max-height:72vh;border:1px solid #ccd6e5;border-radius:8px;background:#f5f7fb;direction:ltr;overscroll-behavior:contain}.spot-canvas{position:relative;width:100%;min-width:100%;line-height:0;direction:ltr}.spot-canvas>img{display:block;width:100%!important;height:auto!important;max-width:none!important;pointer-events:none;user-select:none;-webkit-user-drag:none;border:0!important;margin:0!important}.spot-canvas>svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:pan-x pan-y}.spot-canvas>svg:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}.spot-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.spot-tools button,.spot-designer button{font:inherit;border:1px solid #c4d2e6;background:var(--sk-surface,#fff);color:inherit;border-radius:8px;padding:9px 13px;min-height:44px;cursor:pointer}.spot-tools button:disabled,.spot-designer button:disabled{opacity:.55;cursor:not-allowed}.spot-marker{fill:#e58b16;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.spot-cursor{fill:none;stroke:#164ec5;stroke-width:2;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.spot-key>*{fill:#31a46a33;stroke:#238453;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.spot-help,.spot-status{font-size:13px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;margin:8px 0 0}.spot-label{font-weight:700;font-size:15px;margin:0 0 10px}.spot-error{color:#ac3030!important}.spot-designer h3{margin:0 0 10px}.spot-designer .spot-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.spot-designer label{display:flex;flex-direction:column;gap:5px;font-size:13px}.spot-designer input:not([type=hidden]),.spot-designer select{font:inherit;border:1px solid #c4d2e6;padding:10px;border-radius:8px;min-width:0;width:100%;box-sizing:border-box;background:var(--sk-surface,#fff);color:inherit}.spot-author-shape{fill:#2563eb26;stroke:#1d4ed8;stroke-width:2;vector-effect:non-scaling-stroke}.spot-designer .spot-vertices{direction:ltr;font:12px/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:9px;background:#f3f6fb;border-radius:7px;max-height:150px;overflow:auto}.spot-preview-result{font-weight:bold;margin-top:12px}.spot-loading{opacity:.6}.spot-no-image{min-height:130px;display:grid;place-content:center;padding:20px;text-align:center;font-size:14px}.spot-designer svg{touch-action:none}.spot-runtime[data-readonly="1"] [data-spot-overlay]{cursor:default}.spot-runtime img[hidden]{display:none!important}@media(max-width:620px){.spot-runtime,.spot-designer{padding:12px}.spot-designer .spot-fields{grid-template-columns:1fr}.spot-tools button{flex:1;white-space:nowrap}}