.depth-capture-trigger { display: inline-grid; place-items: center; width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 0; border: 1px solid rgba(255,255,255,.24); border-radius: 8px; background: rgba(3,8,15,.82); color: #f1f6fa; cursor: pointer; }
.depth-capture-trigger svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.depth-capture-trigger:hover, .depth-capture-trigger:focus-visible { border-color: #70dece; color: #88f5e2; outline: 2px solid transparent; }
.node-card:has(.depth-capture-editor).visual-expanded { width: min(500px, calc(100vw - 76px)); }
.depth-capture-drawer { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.depth-capture-label, .depth-capture-drawer small { color: #a6becd; font-size: 12px; }
.depth-capture-resolutions { display: flex; flex-wrap: wrap; gap: 8px; }
.depth-capture-resolutions button { flex: 1 1 auto; min-height: 32px; padding: 6px 12px; border: 1px solid #334957; border-radius: 18px; color: #bed1dc; background: #12232f; cursor: pointer; }
.depth-capture-resolutions button[aria-pressed="true"] { border-color: #70dece; color: #d8fff8; background: #153632; }
.depth-capture-resolutions button:focus-visible { outline: 2px solid #70dece; outline-offset: 2px; }
.depth-capture-run { width: 100%; min-height: 36px; }
.depth-capture-editor button:disabled { opacity: .55; cursor: default; }
.depth-capture-error { margin: 0; color: #f3afa6; font-size: 12px; overflow-wrap: anywhere; }
.ruyi-canvas .result-frame .result-empty.depth-capture-progress {
  box-sizing: border-box; width: calc(100% - 24px); min-width: 0;
  max-width: 320px; padding: 12px; gap: 10px; text-align: center;
}
.ruyi-canvas .result-frame .result-empty.depth-capture-progress > span,
.ruyi-canvas .result-frame .result-empty.depth-capture-progress > em,
.ruyi-canvas .result-frame .result-empty.depth-capture-progress > small {
  box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%;
  white-space: normal; overflow-wrap: anywhere; line-height: 1.5; text-align: center;
}
.ruyi-canvas .result-frame .result-empty.depth-capture-progress > span { font-size: 18px; }
.ruyi-canvas .result-frame .result-empty.depth-capture-progress > em,
.ruyi-canvas .result-frame .result-empty.depth-capture-progress > small { font-size: 12px; }
.ruyi-canvas .depth-capture-progress .result-progress { width: 100%; min-width: 0; max-width: 100%; }