/* Generated by npm run build:design-system. Edit the modular source files, not this bundle. */

/* Source: tokens.css */
:root {
    color-scheme: light;

    /* Semantic color */
    --bw-color-canvas: #f5f3ee;
    --bw-color-surface: #fffefa;
    --bw-color-surface-muted: #f0ede6;
    --bw-color-surface-warm: #f2e6e2;
    --bw-color-text-primary: #171512;
    --bw-color-text-secondary: #6e6961;
    --bw-color-separator: rgba(23, 21, 18, 0.12);
    --bw-color-separator-strong: rgba(23, 21, 18, 0.2);
    --bw-color-action-primary: #29231f;
    --bw-color-on-action-primary: #fffefa;
    --bw-color-tint: #641b16;
    --bw-color-tint-pressed: #4b120f;
    --bw-color-positive: #2e6247;
    --bw-color-warning: #8a5a14;
    --bw-color-destructive: #b42318;
    --bw-color-focus-ring: var(--bw-color-tint);
    --bw-color-scrim: rgba(23, 21, 18, 0.3);

    /* Typography */
    --bw-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
    --bw-font-editorial: Didot, "Bodoni 72", "Iowan Old Style", Georgia, serif;
    --bw-weight-regular: 400;
    --bw-weight-medium: 500;
    --bw-weight-semibold: 600;
    --bw-weight-bold: 700;
    --bw-type-editorial-hero-size: clamp(3.5rem, 8vw, 5rem);
    --bw-type-editorial-hero-line: 0.98;
    --bw-type-editorial-page-size: clamp(3rem, 6vw, 4.25rem);
    --bw-type-editorial-page-line: 1;
    --bw-type-editorial-value-size: clamp(2.75rem, 7vw, 3.5rem);
    --bw-type-editorial-value-line: 1;
    --bw-type-task-size: 2.125rem;
    --bw-type-task-line: 2.5625rem;
    --bw-type-section-size: 1.375rem;
    --bw-type-section-line: 1.75rem;
    --bw-type-headline-size: 1.0625rem;
    --bw-type-headline-line: 1.375rem;
    --bw-type-body-size: 1.0625rem;
    --bw-type-body-line: 1.5rem;
    --bw-type-subhead-size: 0.9375rem;
    --bw-type-subhead-line: 1.25rem;
    --bw-type-footnote-size: 0.8125rem;
    --bw-type-footnote-line: 1.125rem;
    --bw-type-eyebrow-size: 0.75rem;
    --bw-type-eyebrow-line: 1rem;

    /* Spacing */
    --bw-space-1: 0.25rem;
    --bw-space-2: 0.5rem;
    --bw-space-3: 0.75rem;
    --bw-space-4: 1rem;
    --bw-space-5: 1.25rem;
    --bw-space-6: 1.5rem;
    --bw-space-8: 2rem;
    --bw-space-10: 2.5rem;
    --bw-space-12: 3rem;
    --bw-space-16: 4rem;
    --bw-space-20: 5rem;
    --bw-page-gutter: 1.25rem;
    --bw-content-reading: 42.5rem;
    --bw-content-app: 70rem;

    /* Shape */
    --bw-radius-none: 0;
    --bw-radius-small: 0.75rem;
    --bw-radius-control: 1rem;
    --bw-radius-group: 1.25rem;
    --bw-radius-card: 1.5rem;
    --bw-radius-sheet: 1.75rem;
    --bw-radius-full: 999px;

    /* Controls */
    --bw-tap-min: 2.75rem;
    --bw-control-height: 3.25rem;
    --bw-field-height: 3.375rem;

    /* Elevation */
    --bw-shadow-raised: 0 8px 24px rgba(23, 21, 18, 0.08);
    --bw-shadow-sheet: 0 24px 64px rgba(23, 21, 18, 0.16);

    /* Motion */
    --bw-motion-press: 140ms;
    --bw-motion-content: 220ms;
    --bw-motion-sheet: 300ms;
    --bw-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);

}

@media (max-width: 359px) {
  :root {
    --bw-page-gutter: 1rem;
  }
}

/* Source: base.css */
/* Bagworth UI Foundation: opt-in primitives and cross-route behavior. */

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

.bw-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.bw-eyebrow {
  display: block;
  margin: 0;
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-eyebrow-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0.12em;
  line-height: var(--bw-type-eyebrow-line);
  text-transform: uppercase;
}

