.upload-zone[data-astro-cid-sxcbbiar]{border:2px dashed var(--color-hairline);border-radius:var(--radius-lg);text-align:center;background:var(--color-canvas-soft);cursor:pointer;place-content:center;min-height:230px;padding:1.25rem;display:grid}.canvas-container[data-astro-cid-sxcbbiar]{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:#efefef;justify-content:center;align-items:center;max-height:480px;display:flex;position:relative;overflow:auto}#canvas[data-astro-cid-sxcbbiar]{cursor:crosshair;touch-action:none;display:block}.btn-group[data-astro-cid-sxcbbiar]{flex-wrap:wrap;gap:.375rem;display:flex}.btn-tool[data-astro-cid-sxcbbiar]{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-mute);cursor:pointer;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.btn-tool[data-astro-cid-sxcbbiar].active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.btn-tool[data-astro-cid-sxcbbiar]:focus-visible{outline:3px solid color-mix(in srgb, var(--img-primary) 28%, transparent);outline-offset:2px}.compact-image-tool .annotator-controls{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}.compact-image-tool .annotator-control{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);align-content:start;gap:.55rem;padding:.75rem;display:grid}.compact-image-tool .annotator-heading{color:var(--color-body);justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.compact-image-tool .annotator-heading output{background:var(--img-accent);min-width:46px;color:var(--img-primary);font:700 .74rem/1.2 var(--font-mono);text-align:center;border-radius:999px;padding:.2rem .45rem}.compact-image-tool input.annotator-range{appearance:none!important;cursor:pointer!important;background:#0f8a83!important;border:0!important;border-radius:999px!important;width:100%!important;height:8px!important}.compact-image-tool input.annotator-range::-webkit-slider-runnable-track{background:#0f8a83!important;border:0!important;border-radius:999px!important;height:8px!important}.compact-image-tool input.annotator-range::-webkit-slider-thumb{appearance:none!important;background:#0f8a83!important;border:3px solid #fff!important;border-radius:50%!important;width:20px!important;height:20px!important;margin-top:-6px!important;box-shadow:0 2px 7px #0f766e59!important}.compact-image-tool input.annotator-range::-moz-range-track{background:#0f8a83!important;border:0!important;border-radius:999px!important;height:8px!important}.compact-image-tool input.annotator-range::-moz-range-progress{background:#0f8a83!important;border:0!important;border-radius:999px!important;height:8px!important}.compact-image-tool input.annotator-range::-moz-range-thumb{background:#0f8a83!important;border:3px solid #fff!important;border-radius:50%!important;width:16px!important;height:16px!important}.compact-image-tool .annotator-rainbow{color:#fff!important;text-shadow:0 1px 2px #0006!important;opacity:1!important;visibility:visible!important;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6)!important;border-radius:10px!important;align-items:center!important;gap:.5rem!important;padding:4px 9px 4px 4px!important;font-size:.7rem!important;font-weight:800!important;display:inline-flex!important}.compact-image-tool .annotator-rainbow>span{color:#fff!important;white-space:nowrap!important;display:inline!important}.compact-image-tool .annotator-rainbow input[type=color]{opacity:1!important;visibility:visible!important;cursor:pointer!important;background:#fff!important;border:0!important;border-radius:7px!important;width:42px!important;height:34px!important;padding:3px!important;display:block!important}.compact-image-tool .canvas-container{overscroll-behavior:auto!important}@media (width<=480px){.compact-image-tool .annotator-controls{grid-template-columns:1fr}}.compact-image-tool .annotator-panel-heading{background:color-mix(in srgb,var(--img-accent) 72%,#fff);border-bottom:1px solid color-mix(in srgb,var(--img-primary) 18%,var(--color-hairline));justify-content:space-between;align-items:center;gap:.75rem;min-height:58px;padding:.65rem 1rem;display:flex}.compact-image-tool .annotator-panel-heading h2{color:var(--img-primary-dark);line-height:1.35;border:0!important;margin:0!important;padding:0!important}.compact-image-tool .annotator-panel-heading #btn-reset-image{white-space:nowrap;flex:none;min-height:38px;margin:0}.compact-image-tool .btn-tool svg{pointer-events:none}.compact-image-tool .annotator-undo{border-color:color-mix(in srgb,var(--img-primary) 42%,var(--color-hairline));background:linear-gradient(135deg,color-mix(in srgb,var(--img-accent) 82%,#fff),#fff);color:var(--img-primary-dark);align-items:center;gap:.45rem;padding:.55rem .8rem;display:inline-flex;box-shadow:0 3px 10px #0f766e1a}.compact-image-tool .annotator-undo:hover:not(:disabled){border-color:var(--img-primary);background:var(--img-accent);transform:translateY(-1px);box-shadow:0 5px 14px #0f766e2e}.compact-image-tool .annotator-undo kbd{border:1px solid color-mix(in srgb,var(--img-primary) 24%,var(--color-hairline));background:var(--color-card);color:var(--color-mute);font:600 .62rem/1.3 var(--font-mono);border-radius:4px;padding:.12rem .35rem}.compact-image-tool .btn-tool:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}