@media (max-width: 860px) and (min-width: 769px) {
  .workspace.settings-model-page .settings-shell { grid-template-columns: 190px minmax(0, 1fr); gap: 18px; }
  .workspace.account-settings-page .settings-shell { grid-template-columns: 190px minmax(0, 1fr); gap: 18px; }
  .workspace.account-settings-page .session-heading-actions { align-items: flex-end; flex-direction: column; }
  .workspace.account-settings-page .account-field-grid { grid-template-columns: 1fr; }
  .workspace.account-settings-page .account-field-grid .field.full, .workspace.account-settings-page .account-field-grid .password-policy { grid-column: 1; }
  .workspace.help-page .settings-shell { grid-template-columns: 190px minmax(0, 1fr); gap: 18px; }
  .workspace .help-columns { grid-template-columns: 1fr; }
  .workspace .workflow-card { padding: 11px; }
  .workspace .first-draft-grid { grid-template-columns: minmax(0, 1fr) 255px; gap: 16px; }
  .workspace .first-draft-guide { padding: 16px; }
  .workspace .first-draft-panel-header, .workspace .first-draft-panel-body, .workspace .first-draft-actions { padding-right: 18px; padding-left: 18px; }
  .workspace .first-draft-type-row { grid-template-columns: 1fr; gap: 2px; }
  .workspace .first-draft-type-help { min-height: auto; white-space: normal; }
  .workspace .page { width: calc(100% - 32px); }
  .workspace .app-header-inner { width: calc(100% - 32px); }
  .workspace .toolbar { grid-template-columns: minmax(190px, 1fr) 120px 142px 140px; }
  .workspace .document-row-link { grid-template-columns: 42px minmax(0, 1fr) 202px; gap: 12px; }
  .workspace .trash-row { grid-template-columns: 38px minmax(0, 1fr) 132px 188px; gap: 8px; padding-left: 12px; }
  .workspace .trash-row .btn { padding-right: 10px; padding-left: 10px; }
}