.bw-display-title {
  margin: 0;
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-editorial);
  font-size: var(--bw-type-editorial-page-size);
  font-weight: var(--bw-weight-regular);
  letter-spacing: -0.02em;
  line-height: var(--bw-type-editorial-page-line);
  overflow-wrap: break-word;
}

.bw-task-title {
  margin: 0;
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-task-size);
  font-weight: var(--bw-weight-bold);
  letter-spacing: -0.02em;
  line-height: var(--bw-type-task-line);
}

.bw-section-title {
  margin: 0;
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-section-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-section-line);
}

.bw-body {
  margin: 0;
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-body-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-body-line);
}

.bw-subhead {
  margin: 0;
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-subhead-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-subhead-line);
}

.bw-footnote {
  margin: 0;
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-footnote-line);
}

.bw-divider {
  width: 100%;
  height: 1px;
  border: 0;
  margin: 0;
  background: var(--bw-color-separator);
}

.bw-safe-area {
  padding-right: max(var(--bw-page-gutter), env(safe-area-inset-right));
  padding-left: max(var(--bw-page-gutter), env(safe-area-inset-left));
}

.bw-tabular {
  font-variant-numeric: tabular-nums;
}

:where(h1, h2, h3)[tabindex="-1"]:focus {
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Source: components.css */
/* Buttons */

.bw-button,
body.simple-mode .bw-button {
  min-width: 0;
  min-height: var(--bw-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--bw-space-2);
  border: 1px solid transparent;
  border-radius: var(--bw-radius-full);
  padding: 0 var(--bw-space-6);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-headline-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0;
  line-height: var(--bw-type-headline-line);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--bw-motion-press) var(--bw-ease-out),
    border-color var(--bw-motion-press) var(--bw-ease-out),
    color var(--bw-motion-press) var(--bw-ease-out),
    opacity var(--bw-motion-press) var(--bw-ease-out),
    transform var(--bw-motion-press) var(--bw-ease-out);
}

.bw-button[data-variant="primary"],
body.simple-mode .bw-button[data-variant="primary"] {
  border-color: var(--bw-color-action-primary);
  background: var(--bw-color-action-primary);
  color: var(--bw-color-on-action-primary);
  box-shadow: none;
}

.bw-button[data-variant="secondary"],
body.simple-mode .bw-button[data-variant="secondary"] {
  border-color: var(--bw-color-separator);
  background: var(--bw-color-surface);
  color: var(--bw-color-text-primary);
  box-shadow: none;
}

.bw-button[data-variant="tinted"],
body.simple-mode .bw-button[data-variant="tinted"] {
  border-color: transparent;
  background: var(--bw-color-surface-warm);
  color: var(--bw-color-tint);
  box-shadow: none;
}

.bw-button[data-variant="tertiary"],
body.simple-mode .bw-button[data-variant="tertiary"] {
  border-color: transparent;
  background: transparent;
  color: var(--bw-color-tint);
  box-shadow: none;
}

.bw-button[data-variant="destructive"],
body.simple-mode .bw-button[data-variant="destructive"] {
  border-color: var(--bw-color-destructive);
  background: transparent;
  color: var(--bw-color-destructive);
  box-shadow: none;
}

.bw-button[data-width="block"] {
  width: 100%;
}

.bw-button:hover:not(:disabled):not([aria-disabled="true"]) {
  text-decoration: none;
}

.bw-button[data-variant="primary"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--bw-color-text-primary);
}

.bw-button:active:not(:disabled):not([aria-disabled="true"]) {
  transform: scale(0.985);
}

.bw-button:focus-visible,
.bw-icon-button:focus-visible,
.bw-field__control:focus-visible {
  outline: 3px solid var(--bw-color-focus-ring);
  outline-offset: 2px;
}

.bw-button:disabled,
.bw-button[aria-disabled="true"],
.bw-button[data-state="loading"] {
  cursor: not-allowed;
  opacity: 0.46;
}

.bw-button[data-state="loading"] {
  cursor: wait;
  opacity: 1;
  pointer-events: none;
}

