.guide-drawing{position:relative;margin:0 25px;isolation:isolate}
.guide-drawing #guide-image-button{width:100%;margin:0}
.guide-drawing[data-state="loading"] #guide-image,.guide-drawing[data-state="error"] #guide-image{opacity:0}
.guide-drawing #guide-image-button:disabled{cursor:default;opacity:1}
.guide-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#101b1e;color:#d6e5e3;font-size:14px;line-height:1.5}
.guide-loading[hidden],.guide-retry[hidden]{display:none!important}
.guide-loading-spinner{display:block;width:30px;height:30px;border:3px solid #38504f;border-top-color:#78d6c1;border-radius:50%;animation:guide-drawing-spin .8s linear infinite}
.guide-drawing[data-state="error"] .guide-loading-spinner{display:none}
.guide-retry{justify-content:center;border:1px solid #78d6c1;color:#e5f5f1;background:#1a3335;cursor:pointer}
#zoom-guide:disabled{opacity:.4;cursor:default}
@keyframes guide-drawing-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.guide-drawing{margin:0 10px}.guide-loading{gap:12px;padding:16px;font-size:12px}.guide-loading-spinner{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.guide-loading-spinner{animation:none}}