@media (max-width: 768px) {
  .workspace .btn { min-height: 44px; }
  .workspace .app-header { height: 58px; }
  .workspace .app-header-inner { width: calc(100% - 28px); }
  .workspace .brand { gap: 8px; font-size: 15px; }
  .workspace .brand-mark { width: 26px; height: 26px; }
  .workspace .header-actions { gap: 7px; }
  .workspace .header-actions > .avatar { display: none; }
  .workspace .btn-label-mobile-hide { display: none; }
  .workspace .header-actions .btn-primary, .workspace .header-actions .header-back { width: 40px; min-height: 40px; padding: 0; }
  .workspace.settings-model-page .header-actions .header-back { width: 44px; min-height: 44px; }
  .workspace.settings-model-page .header-actions .account-trigger { min-height: 44px !important; height: auto !important; }
  .workspace .header-actions .icon-btn { width: 40px; height: 40px; }
  .workspace .page { width: calc(100% - 28px); padding: 25px 0 40px; }
  .workspace .first-draft-page { padding-top: 21px; }
  .workspace .first-draft-page .dashboard-notice { margin-bottom: 18px; }
  .workspace .first-draft-heading { margin-bottom: 17px; }
  .workspace .first-draft-grid { display: flex; flex-direction: column; gap: 13px; }
  .workspace .first-draft-panel, .workspace .first-draft-guide { width: 100%; border-radius: 14px; }
  .workspace .first-draft-panel-header { padding: 17px 16px 14px; }
  .workspace .first-draft-panel-header h2 { font-size: 18px; }
  .workspace .first-draft-panel-body { padding: 16px; }
  .workspace .first-draft-mode-grid { grid-template-columns: 1fr; }
  .workspace .first-draft-mode-card { min-height: 68px; }
  .workspace textarea.first-draft-textarea { min-height: 132px; }
  .workspace .first-draft-type-row { grid-template-columns: 1fr; gap: 3px; }
  .workspace .first-draft-type-help { min-height: auto; white-space: normal; }
  .workspace .first-draft-actions { align-items: stretch; flex-direction: column; padding: 13px 16px 16px; }
  .workspace .first-draft-submit { width: 100%; min-height: 44px; order: 1; }
  .workspace .first-draft-save-note { justify-content: center; order: 2; }
  .workspace .first-draft-guide { padding: 16px; }
  .workspace .first-draft-guide h2 { font-size: 16px; }
  .workspace .first-draft-guide > p { margin-bottom: 14px; }
  .workspace .first-draft-steps { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .workspace .first-draft-steps li { display: block; }
  .workspace .first-draft-steps li > span { margin-bottom: 7px; }
  .workspace .first-draft-trust { margin-top: 15px; }
  .workspace .page-header { align-items: center; margin-bottom: 19px; }
  .workspace .page-header .page-action { display: none; }
  .workspace .page-header .page-actions { width: auto; }
  .workspace .page-trash-action { min-height: 44px; }
  .workspace h1 { font-size: 24px; }
  .workspace .subtitle { font-size: 13px; }
  .workspace .toolbar { grid-template-columns: 120px 1fr 1fr; gap: 8px; }
  .workspace .search-field { grid-column: 1 / -1; }
  .workspace .control, .workspace .starred-filter { min-height: 44px; }
  .workspace .result-line { align-items: flex-start; }
  .workspace .sort-explanation { display: none; }
  .workspace .search-status { align-items: stretch; flex-direction: column; gap: 9px; padding: 10px 11px; }
  .workspace .search-status-actions { width: 100%; }
  .workspace .search-status-actions .btn { min-height: 44px; flex: 1; }
  .workspace .is-retrying .search-status.loading { min-height: 123px; }
  .workspace .document-row { min-height: 100px; grid-template-columns: minmax(0, 1fr) 76px; gap: 2px; padding-right: 4px; }
  .workspace .document-row-link { min-height: 96px; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; padding: 12px 4px 12px 12px; }
  .workspace .doc-icon { width: 38px; height: 38px; }
  .workspace .doc-title { font-size: 14px; }
  .workspace .doc-excerpt { font-size: 11.5px; }
  .workspace .doc-meta { display: flex; grid-column: 2; flex-wrap: wrap; gap: 6px 9px; margin-top: -7px; font-size: 10.5px; }
  .workspace .doc-updated { text-align: left; }
  .workspace .doc-updated span { display: inline; }
  .workspace .doc-updated span + span::before { content: " · "; }
  .workspace .type-badge { font-size: 10px; }
  .workspace .document-actions-trigger, .workspace .document-star-action { width: 36px; height: 44px; min-height: 44px; }
  .workspace .document-actions > .document-star-action { width: 36px; min-width: 36px; flex: 0 0 36px; }
  .workspace .pagination { align-items: center; }
  .workspace .pagination-actions { display: flex; }
  .workspace .pager { min-width: 44px; min-height: 44px; }
  .workspace .empty-panel { min-height: 430px; padding: 34px 20px; }
  .workspace .trash-page .trash-back-link { min-height: 38px; margin-bottom: 18px; }
  .workspace .trash-page-header { align-items: flex-start; }
  .workspace .trash-row { min-height: 0; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; padding: 13px 12px; }
  .workspace .trash-row .doc-main { min-width: 0; }
  .workspace .trash-document-meta { grid-column: 2; margin-top: -6px; }
  .workspace .trash-row-actions { display: flex; grid-column: 1 / -1; justify-content: stretch; margin-top: 3px; padding-top: 11px; border-top: 1px solid var(--ink-150); }
  .workspace .trash-row-actions form, .workspace .trash-row-actions .btn { flex: 1; }
  .workspace .trash-row-actions form .btn { width: 100%; }
  .workspace .trash-empty { min-height: 430px; }
  .workspace .star-error-toast { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); grid-template-columns: 34px minmax(0, 1fr); gap: 9px; padding: 11px; }
  .workspace .star-error-mark { width: 34px; height: 34px; }
  .workspace .star-error-actions { grid-column: 1 / -1; }
  .workspace .star-error-retry { min-height: 44px; flex: 1; }
  .workspace .star-error-close { width: 44px; height: 44px; }

  .workspace .settings-page { width: 100%; padding: 19px 14px 42px; }
  .workspace .settings-breadcrumb { margin-bottom: 18px; }
  .workspace .settings-heading { margin-bottom: 15px; }
  .workspace .settings-heading .subtitle { max-width: 330px; }
  .workspace .settings-shell { display: block; }
  .workspace .settings-nav { display: none; }
  .workspace .mobile-settings-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 0 -14px 15px; padding: 0 14px 3px; scrollbar-width: none; }
  .workspace .mobile-settings-tabs::-webkit-scrollbar { display: none; }
  .workspace .mobile-tab { min-height: 44px; flex: 0 0 auto; border: 1px solid var(--ink-200); border-radius: 999px; padding: 10px 12px; background: #fff; color: var(--ink-700); font-size: 11.5px; font-weight: 650; white-space: nowrap; }
  .workspace .mobile-tab.active { border-color: var(--blue-200); background: var(--blue-50); color: var(--blue-700); }
  .workspace .panel, .workspace .form-panel { border-radius: 14px; }
  .workspace .panel-header { padding: 18px 16px 15px; }
  .workspace .panel-body, .workspace .form-panel-body { padding: 16px; }
  .workspace .panel-actions { padding: 13px 16px; }
  .workspace .panel-actions .btn { flex: 1; }
  .workspace.settings-model-page .ai-model-footer .btn { flex: 0 0 auto; }
  .workspace .model-access-alert .btn { min-height: 44px; }
  .workspace .model-access-alert-actions { flex-wrap: wrap; }

  .workspace .help-surface .panel-header p { max-width: 285px; }
  .workspace .help-surface .panel-body { padding: 16px; }
  .workspace .trust-note { align-items: flex-start; margin-bottom: 16px; padding: 11px 12px; }
  .workspace .workflow-grid { grid-template-columns: 1fr; gap: 8px; }
  .workspace .workflow-card { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 11px; }
  .workspace .workflow-number { margin: 0; }
  .workspace .workflow-card-copy { min-width: 0; }
  .workspace .help-columns { grid-template-columns: 1fr; gap: 12px; }
  .workspace .subpanel { padding: 16px; }
  .workspace .shortcut-row { min-height: 52px; }
  .workspace .faq-heading { padding: 16px 16px 11px; }
  .workspace .faq-item summary { min-height: 55px; padding: 9px 14px; }
  .workspace .faq-answer { margin-right: 28px; margin-left: 52px; }

  .workspace .types-toolbar { align-items: flex-start; }
  .workspace .types-toolbar .btn { width: 40px; padding: 0; overflow: hidden; font-size: 0; }
  .workspace .types-toolbar .btn::before { content: "+"; font-size: 18px; }
  .workspace .types-summary { max-width: 210px; }
  .workspace .type-row { grid-template-columns: minmax(0, 1fr) 36px; gap: 4px; padding-right: 7px; }
  .workspace .type-row-link { grid-template-columns: minmax(0, 1fr) 62px; gap: 10px; padding: 13px 4px 13px 13px; }
  .workspace .type-purpose { grid-column: 1 / -1; grid-row: 2; }
  .workspace .usage-count { grid-column: 2; grid-row: 1; }
  .workspace .instruction-summary { white-space: normal; }
  .workspace .instruction-summary span:last-child { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

  .workspace .form-layout { display: flex; flex-direction: column; gap: 12px; }
  .workspace .form-panel { width: 100%; }
  .workspace .form-sidebar { display: contents; }
  .workspace .form-sidebar .side-card { order: -1; width: 100%; }
  .workspace .form-sidebar .side-card + .side-card { order: 2; margin-top: 0; }
  .workspace .danger-zone-header, .workspace .account-signout { align-items: flex-start; flex-direction: column; }
  .workspace .danger-zone-header .btn, .workspace .account-signout .btn { width: 100%; }
  .workspace .account-signout form { width: 100%; }
  .workspace .account-field-grid { grid-template-columns: 1fr; }
  .workspace .account-field-grid .field.full, .workspace .account-field-grid .password-policy { grid-column: 1; }
  .workspace .sessions-panel-header { display: block; }
  .workspace .session-heading-actions { justify-content: space-between; margin-top: 12px; }
  .workspace .sessions-panel-body { padding: 0 16px; }
  .workspace .session-row { min-height: 0; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding: 14px 0; }
  .workspace .device-mark { width: 38px; height: 38px; }
  .workspace .session-revoke-form, .workspace .session-row .current-label { grid-column: 1 / -1; }
  .workspace .session-revoke-form, .workspace .session-action { width: 100%; }
  .workspace .session-action { min-height: 44px; margin-top: 1px; }
  .workspace .session-row .current-label { margin: -3px 0 0 48px; }
  .workspace .session-panel-footer { padding: 13px 16px 16px; }
  .workspace .session-state-banner { align-items: stretch; flex-direction: column; gap: 9px; margin: 14px 16px 0; }
  .workspace.account-settings-page .session-retry { width: 100%; height: 44px; min-height: 44px; }
  .workspace .session-empty { min-height: 106px; }
  .workspace .document-form-layout { width: 100%; }
  .workspace .type-choice { grid-template-columns: 18px minmax(0, 1fr); }
  .workspace .type-choice .shared-tag { display: none; }
  .workspace .type-choice-add { align-items: flex-start; flex-direction: column; }

  .destructive-dialog-layer { align-items: end; padding: 0; }
  .destructive-dialog-layer > turbo-frame { width: 100%; }
  .destructive-dialog-layer .document-delete-dialog { width: 100%; max-height: 90vh; overflow-y: auto; border: 0; border-radius: 20px 20px 0 0; }
  .destructive-dialog-layer .account-delete-dialog { max-height: 92vh; }
  .destructive-dialog-layer .document-delete-sheet-handle { display: block; width: 36px; height: 4px; margin: 8px auto 0; border-radius: 99px; background: #c8cfd7; }
  .destructive-dialog-layer .document-delete-body { padding: 19px 18px 17px; }
  .destructive-dialog-layer .document-delete-actions { display: grid; grid-template-columns: 1fr 1.35fr; padding: 13px 18px 18px; }
  .destructive-dialog-layer .document-delete-button { min-width: 0; min-height: 44px; }
  .destructive-dialog-layer .document-delete-button--cancel { order: 0; }
  .destructive-dialog-layer .account-delete-dialog .document-delete-button--danger { min-width: 0; }
  .session-dialog-layer { align-items: end; padding: 0; }
  .session-dialog { width: 100%; max-height: 92vh; border: 0; border-radius: 20px 20px 0 0; }
  .session-sheet-handle { display: block; width: 36px; height: 4px; margin: 8px auto 0; border-radius: 99px; background: #c8cfd7; }
  .session-dialog-body { padding: 15px 18px 17px; }
  .session-dialog-actions { display: grid; grid-template-columns: 1fr 1.35fr; padding: 13px 18px calc(18px + env(safe-area-inset-bottom)); }
  .session-dialog-actions .btn { min-width: 0; min-height: 44px; }
}

@media (max-width: 540px) {
  .workspace .ai-model-heading { display: block; }
  .workspace .ai-model-heading .status-chip { margin-top: 9px; }
  .workspace .provider-grid { grid-template-columns: 1fr; }
  .workspace .model-option { grid-template-columns: 18px minmax(0, 1fr) 18px; }
  .workspace .model-tier { display: none; }
  .workspace .model-availability { min-width: 18px; }
  .workspace .model-status-label { display: none; }
  .workspace .model-description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .workspace .ai-model-footer { align-items: stretch; flex-direction: column; padding-bottom: 16px; }
  .workspace .ai-model-footer .btn { width: 100%; min-height: 44px; order: 1; }
  .workspace .ai-model-footer .panel-actions-note { justify-content: center; order: 2; text-align: center; }
  .workspace .model-access-alert-actions .btn { flex: 1; }
}

@media (max-width: 430px) {
  .workspace .model-access-alert { display: grid; grid-template-columns: 28px minmax(0, 1fr); }
  .workspace .model-access-alert-actions { grid-column: 1 / -1; }
  .workspace .model-access-alert-actions .btn { min-height: 45px; flex: 1; }
  .workspace .model-description { max-width: 205px; }
  .workspace .library-summary { align-items: flex-start; }
  .workspace .starred-filter .filter-count { display: none; }
  .workspace .search-status-copy span { line-height: 1.4; }
  .workspace .first-draft-page .dashboard-notice { align-items: flex-start; }
  .workspace .first-draft-heading { padding: 0 1px; }
  .workspace .first-draft-panel-header { display: block; }
  .workspace .first-draft-time { margin-top: 9px; }
  .workspace .first-draft-mode-grid { gap: 7px; }
  .workspace .first-draft-mode-card { grid-template-columns: 26px minmax(0, 1fr); gap: 8px; padding-right: 8px; padding-left: 8px; }
  .workspace .first-draft-mode-card.selected { padding-right: 7px; padding-left: 7px; }
  .workspace .first-draft-mode-icon { width: 26px; height: 26px; }
  .workspace .first-draft-hint { display: block; }
  .workspace .first-draft-hint span { display: block; }
  .workspace .first-draft-hint span + span { margin-top: 2px; }
  .workspace .first-draft-steps { grid-template-columns: 1fr; gap: 10px; }
  .workspace .first-draft-steps li { display: grid; }
  .workspace .first-draft-steps li > span { margin-bottom: 0; }
  .workspace .first-draft-trust ul { gap: 5px; }
  .workspace .trash-notice { display: block; }
  .workspace .trash-notice-action { margin: 7px 0 0 24px; }
  .workspace .trash-page-header .library-summary { align-items: flex-start; flex-direction: column; gap: 7px; }
  .workspace .trash-row-actions { display: grid; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 360px) {
  .workspace.settings-model-page .app-header-inner { width: calc(100% - 24px); }
  .workspace.settings-model-page .header-actions { gap: 5px; }
  .workspace.settings-model-page .settings-page { padding-right: 12px; padding-left: 12px; }
  .workspace.settings-model-page .mobile-settings-tabs { margin-right: -12px; margin-left: -12px; padding-right: 12px; padding-left: 12px; }
  .workspace.settings-model-page .settings-heading .subtitle { max-width: 286px; }
  .workspace.settings-model-page .panel-header,
  .workspace.settings-model-page .panel-body,
  .workspace.settings-model-page .panel-actions { padding-right: 14px; padding-left: 14px; }
  .workspace.settings-model-page .provider-card { grid-template-columns: 32px minmax(0, 1fr) 17px; gap: 8px; }
  .workspace.settings-model-page .provider-mark { width: 32px; height: 32px; }
  .workspace.settings-model-page .model-option { gap: 8px; padding-right: 9px; padding-left: 9px; }
  .workspace.settings-model-page .model-option.selected { padding-right: 8px; padding-left: 8px; }
  .workspace.settings-model-page .model-description { max-width: 202px; }
  .workspace.settings-model-page .provider-summary { align-items: flex-start; }
  .workspace.settings-model-page .model-access-alert-actions { flex-direction: column; }
}

@media (max-width: 390px) {
  .workspace.account-settings-page .session-heading-actions .count-pill { display: none; }
  .workspace.help-page .mobile-tab.active { order: -1; }
  .workspace .read-chip { display: none; }
  .workspace .help-surface .panel-header p { max-width: none; }
  .workspace .subpanel-header { display: block; }
  .workspace .device-label { margin-top: 7px; }
  .workspace .recovery-exit { align-items: flex-start; flex-direction: column; }
  .workspace .faq-title { font-size: 11.5px; }
}

@media (max-width: 340px) {
  .workspace.help-page .app-header-inner { width: calc(100% - 24px); }
  .workspace.help-page .header-actions { gap: 5px; }
  .workspace.help-page .settings-page { padding-right: 12px; padding-left: 12px; }
  .workspace.help-page .mobile-settings-tabs { margin-right: -12px; margin-left: -12px; padding-right: 12px; padding-left: 12px; }
  .workspace .trust-note-icon { width: 30px; height: 30px; }
  .workspace .shortcut-row { align-items: start; grid-template-columns: 1fr; gap: 6px; padding: 9px 10px; }
  .workspace .keys { min-height: 20px; }
  .workspace .faq-item summary { grid-template-columns: 28px minmax(0, 1fr) 16px; gap: 8px; padding-right: 10px; padding-left: 10px; }
  .workspace .faq-answer { margin-right: 18px; margin-left: 46px; }
  .workspace .first-draft-page { width: calc(100% - 24px); }
  .workspace .first-draft-panel-body { padding: 14px; }
  .workspace .first-draft-actions { padding-right: 14px; padding-left: 14px; }
  .workspace .first-draft-mode-grid { grid-template-columns: 1fr; }
  .workspace .first-draft-mode-card { min-height: 60px; }
  .workspace .first-draft-page .dashboard-notice { font-size: 11.5px; }
  .workspace .page { width: calc(100% - 24px); }
  .workspace .page-header .page-actions { width: auto; }
  .workspace .permanent-delete-dialog .field-label { align-items: flex-start; }
  .workspace .permanent-delete-dialog .document-delete-title { font-size: 19px; }
  .workspace .permanent-delete-dialog .document-delete-button--danger { grid-row: 1; }
  .workspace .account-delete-dialog .field-label { align-items: flex-start; flex-direction: column; gap: 3px; }
}

@media (max-width: 360px) {
  .workspace .app-header-inner, .workspace .page { width: calc(100% - 24px); }
  .workspace .header-actions { gap: 5px; }
  .workspace .toolbar { grid-template-columns: 1fr 1fr; }
  .workspace .search-field, .workspace .starred-filter { grid-column: 1 / -1; }
  .workspace .document-row { grid-template-columns: minmax(0, 1fr) 70px; }
  .workspace .document-actions-trigger, .workspace .document-star-action { width: 34px; }
  .workspace .document-actions > .document-star-action { width: 34px; min-width: 34px; flex-basis: 34px; }
  .workspace .page-header { align-items: flex-start; }
  .workspace .page-header .page-actions { width: auto; padding-top: 25px; }
  .workspace .library-summary { flex-direction: column; gap: 6px; }
  .workspace .filter-summary { gap: 5px; }
  .workspace .search-status-actions { flex-direction: column; }
  .workspace .search-status-actions .btn-retry { order: -1; }
  .workspace .empty-actions { flex-direction: column; }
  .workspace .empty-actions .btn { width: 100%; }
  .workspace .settings-page { padding-right: 12px; padding-left: 12px; }
  .workspace .mobile-settings-tabs { margin-right: -12px; margin-left: -12px; padding-right: 12px; padding-left: 12px; }
  .workspace .session-meta { display: block; }
  .workspace .session-meta > * { display: block; }
  .workspace .session-meta > * + *::before { display: none; content: ""; }
  .session-dialog-body { grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding-right: 14px; padding-left: 14px; }
  .session-dialog-mark { width: 38px; height: 38px; }
  .session-dialog h2 { font-size: 19px; }
  .session-dialog-actions { grid-template-columns: 1fr; padding-right: 14px; padding-left: 14px; }
  .session-dialog-submit { grid-row: 1; }
  .workspace .model-access-alert-actions { flex-direction: column; }
  .workspace .model-access-alert-actions .btn { width: 100%; }
  .destructive-dialog-layer .document-delete-actions { grid-template-columns: 1fr; }
  .destructive-dialog-layer .account-delete-dialog .document-delete-button--danger { grid-row: 1; }
}