.bw-icon-button,
body.simple-mode .bw-icon-button {
  width: var(--bw-tap-min);
  min-width: var(--bw-tap-min);
  height: var(--bw-tap-min);
  min-height: var(--bw-tap-min);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bw-color-separator);
  border-radius: 50%;
  padding: 0;
  background: var(--bw-color-surface);
  color: var(--bw-color-text-primary);
  box-shadow: none;
  cursor: pointer;
  transition:
    background-color var(--bw-motion-press) var(--bw-ease-out),
    transform var(--bw-motion-press) var(--bw-ease-out);
}

.bw-icon-button:active:not(:disabled) {
  transform: scale(0.96);
}

.bw-icon-button[data-variant="filled"],
body.simple-mode .bw-icon-button[data-variant="filled"] {
  border-color: var(--bw-color-action-primary);
  background: var(--bw-color-action-primary);
  color: var(--bw-color-on-action-primary);
}

/* Fields */

.bw-field {
  min-width: 0;
  display: grid;
  gap: var(--bw-space-2);
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-footnote-line);
}

.bw-field__label {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0;
  line-height: var(--bw-type-footnote-line);
  text-transform: none;
}

.bw-field__control,
body.simple-mode .bw-field__control {
  width: 100%;
  min-width: 0;
  min-height: var(--bw-field-height);
  border: 1px solid var(--bw-color-separator);
  border-radius: var(--bw-radius-control);
  padding: 0 var(--bw-space-4);
  background: var(--bw-color-surface);
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-body-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-headline-line);
  box-shadow: none;
}

.bw-field__control::placeholder {
  color: var(--bw-color-text-secondary);
  opacity: 1;
}

.bw-field__control:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.bw-field__help,
.bw-field__error {
  margin: 0;
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  line-height: var(--bw-type-footnote-line);
}

.bw-field__help {
  color: var(--bw-color-text-secondary);
}

.bw-field__error {
  color: var(--bw-color-destructive);
}

/* Source: patterns.css */
/* Task flow */

.bw-task-flow,
body.simple-mode .bw-task-flow {
  width: min(100%, 32.5rem);
  min-width: 0;
  display: grid;
  gap: var(--bw-space-5);
  border: 1px solid var(--bw-color-separator);
  border-radius: var(--bw-radius-sheet);
  margin: 0 auto;
  padding: var(--bw-space-8);
  background: var(--bw-color-surface);
  color: var(--bw-color-text-primary);
  box-shadow: var(--bw-shadow-sheet);
}

.bw-task-header,
body.simple-mode .bw-task-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bw-space-4);
  border: 0;
  padding: 0;
}

.bw-task-header__title {
  min-width: 0;
  margin: 0;
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-task-size);
  font-weight: var(--bw-weight-bold);
  letter-spacing: -0.02em;
  line-height: var(--bw-type-task-line);
  text-transform: none;
}

.bw-task-progress,
body.simple-mode .bw-task-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bw-space-3);
  margin: 0;
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0.08em;
  line-height: var(--bw-type-footnote-line);
  text-transform: uppercase;
}

.bw-task-step,
body.simple-mode .bw-task-step {
  min-width: 0;
}

.bw-photo-picker,
body.simple-mode .bw-photo-picker {
  width: 100%;
  min-height: 12.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--bw-space-3);
  overflow: hidden;
  border: 1px dashed var(--bw-color-separator-strong);
  border-radius: var(--bw-radius-group);
  padding: var(--bw-space-6);
  background: var(--bw-color-surface-muted);
  color: var(--bw-color-text-primary);
  text-align: center;
  box-shadow: none;
}

.bw-photo-picker .upload-preview,
body.simple-mode .bw-photo-picker .upload-preview {
  width: 100%;
  min-height: 0;
  flex: 1;
  border: 0;
  border-radius: var(--bw-radius-none);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.bw-photo-picker:focus-within {
  outline: 3px solid var(--bw-color-focus-ring);
  outline-offset: 2px;
}

.bw-action-group,
body.simple-mode .bw-action-group {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--bw-space-3);
}

.bw-inline-notice,
body.simple-mode .bw-inline-notice {
  min-width: 0;
  border: 1px solid var(--bw-color-separator);
  border-radius: var(--bw-radius-control);
  padding: var(--bw-space-4);
  background: var(--bw-color-surface-muted);
  color: var(--bw-color-text-primary);
}

.bw-inline-notice[data-tone="warning"] {
  border-color: color-mix(in srgb, var(--bw-color-warning) 32%, transparent);
}

