/* A concrete deletion playground. Scoped to avoid the generic scaled phone and
   three-column workbench rules; text is never scaled down to fit a screen. */
.deletion-workspace { --dlab-border: #dbe2d4; --dlab-soft: #edf2e8; --dlab-muted: #73806d; --dlab-red: #be5145; color: #263e31; font-size: 13px; }
.deletion-workspace button, .deletion-workspace select, .dlab-comparison button { font: inherit; }
.deletion-workspace button { touch-action: manipulation; }
.deletion-workspace :focus-visible { outline: 3px solid #8fa76c; outline-offset: 3px; }
.deletion-workspace .dlab-icon, .deletion-workspace .icon { width: 18px; height: 18px; flex: 0 0 18px; }
.dlab-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.dlab-heading > div { min-width: 0; }
.dlab-heading h1 { color: #173d31; font-size: 23px; line-height: 1.35; letter-spacing: -.7px; font-weight: 600; margin-top: 4px; }
.dlab-breadcrumb { display: flex; align-items: center; gap: 7px; color: var(--dlab-muted); font-size: 13px; line-height: 20px; }
.dlab-breadcrumb button { background: none; color: inherit; border: 0; padding: 0; min-height: 24px; }
.dlab-breadcrumb button:hover { color: #173d31; text-decoration: underline; text-underline-offset: 3px; }
.dlab-link { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 32px; background: none; color: #657b54; border: 0; padding: 4px 0; font-size: 13px; text-decoration: none; white-space: nowrap; }
.dlab-link:hover { color: #234b34; }
.dlab-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dlab-intro > p { font-size: 14px; line-height: 1.6; color: #64745d; margin: 0; }
.dlab-intro ol { display: flex; align-items: center; gap: 14px; list-style: none; margin: 0; padding: 0; flex-shrink: 0; }
.dlab-intro li { display: flex; align-items: center; gap: 5px; font-size: 13px; color: #7b896f; white-space: nowrap; }
.dlab-intro li > span { display: inline-grid; place-items: center; width: 19px; height: 19px; border: 1px solid #d3ddc6; border-radius: 50%; font-size: 13px; line-height: 1; }
.dlab-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; min-width: 0; align-items: stretch; }
.dlab-practice { min-width: 0; background: #edf2e7; border: 1px solid var(--dlab-border); border-radius: 12px; padding: 13px; display: flex; flex-direction: column; }
.dlab-practice:focus { outline: none; }
.dlab-practice:focus-visible { outline: 3px solid #8fa76c; outline-offset: 2px; }
.dlab-practice-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.dlab-conditions { display: inline-flex; align-items: center; gap: 5px; }
.dlab-condition { display: inline-flex; justify-content: center; align-items: center; min-height: 34px; padding: 6px 10px; background: #f8faf4; border: 1px solid #d7dfca; border-radius: 6px; color: #738263; font-size: 13px; white-space: nowrap; }
.dlab-condition:hover { border-color: #a0b480; }
.dlab-condition.is-active { background: #dcebbd; color: #39592e; border-color: #b9cf97; }
.dlab-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; background: #e9eee2; color: #355136; border: 1px solid transparent; min-height: 36px; border-radius: 6px; padding: 7px 11px; line-height: 1.4; font-size: 13px; font-weight: 500; text-align: center; }
.dlab-button:not(:disabled):hover { filter: brightness(.97); }
.dlab-button.is-secondary { background: #f8faf3; border-color: #d8e1ce; color: #6b8058; }
.dlab-button.is-primary { background: #234b37; color: #f6faef; }
.dlab-button.is-danger { background: #c95047; color: #fff; }
.dlab-button.is-full { width: 100%; }
.dlab-button:disabled { opacity: .45; cursor: default; }
.dlab-scenes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; flex: 1; min-width: 0; }
.dlab-scene { display: flex; flex-direction: column; min-width: 0; }
.dlab-scene-heading { display: flex; justify-content: space-between; align-items: center; gap: 7px; min-height: 30px; margin-bottom: 7px; }
.dlab-scene-heading > div { display: flex; align-items: center; gap: 6px; min-width: 0; }
.dlab-scene-heading h2 { font-size: 14px; line-height: 1.4; font-weight: 550; color: #3e5933; margin: 0; white-space: nowrap; }
.dlab-letter { display: inline-grid; place-items: center; height: 20px; width: 20px; flex: 0 0 20px; font-size: 13px; font-weight: 500; line-height: 1; border: 1px solid #cbd8bd; border-radius: 5px; color: #7b9165; background: #f4f7ed; }
.dlab-click-count { color: #8a977d; font-size: 13px; white-space: nowrap; }
.dlab-click-count b { color: #466735; font-weight: 600; }
.dlab-window { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d9ded3; background: #fff; border-radius: 9px; min-width: 0; flex: 1; box-shadow: 0 4px 10px -8px #23412d60; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; color: #262e24; }
.dlab-appbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 38px; flex: 0 0 38px; padding: 7px 12px; background: #f5f5f5; border-bottom: 1px solid #e8e8e8; }
.dlab-appbar strong { font-size: 14px; font-weight: 550; line-height: 1.4; }
.dlab-appbar > span { color: #8b9386; font-size: 13px; white-space: nowrap; }
.dlab-chat-list { flex: 1; min-height: 0; }
.dlab-chat-row { display: flex; align-items: center; gap: 8px; min-height: 61px; padding: 10px 10px; border-bottom: 1px solid #eeeeea; }
.dlab-chat-row:last-child { border-bottom: 0; }
.dlab-avatar { display: inline-grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; background: #e6ecdd; color: #758764; border-radius: 7px; font-size: 15px; font-weight: 500; }
.dlab-avatar.is-warm { background: #f1dfc0; color: #92774b; }
.dlab-avatar.is-blue { background: #d7e5ec; color: #6f8890; }
.dlab-avatar.is-green { background: #d9e9d1; color: #69895b; }
.dlab-avatar.is-paper { background: #e8e4d8; color: #8e8875; }
.dlab-chat-copy { min-width: 0; flex: 1; }
.dlab-chat-copy strong { display: block; font-size: 14px; font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dlab-chat-copy p { font-size: 13px; line-height: 1.4; color: #92978d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 4px 0 0; }
.dlab-delete-row { border: 0; background: #fff1ed; border-radius: 5px; padding: 4px 6px; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 1px; color: var(--dlab-red); min-width: 39px; min-height: 40px; flex: 0 0 auto; font-size: 13px; line-height: 1.3; }
.dlab-delete-row:hover { background: #fbe4de; }
.dlab-delete-row .dlab-icon { width: 15px; height: 15px; flex-basis: 15px; }
.dlab-chat-row.is-reference { background: #fafbf8; }
.dlab-queue-note { padding: 5px 10px; background: #f7f8f3; color: #929b86; font-size: 13px; line-height: 1.5; border-bottom: 1px solid #ecefe5; }
.dlab-reference-tag { font-size: 13px; color: #a0a697; white-space: nowrap; flex-shrink: 0; }
.dlab-list-finished { padding: 16px 10px; background: #f3f7ec; color: #7e906a; text-align: center; font-size: 13px; }
.dlab-undo-bar { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 43px; flex-shrink: 0; padding: 5px 10px; background: #eaf2df; border-top: 1px solid #d3e2bf; color: #597344; font-size: 13px; }
.dlab-undo-bar .dlab-button { background: transparent; border-color: transparent; color: #426932; min-height: 32px; padding: 4px 5px; }
.dlab-outcome { display: flex; align-items: flex-start; gap: 6px; padding-top: 9px; color: #6f8060; font-size: 13px; line-height: 1.55; }
.dlab-outcome p { margin: 0; }
.dlab-outcome-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: #abb998; margin-top: 8px; }
.dlab-outcome-dot.is-complete { background: #6d9954; }
.dlab-caption { margin: 9px 0 0; text-align: center; color: #8a967e; font-size: 13px; line-height: 1.5; }
.dlab-bulk-content { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.dlab-bulk-overview { display: flex; flex-direction: column; flex: 1; }
.dlab-record-total { display: flex; align-items: baseline; justify-content: space-between; padding: 12px 13px 8px; }
.dlab-record-total > span { font-size: 13px; color: #87907d; }
.dlab-record-total strong { font-size: 25px; font-weight: 600; letter-spacing: -.8px; color: #384a30; line-height: 1.3; }
.dlab-record-total small { font-size: 13px; font-weight: 400; color: #87907d; letter-spacing: 0; }
.dlab-record-list { padding: 0 12px; }
.dlab-record-row { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid #eceee6; }
.dlab-record-row:last-child { border-bottom: 0; }
.dlab-record-copy { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dlab-record-copy strong { font-size: 14px; font-weight: 500; line-height: 1.4; }
.dlab-record-copy > span { font-size: 13px; line-height: 1.4; color: #8b9481; }
.dlab-bulk-main-action { padding: 11px 12px 13px; margin-top: auto; }
.dlab-bulk-main-action .dlab-button { min-height: 38px; padding-left: 6px; padding-right: 6px; }
.dlab-confirm-layer { position: absolute; inset: 0; z-index: 2; background: rgb(32 43 28 / 25%); display: flex; align-items: center; justify-content: center; padding: 13px; }
.dlab-confirm-card { width: 100%; max-width: 282px; background: #fff; border-radius: 10px; padding: 20px 15px 12px; box-shadow: 0 8px 30px -14px #18352570; text-align: center; }
.dlab-confirm-card h3 { color: #243c2b; font-weight: 600; font-size: 16px; line-height: 1.4; margin: 0 0 12px; }
.dlab-confirm-card p { font-size: 13px; color: #7c8773; line-height: 1.7; margin: 7px 0; }
.dlab-confirm-card .dlab-confirm-name { color: #445b37; font-weight: 500; }
.dlab-confirm-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.dlab-confirm-actions .dlab-button { min-height: 37px; padding: 8px 5px; }
.dlab-confirm-card .dlab-warning, .dlab-warning { color: #ab6452; font-size: 13px; line-height: 1.55; }
.dlab-bulk-review { padding: 14px 12px 12px; }
.dlab-bulk-review h3 { margin: 0 0 5px; color: #30462b; font-size: 15px; font-weight: 550; line-height: 1.4; }
.dlab-review-intro { font-size: 13px; color: #859277; margin: 0 0 8px; line-height: 1.4; }
.dlab-bulk-review .dlab-record-list { padding: 0; }
.dlab-bulk-review .dlab-record-row { padding: 8px 0; }
.dlab-review-check { display: inline-grid; place-items: center; width: 20px; height: 20px; flex: 0 0 20px; color: #6e8a4c; background: #e3edcf; border: 1px solid #bfcdad; border-radius: 4px; }
.dlab-review-check .dlab-icon, .dlab-review-check .icon { height: 14px; width: 14px; }
.dlab-bulk-review .dlab-warning { margin: 10px 0 0; }
.dlab-bulk-review .dlab-confirm-actions { margin-top: 12px; }
.dlab-bulk-done { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 25px 18px; background: #fbfcf8; }
.dlab-done-symbol { display: inline-grid; place-items: center; height: 53px; width: 53px; border: 1px dashed #cbd8b9; background: #edf3e4; border-radius: 50%; color: #87a16a; margin-bottom: 14px; }
.dlab-done-symbol .dlab-icon { width: 25px; height: 25px; }
.dlab-bulk-done h3 { color: #426137; font-size: 19px; line-height: 1.5; font-weight: 550; margin: 0 0 9px; }
.dlab-bulk-done p { font-size: 13px; line-height: 1.7; color: #8b997f; margin: 0; }
.dlab-zero-count { margin-top: 15px; color: #8da17a; font-size: 13px; border: 1px solid #dce6cf; border-radius: 30px; padding: 4px 12px; }
.dlab-control-panel { min-width: 0; background: #fffef9; border: 1px solid var(--dlab-border); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; }
.dlab-controls { display: flex; flex-direction: column; gap: 13px; }
.dlab-control-group { padding: 0; margin: 0; border: 0; min-width: 0; }
.dlab-control-group > legend { display: flex; align-items: center; gap: 6px; padding: 0; margin-bottom: 7px; font-size: 14px; font-weight: 550; color: #425b34; line-height: 1.4; }
.dlab-choices { display: flex; flex-direction: column; gap: 5px; }
.dlab-choice { display: flex; justify-content: space-between; align-items: center; gap: 7px; width: 100%; min-height: 46px; text-align: left; border: 1px solid #dee4d5; border-radius: 7px; padding: 6px 9px; color: #7c896f; background: #fbfcf7; }
.dlab-choice:hover { background: #f3f6eb; border-color: #bacda1; }
.dlab-choice.is-selected { background: #eaf3d8; border-color: #abc583; color: #42632e; box-shadow: inset 0 0 0 .5px #bdce9c; }
.dlab-choice-copy { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.dlab-choice-copy strong { font-size: 13px; font-weight: 550; line-height: 1.35; }
.dlab-choice-copy > span { font-size: 13px; line-height: 1.25; color: #91a07f; }
.dlab-choice.is-selected .dlab-choice-copy > span { color: #7b9560; }
.dlab-choice-marker { display: inline-grid; place-items: center; height: 17px; width: 17px; flex: 0 0 17px; border: 1px solid #d2dcc7; border-radius: 50%; }
.dlab-choice.is-selected .dlab-choice-marker { border-color: #8fab65; background: #d1e6af; color: #608242; }
.dlab-choice-marker .icon { width: 11px; height: 11px; flex-basis: 11px; stroke-width: 2; }
.dlab-control-bottom { margin-top: auto; padding-top: 12px; }
.dlab-history-tools { display: flex; align-items: center; gap: 5px; padding-top: 10px; border-top: 1px solid #e4e9db; }
.dlab-history-select { display: block; width: 80px; min-width: 0; flex: 1; border: 1px solid #dce3d1; border-radius: 6px; min-height: 35px; padding: 6px 20px 6px 7px; font-size: 13px; color: #829170; background: #f9fbf4; text-overflow: ellipsis; }
.dlab-history-tools > .dlab-button { padding: 7px 8px; white-space: nowrap; min-height: 35px; font-size: 13px; }
.dlab-history-tools .icon { width: 15px; height: 15px; flex-basis: 15px; }
.dlab-check { margin-top: 8px; min-height: 40px; font-size: 14px; }
.dlab-result-peek { display: flex; align-items: center; justify-content: space-between; gap: 5px; color: #7a8e65; font-size: 13px; margin-top: 5px; }
.dlab-result-peek .dlab-link { min-height: 26px; padding: 2px 0; }
.dlab-inline-feedback { display: none; }
.dlab-mobile-preview { display: none; }
.dlab-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13px; color: #94a084; }
.dlab-footer .dlab-link { min-height: 27px; }

/* Comparison is an honest action trace, not a screen full of instructions. */
.dlab-comparison { color: #526847; font-size: 14px; }
.dlab-comparison-intro { margin: 0 0 18px; font-size: 14px; line-height: 1.8; color: #819071; }
.dlab-comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.dlab-comparison-card { border: 1px solid #d9e2cc; border-radius: 10px; background: #f7faf0; padding: 18px; min-width: 0; }
.dlab-comparison-card > header { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-bottom: 1px solid #dfe6d4; padding-bottom: 12px; }
.dlab-comparison-card h3 { font-size: 17px; font-weight: 550; color: #3c5930; margin: 0; }
.dlab-comparison-card > header > span { font-size: 13px; color: #81986c; white-space: nowrap; }
.dlab-comparison-card header b { color: #425f32; font-size: 20px; font-weight: 550; }
.dlab-path { margin-top: 17px; }
.dlab-path-label { font-size: 13px; color: #99a687; }
.dlab-path h4 { font-size: 14px; line-height: 1.5; font-weight: 500; margin: 5px 0 9px; color: #4b663c; }
.dlab-sequence { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; list-style: none; margin: 0; padding: 0; }
.dlab-sequence li { font-size: 13px; color: #738765; line-height: 1.6; }
.dlab-sequence li:not(:last-child)::after { content: '→'; color: #a5b393; margin-left: 7px; }
.dlab-recovery { margin-top: 18px; border-top: 1px solid #e1e7d7; padding-top: 12px; }
.dlab-recovery strong { font-size: 13px; font-weight: 550; color: #587246; }
.dlab-recovery p { color: #859777; line-height: 1.7; margin: 4px 0 0; font-size: 13px; }
.dlab-protection { margin: 13px 0 0; padding: 9px 11px; border-radius: 6px; color: #ad795c; background: #f5eadc; font-size: 13px; line-height: 1.7; }
.dlab-protection.is-protected { background: #eaf2dd; color: #7a9361; }
.deletion-compare-dialog[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(840px, calc(100% - 32px)); height: min(660px, calc(100dvh - 32px)); max-height: calc(100dvh - 32px); }
.deletion-compare-dialog .dialog-body { display: block; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 14px 22px; }
.deletion-compare-dialog .dialog-header { padding: 20px 22px 0; }
.deletion-compare-dialog .dialog-actions { padding: 10px 22px 20px; }

@media (min-width: 961px) and (min-height: 620px) {
  .work-shell .deletion-workspace { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 9px; min-height: 0; padding: 10px 0 5px; }
  .work-shell .deletion-workspace .dlab-grid { min-height: 0; }
  .work-shell .deletion-workspace .dlab-practice, .work-shell .deletion-workspace .dlab-scenes, .work-shell .deletion-workspace .dlab-scene, .work-shell .deletion-workspace .dlab-window, .work-shell .deletion-workspace .dlab-control-panel { min-height: 0; }
  .work-shell .deletion-workspace .dlab-control-panel { overflow: visible; }
  .work-shell .deletion-workspace .dlab-scene { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
  .work-shell .deletion-workspace .dlab-heading h1 { font-size: 21px; margin-top: 2px; }
  .work-shell .deletion-workspace .dlab-heading .dlab-breadcrumb { line-height: 18px; }
  .work-shell .deletion-workspace .dlab-breadcrumb button { min-height: 20px; }
  .work-shell .deletion-workspace .dlab-outcome { min-height: 44px; }
}

@media (min-width: 961px) and (min-height: 620px) and (max-height: 730px) {
  .work-shell .deletion-workspace { gap: 6px; padding-top: 7px; padding-bottom: 3px; }
  .work-shell .deletion-workspace .dlab-control-panel { padding: 8px 12px; }
  .work-shell .deletion-workspace .dlab-controls { gap: 6px; }
  .work-shell .deletion-workspace .dlab-control-group > legend { margin-bottom: 3px; font-size: 13px; }
  .work-shell .deletion-workspace .dlab-choices { gap: 3px; }
  .work-shell .deletion-workspace .dlab-choice { min-height: 42px; padding: 3px 8px; }
  .work-shell .deletion-workspace .dlab-choice-copy { gap: 0; }
  .work-shell .deletion-workspace .dlab-control-bottom { padding-top: 4px; }
  .work-shell .deletion-workspace .dlab-history-tools { padding-top: 4px; }
  .work-shell .deletion-workspace .dlab-history-tools > .dlab-button { min-height: 34px; padding-top: 6px; padding-bottom: 6px; }
  .work-shell .deletion-workspace .dlab-history-select { min-height: 34px; }
  .work-shell .deletion-workspace .dlab-check { margin-top: 6px; min-height: 35px; }
  .work-shell .deletion-workspace .dlab-result-peek { margin-top: 4px; }
  .work-shell .deletion-workspace .dlab-result-peek .dlab-link { min-height: 22px; padding-top: 0; padding-bottom: 0; }
  .work-shell .deletion-workspace .dlab-practice { padding: 10px; }
  .work-shell .deletion-workspace .dlab-practice-toolbar { margin-bottom: 7px; }
  .work-shell .deletion-workspace .dlab-chat-row { min-height: 52px; padding-top: 5px; padding-bottom: 5px; }
  .work-shell .deletion-workspace .dlab-chat-row.is-reference .dlab-chat-copy p { display: none; }
  .work-shell .deletion-workspace .dlab-record-row { padding-top: 6px; padding-bottom: 6px; }
  .work-shell .deletion-workspace .dlab-record-row .dlab-avatar { width: 30px; height: 30px; flex-basis: 30px; }
  .work-shell .deletion-workspace .dlab-record-copy { flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; }
  .work-shell .deletion-workspace .dlab-record-copy > span { white-space: nowrap; }
  .work-shell .deletion-workspace .dlab-record-total { padding-top: 6px; padding-bottom: 4px; }
  .work-shell .deletion-workspace .dlab-bulk-main-action { padding-top: 6px; padding-bottom: 8px; }
  .work-shell .deletion-workspace .dlab-bulk-main-action .dlab-button { min-height: 34px; padding-top: 6px; padding-bottom: 6px; }
  .work-shell .deletion-workspace .dlab-bulk-review { padding: 10px 12px; }
  .work-shell .deletion-workspace .dlab-bulk-review h3 { margin-bottom: 3px; }
  .work-shell .deletion-workspace .dlab-review-intro { margin-bottom: 5px; }
  .work-shell .deletion-workspace .dlab-bulk-review .dlab-record-row { padding-top: 4px; padding-bottom: 4px; }
  .work-shell .deletion-workspace .dlab-bulk-review .dlab-warning { margin-top: 8px; line-height: 1.45; }
  .work-shell .deletion-workspace .dlab-bulk-review .dlab-confirm-actions { margin-top: 10px; }
  .work-shell .deletion-workspace .dlab-bulk-review .dlab-button { min-height: 35px; padding-top: 6px; padding-bottom: 6px; }
  .work-shell .deletion-workspace .dlab-bulk-done { padding: 12px; }
  .work-shell .deletion-workspace .dlab-done-symbol { width: 38px; height: 38px; margin-bottom: 8px; }
  .work-shell .deletion-workspace .dlab-bulk-done h3 { font-size: 17px; margin-bottom: 5px; }
  .work-shell .deletion-workspace .dlab-zero-count { margin-top: 8px; }
  .work-shell .deletion-workspace .dlab-caption { margin-top: 5px; }
  .work-shell .deletion-workspace .dlab-footer { font-size: 13px; }
  .deletion-compare-dialog .dlab-comparison-intro { margin-bottom: 8px; }
  .deletion-compare-dialog .dlab-comparison-card { padding: 14px; }
  .deletion-compare-dialog .dlab-path { margin-top: 10px; }
  .deletion-compare-dialog .dlab-path h4 { margin: 3px 0 5px; }
  .deletion-compare-dialog .dlab-recovery { margin-top: 10px; padding-top: 8px; }
  .deletion-compare-dialog .dlab-protection { margin-top: 8px; padding: 7px 10px; }
}

@media (min-width: 961px) and (max-width: 1140px) {
  .deletion-workspace .dlab-grid { grid-template-columns: minmax(0, 1fr) 292px; gap: 12px; }
  .deletion-workspace .dlab-scenes { gap: 9px; }
  .deletion-workspace .dlab-intro { align-items: flex-start; gap: 8px; }
  .deletion-workspace .dlab-intro > p { font-size: 13px; }
  .deletion-workspace .dlab-intro ol { gap: 8px; }
  .deletion-workspace .dlab-condition { padding-left: 7px; padding-right: 7px; }
  .deletion-workspace .dlab-reset { padding-left: 6px; padding-right: 6px; }
  .deletion-workspace .dlab-click-count { font-size: 13px; }
  .deletion-workspace .dlab-chat-row { gap: 6px; padding-left: 8px; padding-right: 8px; }
  .deletion-workspace .dlab-avatar { width: 31px; height: 31px; flex-basis: 31px; }
  .deletion-workspace .dlab-reference-tag { display: none; }
}

@media (max-width: 960px), (max-height: 619px) {
  .deletion-workspace { display: flex; flex-direction: column; gap: 16px; padding: 22px 0; }
  .dlab-grid { grid-template-columns: minmax(0, 1fr); gap: 17px; }
  .dlab-intro { align-items: flex-start; flex-direction: column; gap: 9px; }
  .dlab-practice { padding: 14px; }
  .dlab-window { min-height: 320px; }
  .dlab-control-panel { padding: 18px; }
  .dlab-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .dlab-control-bottom { padding-top: 18px; }
  .dlab-choice { min-height: 55px; padding: 8px 11px; }
  .dlab-choice-copy strong { font-size: 14px; }
  .dlab-history-tools > .dlab-button, .dlab-history-select { min-height: 42px; }
  .dlab-check { min-height: 44px; }
  .dlab-mobile-preview { display: inline-flex; margin-top: 18px; min-height: 44px; }
  .dlab-inline-feedback { display: block; }
  .dlab-inline-feedback .feedback, .dlab-inline-feedback .feedback > p, .dlab-inline-feedback .check-item, .dlab-inline-feedback .check-copy strong, .dlab-inline-feedback .trigger-card, .dlab-inline-feedback .inline-note { font-size: 13px; }
  .dlab-inline-feedback .feedback-heading h3 { font-size: 16px; }
  .dlab-result-peek { display: none; }
  .dlab-footer { align-items: flex-start; }
}

@media (max-width: 600px) {
  .dlab-heading { align-items: flex-start; }
  .dlab-heading h1 { font-size: 21px; }
  .dlab-source-top { padding-top: 1px; }
  .dlab-source-top .icon { display: none; }
  .dlab-breadcrumb { flex-wrap: wrap; gap: 5px; }
  .dlab-practice-toolbar { flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
  .dlab-conditions { flex: 1; }
  .dlab-condition { min-height: 42px; padding: 8px 9px; }
  .dlab-reset { min-height: 38px; padding: 6px 8px; }
  .dlab-scenes { grid-template-columns: minmax(0, 1fr); gap: 19px; }
  .dlab-scene-heading { margin-bottom: 8px; }
  .dlab-scene-heading h2 { font-size: 15px; }
  .dlab-window { min-height: 0; }
  .dlab-appbar { min-height: 42px; flex-basis: 42px; padding: 9px 14px; }
  .dlab-appbar strong { font-size: 15px; }
  .dlab-chat-row { min-height: 69px; padding: 11px 13px; gap: 10px; }
  .dlab-chat-list { max-height: none; overflow: visible; }
  .dlab-avatar { width: 38px; height: 38px; flex-basis: 38px; font-size: 16px; }
  .dlab-chat-copy strong { font-size: 15px; }
  .dlab-delete-row { min-height: 43px; min-width: 44px; }
  .dlab-chat-copy p { margin-top: 4px; }
  .dlab-undo-bar { padding: 8px 12px; min-height: 47px; }
  .dlab-undo-bar .dlab-button { min-height: 39px; }
  .dlab-bulk-content { overflow-y: visible; }
  .dlab-record-total { padding: 16px 15px 10px; }
  .dlab-record-total strong { font-size: 29px; }
  .dlab-record-list { padding-left: 15px; padding-right: 15px; }
  .dlab-record-row { padding: 12px 0; gap: 10px; }
  .dlab-record-copy strong { font-size: 15px; }
  .dlab-bulk-main-action { padding: 14px 15px 16px; }
  .dlab-bulk-main-action .dlab-button { min-height: 43px; font-size: 14px; }
  .dlab-confirm-card { padding: 23px 19px 16px; }
  .dlab-confirm-card h3 { font-size: 17px; }
  .dlab-confirm-actions .dlab-button { min-height: 43px; }
  .dlab-bulk-review { padding: 17px 15px; }
  .dlab-bulk-review .dlab-record-row { padding: 10px 0; }
  .dlab-bulk-review h3 { font-size: 16px; }
  .dlab-bulk-done { min-height: 295px; }
  .dlab-outcome { padding-top: 9px; font-size: 13px; }
  .dlab-caption { margin-top: 16px; }
  .dlab-controls { display: flex; flex-direction: column; gap: 23px; }
  .dlab-control-group > legend { font-size: 15px; margin-bottom: 9px; }
  .dlab-choice { min-height: 59px; padding: 10px 12px; }
  .dlab-choice-copy { gap: 4px; }
  .dlab-choice-copy strong { font-size: 14px; line-height: 1.45; }
  .dlab-choice-copy > span { line-height: 1.4; }
  .dlab-choices { gap: 7px; }
  .dlab-footer { flex-direction: column; align-items: flex-start; gap: 4px; }
  .dlab-footer .dlab-link { min-height: 40px; }
  .dlab-comparison-grid { grid-template-columns: minmax(0, 1fr); }
  .dlab-comparison-card { padding: 17px; }
  .deletion-compare-dialog[open] { width: calc(100% - 20px); height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); }
  .deletion-compare-dialog .dialog-body { padding: 12px 14px; }
  .deletion-compare-dialog .dialog-header { padding: 18px 17px 0; }
  .deletion-compare-dialog .dialog-actions { padding: 8px 17px 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .deletion-workspace *, .dlab-comparison * { scroll-behavior: auto !important; }
}

/* Each deletion sample is a 390 × 844 phone; only its outer presentation scales. */
.dlab-condition-summary {color:#64745d;font-size:13px;line-height:1.5;}
.dlab-background {flex:none;}
.dlab-history-tools {justify-content:flex-end;gap:8px;}
.dlab-history-tools > .dlab-button {min-width:82px;}
.dlab-footer {justify-content:flex-end;}
.dlab-phone-status {display:flex;justify-content:space-between;align-items:flex-start;flex:0 0 47px;padding:13px 27px 0;font:600 17px/22px -apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;color:#191919;}
.dlab-phone-status img {width:77px;height:13px;margin-top:4px;}
.dlab-phone-home {display:flex;flex:0 0 34px;justify-content:center;align-items:flex-end;padding-bottom:9px;}
.dlab-phone-home > span {width:134px;height:5px;border-radius:9px;background:#191919;}
.deletion-workspace .phone-preview-screen .dlab-window {width:390px;height:844px;min-height:0;flex:none;border:0;border-radius:0;box-shadow:none;color:#191919;}
.deletion-workspace .phone-preview-screen .dlab-appbar {flex:0 0 44px;min-height:44px;padding:8px 16px;}
.deletion-workspace .phone-preview-screen .dlab-appbar strong {font-size:17px;line-height:1.4;}
.deletion-workspace .phone-preview-screen .dlab-appbar > span {font-size:14px;}
.deletion-workspace .phone-preview-screen .dlab-chat-row {gap:12px;min-height:76px;padding:12px 16px;}
.deletion-workspace .phone-preview-screen .dlab-avatar {width:40px;height:40px;flex-basis:40px;font-size:17px;}
.deletion-workspace .phone-preview-screen .dlab-chat-copy strong {font-size:17px;color:#191919;}
.deletion-workspace .phone-preview-screen .dlab-chat-copy p {display:block;margin-top:4px;font-size:14px;line-height:1.5;color:#777;}
.deletion-workspace .phone-preview-screen .dlab-reference-tag {display:block;font-size:13px;}
.deletion-workspace .phone-preview-screen .dlab-delete-row {min-height:44px;min-width:44px;}
.deletion-workspace .phone-preview-screen .dlab-delete-row span {font-size:14px;}
.deletion-workspace .phone-preview-screen .dlab-button {min-height:44px;padding:10px 12px;font-size:16px;line-height:1.5;border-radius:8px;}
.deletion-workspace .phone-preview-screen .dlab-button.is-danger {background:#fa5151;color:#fff;}
.deletion-workspace .phone-preview-screen .dlab-button.is-secondary {background:#f2f2f2;border-color:transparent;color:#191919;}
.deletion-workspace .phone-preview-screen .dlab-undo-bar {min-height:64px;padding:10px 16px;font-size:14px;}
.deletion-workspace .phone-preview-screen .dlab-record-total {padding:24px 24px 14px;}
.deletion-workspace .phone-preview-screen .dlab-record-total > span {font-size:16px;}
.deletion-workspace .phone-preview-screen .dlab-record-total strong {font-size:32px;color:#191919;}
.deletion-workspace .phone-preview-screen .dlab-record-total small {font-size:16px;}
.deletion-workspace .phone-preview-screen .dlab-record-list {padding:0 24px;}
.deletion-workspace .phone-preview-screen .dlab-record-row {gap:12px;min-height:78px;padding:14px 0;}
.deletion-workspace .phone-preview-screen .dlab-record-copy {flex-direction:column;align-items:flex-start;gap:5px;}
.deletion-workspace .phone-preview-screen .dlab-record-copy strong {font-size:17px;color:#191919;}
.deletion-workspace .phone-preview-screen .dlab-record-copy > span {font-size:14px;line-height:1.5;color:#777;}
.deletion-workspace .phone-preview-screen .dlab-bulk-main-action {padding:24px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-main-action .dlab-button {min-height:48px;padding:12px 14px;}
.deletion-workspace .phone-preview-screen .dlab-confirm-card {max-width:320px;padding:28px 24px 20px;border-radius:12px;}
.deletion-workspace .phone-preview-screen .dlab-confirm-card h3 {font-size:18px;color:#191919;}
.deletion-workspace .phone-preview-screen .dlab-confirm-card p {font-size:15px;line-height:1.6;}
.deletion-workspace .phone-preview-screen .dlab-bulk-review {padding:24px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-review h3 {font-size:20px;line-height:1.5;}
.deletion-workspace .phone-preview-screen .dlab-review-intro {font-size:15px;line-height:1.5;margin-top:8px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-review .dlab-record-list {padding:0;}
.deletion-workspace .phone-preview-screen .dlab-bulk-review .dlab-warning {font-size:15px;line-height:1.5;margin-top:16px;}
.deletion-workspace .phone-preview-screen .dlab-confirm-actions {margin-top:20px;gap:12px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-done {padding:24px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-done h3 {font-size:24px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-done p,.deletion-workspace .phone-preview-screen .dlab-zero-count {font-size:15px;}
@media(max-width:600px) {
 .dlab-background {font-size:13px;gap:4px;}
 .dlab-background .icon {width:15px;height:15px;}
 .dlab-footer {align-items:flex-end;}
}

/* Host media queries must never change a fixed phone's reference content. */
.work-shell .deletion-workspace .phone-preview-screen .dlab-chat-row.is-reference .dlab-chat-copy p {display:block;}
.work-shell .deletion-workspace .phone-preview-screen .dlab-reference-tag {display:block;}
.deletion-workspace .phone-preview-screen .dlab-record-row .dlab-avatar {width:40px;height:40px;flex-basis:40px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-review .dlab-record-row {padding:14px 0;}
.deletion-workspace .phone-preview-screen .dlab-bulk-review .dlab-confirm-actions {margin-top:20px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-review .dlab-button {min-height:44px;padding:10px 12px;}
.deletion-workspace .phone-preview-screen .dlab-done-symbol {width:53px;height:53px;margin-bottom:14px;}
.deletion-workspace .phone-preview-screen .dlab-zero-count {margin-top:15px;}
.deletion-workspace .phone-preview-screen .dlab-bulk-content {overflow-y:auto;}

/* Readable choices around the simulation, preserving its intentional error states. */
.dlab-control-panel .dlab-choice:not(.is-selected),
.dlab-control-panel .dlab-choice .dlab-choice-copy > span { color: var(--muted); }
.dlab-control-panel .dlab-choice { border-radius: var(--radius-control); }
.dlab-control-panel :focus-visible, .deletion-workspace .dlab-practice:focus-visible,
.deletion-workspace .dlab-heading button:focus-visible { outline-color: var(--ink); }

.deletion-workspace .dlab-practice-toolbar :focus-visible,
.deletion-workspace .dlab-footer :focus-visible { outline-color: var(--ink); }