@media (max-width: 1180px) {
  :root { --sidebar: 230px; --drawer: 380px; }
  .quick { max-width: 680px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .files-layout { grid-template-columns: 176px minmax(0,1fr); }
  .file-preview { position: absolute; inset: 68px 0 0 176px; z-index: 4; background: var(--bg-2); box-shadow: -22px 0 60px rgba(0,0,0,.28); }
  .file-studio-modal.has-file-selected .file-preview { display: flex; }
}

@media (max-width: 900px) {
  :root { --topbar: 58px; }
  .app { grid-template-columns: minmax(0,1fr); height: var(--visual-viewport-height); }
  .sidebar { position: fixed; inset: 0 auto 0 0; width: min(310px,88vw); height: var(--sidebar-frozen-height, var(--visual-viewport-height)); max-height: var(--sidebar-frozen-height, var(--visual-viewport-height)); overflow: hidden; z-index: var(--z-sidebar); transform: translate3d(-105%,0,0); transition: transform 240ms var(--ease); padding-top: max(14px,env(safe-area-inset-top)); padding-bottom: max(12px,env(safe-area-inset-bottom)); contain: layout paint; }
  body.sidebar-open .sidebar { transform: translate3d(0,0,0); }
  body.sidebar-open .main, body.sidebar-open .workspace, body.sidebar-open .composer-shell { transform: none; translate: none; }
  .sidebar-close-btn { display: grid; }
  #collapseBtn { display: none; }
  .mobile-menu { display: grid; }
  .title span { display: none; }
  .topbar { padding-inline: 10px; }
  .chat-wrap { padding: 20px 14px 24px; }
  .empty { justify-content: flex-start; padding: clamp(28px,7vh,62px) 0 18px; }
  .empty .aura-core.big { --core: 62px; }
  .empty h1 { font-size: clamp(31px,7vw,39px); }
  .lead { max-width: 520px; font-size: 14px; }
  .quick { display: flex; max-width: none; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; margin-top: 24px; padding: 2px 2px 8px; }
  .quick-card { flex: 0 0 min(260px,78vw); min-height: 104px; scroll-snap-align: start; }
  .composer-shell { padding: 10px 10px max(10px,env(safe-area-inset-bottom)); }
  .drawer { position: fixed; width: min(410px,100%); }
  .overlay { padding: 0; }
  .modal:not(.permission-dialog):not(.auth-box) { width: 100%; height: 100dvh; border: 0; border-radius: 0; }
  .file-studio-dialog { min-width: 0; max-width: 100vw; }
  .file-studio-dialog .modal-head, .files-layout { min-width: 0; width: 100%; }
  .account-modal { grid-template-columns: 1fr; grid-template-rows: auto minmax(0,1fr); }
  .account-nav { min-height: 58px; max-height: 58px; border-right: 0; border-bottom: 1px solid var(--line); padding: 7px 10px; flex-direction: row; overflow-x: auto; overflow-y: hidden; }
  .account-head, .account-nav-spacer, .account-nav .danger-action { display: none; }
  .account-nav .nav-btn { width: auto; min-width: max-content; min-height: 44px; padding: 0 11px; }
  .account-nav .nav-btn.active::before { inset: auto 10px 0; width: auto; height: 2px; }
  .account-content { padding: 18px 14px; }
  .settings-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .memory-item { grid-template-columns: 1fr; }
  .memory-item-actions { flex-wrap: wrap; }
  .agent-run-card, .agent-plan-card { width: auto; margin-left: 37px; }
  body.sidebar-collapsed { --sidebar: 268px; }
  .files-layout { grid-template-columns: 1fr; grid-template-rows: auto minmax(0,1fr); }
  .file-nav { overflow: hidden; border-right: 0; border-bottom: 1px solid var(--line); padding: 7px 10px; }
  .file-nav-tabs { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: none; }
  .file-nav-tabs .nav-btn { width: auto; min-width: max-content; min-height: 40px; }
  .file-nav-summary { display: none; }
  .file-center-toolbar { min-height: 44px; padding: 8px 10px; flex-wrap: wrap; gap: 8px; }
  .file-center-toolbar select { flex: 1 1 calc(50% - 4px); width: auto; min-width: 0; max-width: none; }
  .file-breadcrumbs:empty { display: none; }
  .file-bulk-actions { flex: 1 1 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .file-bulk-actions .secondary { width: 100%; min-width: 0; padding-inline: 8px; white-space: normal; }
  .file-view-hint { display: none; }
  .file-content-scroll { padding: 10px; }
  .file-preview { position: absolute; inset: 68px 0 0; z-index: var(--z-modal); background: var(--bg-2); border: 0; padding: 12px; }
  .file-studio-modal.mobile-preview-open .file-center,
  .file-studio-modal.mobile-preview-open .file-nav { visibility: hidden; }
}

@media (max-width: 620px) {
  .metric-grid { grid-template-columns: 1fr; }
  .top-actions .text-btn, #detailsToggleBtn, #notificationBtn { display: none; }
  .task-pill span { display: none; }
  .task-pill { min-width: 44px; padding: 0 10px; justify-content: center; }
  .auth-control .icon-btn { width: 44px; height: 44px; }
  .empty .aura-core.big { --core: 56px; }
  .empty h1 { margin-top: 19px; font-size: clamp(29px,9vw,34px); }
  .lead { padding: 0 6px; font-size: 13.5px; }
  .quick { margin-top: 20px; }
  .quick-card { flex-basis: min(242px,82vw); min-height: 92px; padding: 12px; }
  .qicon { width: 31px; height: 31px; margin-bottom: 11px; }
  .composer textarea { min-height: 52px; padding: 14px 14px 5px; font-size: 14px; }
  .composer-row { min-height: 48px; padding-inline: 7px; gap: 6px; }
  .chip { display: none; }
  .chip.mobile-primary, .composer-more { display: inline-grid; width: 44px; height: 44px; padding: 0; }
  .chip.mobile-primary > span:last-child { display: none; }
  .send { width: 44px; height: 44px; flex-basis: 44px; }
  .composerHint { display: none; }
  .context-file-chip { max-width: min(270px,78vw); }
  .messages-container { gap: 24px; }
  .messages-container .message.assistant .message-content { padding-left: 0; }
  .messages-container .message.assistant .message-header { padding-left: 0; }
  .messages-container .message.user .message-content { max-width: 94%; }
  .message-actions, .agent-run-card, .inline-error-card { margin-left: 0; }
  .message-actions { opacity: .72; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; padding-bottom: 2px; }
  .message-action-btn.is-secondary, .message-action-btn.is-feedback { display: none; }
  .agent-plan-message .message-content { padding-left: 0; }
  .run-card-head { grid-template-columns: 32px minmax(0,1fr); }
  .run-card-actions { grid-column: 1 / -1; justify-content: flex-end; }
  .run-card-copy > strong { white-space: normal; }
  .artifact-download-card { grid-template-columns: 40px minmax(0,1fr); }
  .artifact-download-state { display: none; }
  .agent-plan-topline { display: grid; }
  .plan-files { max-width: none; justify-content: flex-start; }
  .file-studio-dialog { grid-template-rows: auto minmax(0,1fr); }
  .file-studio-dialog .modal-head { height: auto; min-height: 64px; padding: 10px 12px; flex-wrap: wrap; }
  .file-studio-dialog .modal-head h2 { flex: 1; }
  .file-studio-dialog .modal-head > span { display: none; }
  .file-studio-dialog .search { order: 3; width: 100%; }
  .file-list { min-height: 0; grid-template-columns: 1fr; }
  .file-studio-row, .temporary-file-card { min-height: 62px; }
  .notification-pop { inset: auto 0 0; width: 100%; border-radius: 20px 20px 0 0; }
  #authModal .auth-box { width: 100%; max-width: none; min-height: 100dvh; border: 0; border-radius: 0; padding: max(28px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom)); align-content: center; }
}

@media (max-width: 340px) {
  .empty h1 { width: calc(100vw - 28px); max-width: calc(100vw - 28px); overflow-wrap: anywhere; }
  .messages-container .message-header { gap: 6px; }
  .message-action-btn { padding-inline: 6px; }
}

@media (max-height: 650px) and (orientation: landscape) {
  .empty { padding-top: 18px; }
  .empty .aura-core.big { --core: 46px; }
  .empty h1 { margin-top: 13px; font-size: 28px; }
  .lead { font-size: 12.5px; }
  .quick { margin-top: 14px; }
  .quick-card { min-height: 82px; }
  .chat-wrap { padding-top: 15px; }
  #authModal .auth-box { padding-block: 18px; gap: 10px; }
  .auth-brand { display: none; }
}

@media (pointer: coarse) {
  .icon-btn, .chip, .nav-btn, .state-btn, .workspace-mini-btn { min-width: 44px; min-height: 44px; }
  .top-actions, .composer-row { gap: 6px; }
  .quick-card:hover, .file-card:hover, .artifact-download-card:hover { transform: none; }
  .message-actions { opacity: .7; transform: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .sidebar, .topbar, .user-menu, .notification-pop, .modal, .drawer { backdrop-filter: none; background: #0d1118; }
  .ambient, .noise { display: none; }
}

@media (prefers-contrast: more) {
  :root { --line: rgba(255,255,255,.16); --line-2: rgba(255,255,255,.28); --muted: #c1c8d4; --subtle: #aab3c2; }
}

/* V6.4 mobile file preview is a real second screen, not an auto-open action */
@media (max-width: 700px) {
  .file-studio-modal.mobile-preview-open .file-preview {
    display: flex !important;
    visibility: visible !important;
    position: absolute;
    inset: 0;
    z-index: calc(var(--z-modal) + 1);
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: max(10px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
    background: var(--bg-2);
    overflow: hidden;
  }
  .file-studio-modal.mobile-preview-open .file-preview-head {
    min-height: 48px;
    grid-template-columns: 44px minmax(0,1fr);
    gap: 8px;
  }
  .file-studio-modal.mobile-preview-open .file-preview-back { display: grid; }
  .file-studio-modal.mobile-preview-open .preview-stage {
    min-height: 0;
    flex: 1 1 auto;
  }
  .file-studio-modal.mobile-preview-open .file-studio-inspector {
    max-height: 22vh;
    overflow: auto;
  }
  .file-studio-modal.mobile-preview-open .preview-actions {
    flex: 0 0 auto;
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@media (max-width: 700px) {
  .file-studio-modal.has-file-selected:not(.mobile-preview-open) .file-preview { display: none; }
  .file-studio-modal:not(.mobile-preview-open) .file-center,
  .file-studio-modal:not(.mobile-preview-open) .file-nav { visibility: visible; }
}

@media (max-width: 700px) {
  .file-studio-modal.mobile-preview-open .preview-stage.file-studio-surface {
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 14px;
  }
  .file-studio-modal.mobile-preview-open .preview-stage.file-studio-surface > .studio-workbench.single-preview {
    flex: 0 0 235px;
    min-height: 235px;
  }
  .file-studio-modal.mobile-preview-open .studio-assistant-dock {
    margin: 8px;
    align-items: flex-start;
    flex-direction: column;
  }
  .file-studio-modal.mobile-preview-open .studio-assistant-dock .workspace-mini-btn { width: 100%; }
  .file-studio-modal.mobile-preview-open .studio-assistant-workspace { margin: 0 8px 8px; padding: 11px; }
  .file-studio-modal.mobile-preview-open .studio-assistant-grid { grid-template-columns: 1fr; }
  .file-studio-modal.mobile-preview-open .studio-assistant-workspace-head { align-items: center; }
  .file-studio-modal.mobile-preview-open .studio-assistant-hint { display: none; }
  .file-studio-modal.mobile-preview-open .studio-assistant-actions { justify-content: flex-end; }
  .file-studio-modal.mobile-preview-open .file-studio-inspector { max-height: 18vh; }
  .file-studio-modal.mobile-preview-open .file-studio-inspector .file-inspector-card:nth-child(n+2) { display: none; }
  .file-studio-modal.mobile-preview-open .file-inspector-actions { display: none; }
}

@media (max-width: 700px) {
  .file-studio-modal.mobile-preview-open .file-preview { overflow-y: auto; }
  .file-studio-modal.mobile-preview-open .preview-stage.file-studio-surface {
    flex: 0 0 auto;
    overflow: visible;
  }
  .file-studio-modal.mobile-preview-open .file-studio-inspector {
    max-height: none;
    overflow: visible;
  }
  .file-studio-modal.mobile-preview-open .preview-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding-top: 8px;
    background: linear-gradient(to bottom, transparent, var(--bg-2) 26%);
  }
}