.bw-inline-notice[data-tone="destructive"] {
  border-color: color-mix(in srgb, var(--bw-color-destructive) 32%, transparent);
}

.bw-progress,
body.simple-mode .bw-progress {
  border: 0;
  border-radius: var(--bw-radius-group);
  padding: var(--bw-space-6);
  background: var(--bw-color-surface-muted);
  color: var(--bw-color-text-primary);
  text-align: center;
  box-shadow: none;
}

@media (max-width: 700px) {
  .bw-task-flow,
  body.simple-mode .bw-task-flow {
    padding: var(--bw-space-5);
  }
}

/* Source: screens/add-bag.css */
/*
 * Migrated screen composition only.
 * Shared visual decisions belong to tokens, base, components, and patterns.
 */

/* Add Bag */

body.simple-mode .add-bag-flow.bw-task-flow {
  gap: var(--bw-space-5);
  border-color: var(--bw-color-separator);
  border-radius: var(--bw-radius-sheet);
  background: var(--bw-color-surface);
  box-shadow: var(--bw-shadow-sheet);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.simple-mode .add-bag-flow .add-bag-topline.bw-task-header {
  min-height: var(--bw-tap-min);
  border: 0;
  padding: 0;
}

body.simple-mode .add-bag-flow .add-bag-topline .bw-icon-button {
  width: var(--bw-tap-min);
  min-width: var(--bw-tap-min);
  height: var(--bw-tap-min);
  min-height: var(--bw-tap-min);
}

body.simple-mode .add-bag-flow .add-bag-topline .bw-task-header__title {
  color: var(--bw-color-text-primary);
  font-size: var(--bw-type-task-size);
  font-weight: var(--bw-weight-bold);
  letter-spacing: -0.02em;
  line-height: var(--bw-type-task-line);
  text-transform: none;
}

body.simple-mode .add-bag-flow .add-bag-progress-meta.bw-task-progress {
  display: flex;
  margin: 0;
  padding: 0;
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0.08em;
  line-height: var(--bw-type-footnote-line);
}

body.simple-mode .add-bag-flow .add-bag-steps,
body.simple-mode .add-bag-flow[data-step="photo"] .add-bag-steps {
  position: static;
  display: grid;
  width: auto;
  height: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--bw-space-2);
  overflow: visible;
  clip: auto;
  clip-path: none;
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  white-space: normal;
}

body.simple-mode .add-bag-flow .add-bag-steps li {
  min-width: 0;
  height: 3px;
  min-height: 3px;
  overflow: hidden;
  border: 0;
  border-radius: var(--bw-radius-full);
  padding: 0;
  background: color-mix(in srgb, var(--bw-color-text-primary) 12%, transparent);
  color: transparent;
  font-size: 0;
}

body.simple-mode .add-bag-flow .add-bag-steps li.is-active {
  background: var(--bw-color-text-primary);
}

body.simple-mode .add-bag-flow .add-bag-steps li.is-complete {
  background: color-mix(in srgb, var(--bw-color-tint) 36%, transparent);
}

body.simple-mode .add-bag-flow .bag-capture-shell {
  display: grid;
  gap: var(--bw-space-4);
}

body.simple-mode .add-bag-flow .bw-button {
  min-height: var(--bw-control-height);
}

body.simple-mode .add-bag-flow #saveBagButton.bw-button,
body.simple-mode .add-bag-flow #confirmValuationButton.bw-button {
  min-height: var(--bw-control-height);
}

body.simple-mode .add-bag-flow .add-bag-upload.bw-photo-picker {
  min-height: 12.5rem;
  border-radius: var(--bw-radius-group);
  background: var(--bw-color-surface-muted);
  box-shadow: none;
}

body.simple-mode .add-bag-flow .add-bag-upload.bw-photo-picker .upload-preview {
  min-height: 0;
  border: 0;
  border-radius: var(--bw-radius-none);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

body.simple-mode .add-bag-flow .add-bag-upload .upload-preview strong {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-headline-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-headline-line);
}

body.simple-mode .add-bag-flow .add-bag-upload .upload-preview small {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-subhead-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-subhead-line);
}

