.sb-detail-brush-cursor { position:absolute; left:0; top:0; border:1.5px solid #fff; border-radius:50%; box-shadow:0 0 2px 1px #333; pointer-events:none; box-sizing:border-box; z-index:3; }
.sb-detail-brush-cursor[hidden] { display:none; }
.sb-detail-mosaic-canvas { cursor:none; }
.sb-detail-reference-open { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:pointer; z-index:1; border-radius:12px; }
.sb-detail-reference-open:focus-visible { outline:2px solid #999; outline-offset:2px; }
.sb-detail-region-upload-remove { z-index:4; padding:0; cursor:pointer; }
.sb-detail-region-upload.is-disabled { pointer-events:none; opacity:.74; }
.sb-detail-shared-reference .sb-detail-reference-open { inset:0; width:100%; height:100%; padding:0; border:0; border-radius:12px; background:transparent; box-shadow:none; }
.sb-detail-shared-reference [data-shared-reference-remove] { z-index:4; }
.sb-detail-region-upload .sb-detail-note-trigger,
.sb-detail-shared-reference .sb-detail-note-trigger { position:absolute; inset:auto auto 8px 8px; z-index:3; width:auto; height:28px; padding:0 10px; border:1px solid rgba(128,128,128,.2); border-radius:12px; background:rgba(255,255,255,.94); color:#333; box-shadow:0 2px 8px #0002; font-family:inherit; font-size:12px; font-weight:500; cursor:pointer; opacity:0; transition:opacity 120ms ease; }
.sb-detail-note-trigger:active { transform:scale(.97); }
.sb-detail-region-upload:focus-within .sb-detail-note-trigger,
.sb-detail-shared-reference:focus-within .sb-detail-note-trigger { opacity:1; }
@media (hover:hover) and (pointer:fine) {
  .sb-detail-region-upload:hover .sb-detail-note-trigger,
  .sb-detail-shared-reference:hover .sb-detail-note-trigger { opacity:1; }
}
@media (hover:none) { .sb-detail-region-upload .sb-detail-note-trigger, .sb-detail-shared-reference .sb-detail-note-trigger { opacity:1; } }
.sb-detail-region-upload.has-note-open .sb-detail-region-upload-status { visibility:hidden; }
.sb-detail-note-bubble { position:absolute; z-index:100; box-sizing:border-box; padding:12px; border:1px solid #0002; border-radius:12px; background:#fafafa; color:#333; box-shadow:0 8px 30px #0003; }
.sb-detail-note-bubble label { display:grid; gap:8px; font-size:12px; }
.sb-detail-note-bubble textarea { display:block; box-sizing:border-box; width:100%; min-height:76px; max-height:160px; resize:vertical; margin:0; padding:8px; border:1px solid #0002; border-radius:8px; outline:none; background:#fff; color:inherit; font-family:inherit; font-size:14px; line-height:1.5; }
.sb-detail-note-bubble textarea:focus { border-color:#888; box-shadow:none; }
html.theme-dark .sb-detail-note-bubble { background:#292929; color:#eee; border-color:#ffffff26; }
html.theme-dark .sb-detail-note-bubble textarea { background:#202020; border-color:#ffffff26; }
html.theme-dark .sb-detail-region-upload .sb-detail-note-trigger,
html.theme-dark .sb-detail-shared-reference .sb-detail-note-trigger { background:rgba(40,40,40,.95); color:#eee; border-color:#ffffff26; }
@media (prefers-reduced-motion:reduce) { .sb-detail-note-trigger { transition:none!important; } }