body.simple-mode .add-bag-flow .capture-command-bar {
  border: 0;
  border-radius: var(--bw-radius-none);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

body.simple-mode .add-bag-flow .link-command.bw-field {
  gap: var(--bw-space-2);
}

body.simple-mode .add-bag-flow .link-command .bw-field__label {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0;
  line-height: var(--bw-type-footnote-line);
  text-transform: none;
}

body.simple-mode .add-bag-flow .link-command .bw-field__control {
  min-height: var(--bw-field-height);
  border: 1px solid var(--bw-color-separator);
  border-radius: var(--bw-radius-control);
  padding: 0 var(--bw-space-4);
  background: var(--bw-color-surface);
  color: var(--bw-color-text-primary);
  font-size: var(--bw-type-body-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-headline-line);
}

body.simple-mode .add-bag-flow #manualLinkStatus.capture-status[data-tone="destructive"] {
  min-height: 0;
  border: 0;
  border-radius: var(--bw-radius-none);
  padding: 0;
  background: transparent;
  color: var(--bw-color-destructive);
  font-size: var(--bw-type-footnote-size);
  line-height: var(--bw-type-footnote-line);
}

body.simple-mode .add-bag-flow #addBagResultStep.add-bag-result:not(.has-image) {
  grid-template-columns: minmax(0, 1fr);
}

body.simple-mode .add-bag-flow #addBagResultStep:not(.has-image) .add-bag-result-content {
  width: min(100%, 30rem);
  justify-self: center;
}

body.simple-mode .add-bag-flow .add-bag-result-photo {
  border-color: var(--bw-color-separator);
  border-radius: var(--bw-radius-group);
  background: var(--bw-color-surface-muted);
}

body.simple-mode .add-bag-flow .add-bag-result-photo img {
  background: var(--bw-color-surface-muted);
}

body.simple-mode .add-bag-flow .add-bag-result-kicker,
body.simple-mode .add-bag-flow .add-bag-result-estimate > span {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-footnote-line);
}

body.simple-mode .add-bag-flow .add-bag-result h2 {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-section-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0;
  line-height: var(--bw-type-section-line);
}

body.simple-mode .add-bag-flow .add-bag-result-estimate strong {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-editorial);
  font-size: var(--bw-type-editorial-value-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-editorial-value-line);
  font-variant-numeric: tabular-nums;
}

body.simple-mode .add-bag-flow .add-bag-result-message {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-subhead-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-subhead-line);
}

body.simple-mode .add-bag-flow .add-bag-search-attribution {
  margin-top: var(--bw-space-2);
  max-width: 100%;
  overflow: hidden;
}

body.simple-mode .add-bag-flow .add-bag-result-confirmation {
  border-color: var(--bw-color-separator);
}

body.simple-mode .add-bag-flow .add-bag-result-confirmation p {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-headline-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-headline-line);
}

body.simple-mode .add-bag-flow .add-bag-result-fallback > p {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-section-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-section-line);
}

body.simple-mode .add-bag-flow .add-bag-fields {
  gap: var(--bw-space-4);
}

body.simple-mode .add-bag-flow .add-bag-details-head .bw-section-title {
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-section-size);
  font-weight: var(--bw-weight-semibold);
  letter-spacing: 0;
  line-height: var(--bw-type-section-line);
}

body.simple-mode .add-bag-flow .add-bag-details-head {
  display: grid;
  gap: var(--bw-space-2);
}

body.simple-mode .add-bag-flow .add-bag-details-intro {
  max-width: 34rem;
  margin: 0;
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-subhead-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-subhead-line);
}

body.simple-mode .add-bag-flow .add-bag-details-summary {
  border-color: var(--bw-color-separator);
  border-radius: var(--bw-radius-control);
  background: var(--bw-color-surface-muted);
}

body.simple-mode .add-bag-flow .add-bag-details-summary:not(.has-image) {
  grid-template-columns: minmax(0, 1fr);
  padding: var(--bw-space-4);
}

body.simple-mode .add-bag-flow .add-bag-details-summary strong {
  min-width: 0;
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-headline-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-headline-line);
  overflow-wrap: break-word;
}

body.simple-mode .add-bag-flow .add-bag-fields > .bw-field,
body.simple-mode .add-bag-flow .add-bag-edit-paid.bw-field {
  gap: var(--bw-space-2);
  color: var(--bw-color-text-primary);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-footnote-line);
}

body.simple-mode .add-bag-flow .add-bag-fields .bw-field__control,
body.simple-mode .add-bag-flow .add-bag-edit-paid .bw-field__control {
  min-height: var(--bw-field-height);
  border: 1px solid var(--bw-color-separator);
  border-radius: var(--bw-radius-control);
  padding: 0 var(--bw-space-4);
  background: var(--bw-color-surface);
  color: var(--bw-color-text-primary);
  font-size: var(--bw-type-body-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-headline-line);
}

body.simple-mode .add-bag-flow .add-bag-result-actions.bw-action-group,
body.simple-mode .add-bag-flow .valuation-result-actions.bw-action-group {
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--bw-space-3);
}

body.simple-mode .add-bag-flow .duplicate-warning.bw-inline-notice,
body.simple-mode .add-bag-flow .valuation-error.bw-inline-notice,
body.simple-mode .add-bag-flow .valuation-progress.bw-progress {
  border-radius: var(--bw-radius-group);
  background: var(--bw-color-surface-muted);
  box-shadow: none;
}

body.simple-mode .add-bag-flow .valuation-progress h3 {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-section-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-section-line);
}

body.simple-mode .add-bag-flow .valuation-progress p {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-subhead-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-subhead-line);
}

body.simple-mode .add-bag-flow .valuation-result > p {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-footnote-line);
}

body.simple-mode .add-bag-flow .valuation-result > strong {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-editorial);
  font-size: var(--bw-type-editorial-value-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-editorial-value-line);
  font-variant-numeric: tabular-nums;
}

body.simple-mode .add-bag-flow .valuation-result > span,
body.simple-mode .add-bag-flow .valuation-result > small {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-subhead-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-subhead-line);
}

body.simple-mode .add-bag-flow .valuation-result > small {
  font-size: var(--bw-type-footnote-size);
  line-height: var(--bw-type-footnote-line);
}

body.simple-mode .add-bag-flow #valuationResultNextDetail {
  color: var(--bw-color-text-secondary);
}

body.simple-mode .add-bag-flow .valuation-result h2 {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-headline-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-headline-line);
}

body.simple-mode .add-bag-flow .valuation-trust-strip small {
  color: var(--bw-color-text-secondary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-footnote-size);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-type-footnote-line);
}

body.simple-mode .add-bag-flow .valuation-trust-strip strong {
  color: var(--bw-color-text-primary);
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-headline-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-headline-line);
}

body.simple-mode .add-bag-flow #valuationResult[data-estimate-state="empty"] > #valuationResultValue {
  max-width: 12ch;
  font-family: var(--bw-font-ui);
  font-size: var(--bw-type-task-size);
  font-weight: var(--bw-weight-semibold);
  line-height: var(--bw-type-task-line);
  text-wrap: balance;
}

body.simple-mode .add-bag-flow #saveBagButton.estimate-cta::after {
  content: none;
  display: none;
}

body.add-bag-route.simple-mode {
  --app-header-height: calc(var(--bw-tap-min) + max(10px, env(safe-area-inset-top)) + 10px);
}

@media (max-width: 700px) {
  body.add-bag-route.simple-mode main {
    padding-top: var(--app-header-height);
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background: var(--bw-color-surface);
  }

  body.add-bag-route.simple-mode .collection-home.active-page {
    width: 100%;
    max-width: none;
    min-height: calc(100dvh - var(--app-header-height));
    margin: 0;
  }

  body.add-bag-route.simple-mode .add-bag-flow.bw-task-flow {
    width: 100%;
    max-width: none;
    min-height: calc(100dvh - var(--app-header-height));
    align-content: start;
    gap: var(--bw-space-5);
    border: 0;
    border-radius: var(--bw-radius-none);
    margin: 0;
    padding-top: var(--bw-space-6);
    padding-right: max(var(--bw-page-gutter), env(safe-area-inset-right));
    padding-bottom: max(var(--bw-space-8), env(safe-area-inset-bottom));
    padding-left: max(var(--bw-page-gutter), env(safe-area-inset-left));
    background: var(--bw-color-surface);
    box-shadow: none;
  }

  body.simple-mode .add-bag-flow .add-bag-topline .bw-task-header__title {
    font-size: var(--bw-type-task-size);
    line-height: var(--bw-type-task-line);
  }
}

@media (max-width: 359px) {
  body.add-bag-route.simple-mode .add-bag-flow.bw-task-flow {
    padding-right: var(--bw-space-4);
    padding-left: var(--bw-space-4);
  }
}