/* Optional Windows 11-inspired workspace. This remains an AIEX web demo. */
body[data-interface="windows"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --sidebar: #f3f3f3;
  --ink: #202020;
  --muted: #595959;
  --line: #d9d9dd;
  --accent: #0067c0;
  --accent-dark: #005a9e;
  --accent-soft: #e6f2ff;
  --teal: #0067c0;
  --teal-soft: #e8f2fc;
  --red: #c42b1c;
  color: #202020;
  background: #f3f3f3;
  font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}

body[data-interface="windows"] ::selection { color: #102b43; background: #cce8ff; }
body[data-interface="windows"] :focus-visible { outline: 2px solid #0067c0; outline-offset: 3px; }
body[data-interface="windows"] :is(button, input, textarea, select) { font-family: inherit; }
body[data-interface="windows"] :is(h1, .view-heading, .hero-title, .dialog-title) {
  color: #202020;
  font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -.025em !important;
}

body[data-interface="windows"] .app-shell { background: #fff; }
body[data-interface="windows"] .sidebar {
  padding-top: 23px;
  background: #f3f3f3;
  backdrop-filter: none;
  border-color: #d9d9dd !important;
}
body[data-interface="windows"] .brand { margin-bottom: 28px; }
body[data-interface="windows"] .brand-copy { color: #202020; font-size: 18px; }
body[data-interface="windows"] .brand-copy > span { color: #595959; font-size: 11px; line-height: 1.6; }
body[data-interface="windows"] .sidebar-section-label { color: #656565; font-size: 10px; letter-spacing: .7px; }
body[data-interface="windows"] .project-select {
  min-height: 42px;
  border: 1px solid #929297;
  border-radius: 5px;
  color: #202020;
  background: #fff;
  font-size: 12px;
  font-weight: 500;
}
body[data-interface="windows"] :is(select, option) { color: #202020; background: #fff; }
body[data-interface="windows"] .project-switcher { margin-bottom: 22px; }
body[data-interface="windows"] .project-switcher-icon { color: #8f6000; top: 14px; }
body[data-interface="windows"] .project-switcher-icon svg { fill: #ffdb75; }
body[data-interface="windows"] .nav-item { position: relative; min-height: 43px; padding: 10px 12px; color: #3b3b3b; font-size: 12px; font-weight: 400; border-radius: 5px; }
body[data-interface="windows"] .nav-item:hover { color: #202020; background: #e8e8e8; }
body[data-interface="windows"] .nav-item.active { color: #202020 !important; background: #e5e5e5 !important; border-color: transparent; font-weight: 600; }
body[data-interface="windows"] .nav-item.active::before { position: absolute; content: ""; left: 0; top: 11px; bottom: 11px; width: 3px; background: #0067c0; border-radius: 3px; }
body[data-interface="windows"] .nav-item svg { color: #4e647a; opacity: 1; }
body[data-interface="windows"] .nav-item[data-view="files"] svg { color: #996400; fill: #ffdc7a; }
body[data-interface="windows"] .nav-count { color: #505050; background: #dcdcdc; }
body[data-interface="windows"] :is(.demo-info-button, .demo-info-button > span:nth-child(2) > span, .sidebar-person > span:nth-child(2), .sidebar-person > span:nth-child(2) > span, .workspace-initials) { color: #595959; }

body[data-interface="windows"] .topbar { min-height: 68px; flex-basis: 68px; padding-left: 26px; padding-right: 24px; gap: 12px; color: #202020; background: #f6f6f6; backdrop-filter: none; }
body[data-interface="windows"] .topbar-actions { gap: 10px; }
body[data-interface="windows"] .topbar-divider { background: #d4d4d8; }
body[data-interface="windows"] :is(.breadcrumb, .breadcrumb a, .breadcrumb strong, .breadcrumb #current-view-label) { color: #464646; font-size: 12px; font-weight: 400; }
body[data-interface="windows"] .breadcrumb-divider { color: #8a8a8a; }
body[data-interface="windows"] .demo-label { padding: 5px 7px; border: 1px solid #e5b7b2; border-radius: 4px; color: #c42b1c !important; background: #fff3f0; font-size: 12px; letter-spacing: .8px; }
body[data-interface="windows"] #interface-select { min-height: 35px; max-width: 200px; padding: 7px 29px 7px 10px; border: 1px solid #8f8f96; border-radius: 5px; color: #292929; background: #fff; font-size: 11px; line-height: 1.5; }
body[data-interface="windows"] label[for="interface-select"] { color: #595959; font-size: 10px; }
body[data-interface="windows"] .button { min-height: 36px; border: 1px solid #a1a1a7; border-radius: 5px; color: #252525; background: #fff; box-shadow: 0 1px 1px #00000005; font-size: 12px; font-weight: 500; }
body[data-interface="windows"] .button:hover { border-color: #85858d; background: #f3f3f3; }
body[data-interface="windows"] .button-primary { color: #fff; background: #0067c0; border-color: #0067c0; }
body[data-interface="windows"] .button-primary:hover { color: #fff; background: #005a9e; border-color: #005a9e; }
body[data-interface="windows"] .button-ghost { color: #464646; border-color: transparent; background: transparent; box-shadow: none; }
body[data-interface="windows"] .button-ghost:hover { background: #eaeaea; border-color: transparent; }
body[data-interface="windows"] .button-subtle { color: #3c3c3c; border-color: #c3c3c9; background: #f7f7f7; }
body[data-interface="windows"] .icon-button { color: #464646; border-radius: 4px; }
body[data-interface="windows"] .icon-button:hover { color: #202020; background: #e6e6e9; }

body[data-interface="windows"] .workspace-body { background: #fff; }
body[data-interface="windows"] .conversation-toolbar { min-height: 71px; padding: 16px 28px; background: #fafafa; }
body[data-interface="windows"] .conversation-content { padding: 28px; scrollbar-color: #b9b9c0 transparent; }
body[data-interface="windows"] .expert-heading strong { color: #202020; font-size: 14px; }
body[data-interface="windows"] .expert-avatar { color: #fff !important; background: #0067c0 !important; border-radius: 7px; }
body[data-interface="windows"] .status-text { color: #595959; font-size: 11px; }
body[data-interface="windows"] .status-indicator { background: #0067c0; }
body[data-interface="windows"] .demo-mode-chip { color: #4f5861; border-color: #c5d4e3; background: #edf4fa; font-size: 10px; }
body[data-interface="windows"] .hero-title { font-size: 35px; line-height: 1.15; }
body[data-interface="windows"] .hero-title em { color: #0067c0; font-style: normal; }
body[data-interface="windows"] .hero-description { color: #595959; font-size: 13px; line-height: 1.85; }
body[data-interface="windows"] :is(.eyebrow, .welcome-project, .welcome-project > span:last-child, .welcome-project svg) { color: #595959; }
body[data-interface="windows"] .eyebrow { letter-spacing: 1px; }
body[data-interface="windows"] .scenario-card { color: #202020; background: #fff !important; border-color: #c9c9d0 !important; box-shadow: 0 1px 3px #00000006 !important; }
body[data-interface="windows"] .scenario-card:hover { background: #f3f8fd !important; border-color: #81aaca !important; box-shadow: 0 2px 5px #00000008 !important; transform: none; }
body[data-interface="windows"] .scenario-title { color: #202020; font-size: 13px; }
body[data-interface="windows"] .scenario-description { color: #595959; font-size: 11px; }
body[data-interface="windows"] .scenario-number { color: #656565; }
body[data-interface="windows"] .scenario-icon { color: #0067c0; background: #e7f1fc; }
body[data-interface="windows"] .scenario-link { color: #005a9e; }
body[data-interface="windows"] .starter-suggestions { color: #595959; }
body[data-interface="windows"] .suggestion-chip { min-height: 31px; color: #27445f; border-color: #a6bdd3; background: #f2f7fc; font-size: 11px; }
body[data-interface="windows"] .suggestion-chip:hover { color: #173a5b; border-color: #739dc1; background: #e7f1fb; }

body[data-interface="windows"] :is(.message-meta, .message-meta strong, .expert-message-main > .message-meta, .expert-message-main > .message-meta > span) { color: #595959; }
body[data-interface="windows"] .message-user .message-body { color: #20364b; border-color: #c8d8e7; background: #edf4fb; }
body[data-interface="windows"] .expert-message-main { border-color: #d1d1d8 !important; border-radius: 8px !important; background: #fff; box-shadow: 0 1px 3px #00000004; }
body[data-interface="windows"] :is(.message-content, .message-content p) { color: #303030 !important; font-size: 13px; line-height: 1.85; }
body[data-interface="windows"] .message-content strong { color: #202020; }
body[data-interface="windows"] .message-bullets { color: #343434; background: #f5f7fa; }
body[data-interface="windows"] .message-bullets svg { color: #0067c0; }
body[data-interface="windows"] .message-follow-up { color: #27405a; border-color: #0067c0; background: #eff6fd; }
body[data-interface="windows"] :is(.message-follow-up strong, .message-follow-up .eyebrow) { color: #405770; }
body[data-interface="windows"] .source-pill { min-height: 29px; color: #3d5266; border-color: #b9cbdc; background: #f5f9fd; font-size: 10px; }
body[data-interface="windows"] .source-pill:hover { color: #174970; background: #e8f3fd; border-color: #83a5c3; }
body[data-interface="windows"] .composer-wrap { padding: 14px 28px 15px; background: #fff; border-top-color: #e7e7eb; }
body[data-interface="windows"] .composer { background: #fff !important; border-color: #8f8f98 !important; border-radius: 7px; box-shadow: 0 1px 3px #00000008 !important; }
body[data-interface="windows"] .composer:focus-within { border-color: #0067c0 !important; box-shadow: 0 0 0 1px #0067c0 !important; }
body[data-interface="windows"] .composer-input { color: #202020; font-size: 13px; }
body[data-interface="windows"] .composer-input::placeholder { color: #666; }
body[data-interface="windows"] :is(.composer-hint, .composer-footnote) { color: #595959; }
body[data-interface="windows"] .composer-submit { color: #fff !important; background: #0067c0 !important; border-color: #0067c0; border-radius: 5px !important; }

body[data-interface="windows"] .context-panel { color: #303030; background: #fafafa; border-color: #d9d9dd !important; scrollbar-color: #b9b9c0 transparent; }
body[data-interface="windows"] .context-project { background: #fff !important; border-color: #d4d4dc !important; border-radius: 6px; box-shadow: 0 1px 3px #00000004 !important; }
body[data-interface="windows"] :is(.context-label, .context-title, .context-title span, .context-copy, .context-project p, .context-source-meta, .principle-list li, .control-preview, .control-preview p) { color: #595959; }
body[data-interface="windows"] :is(.context-project h2, .context-project h3, .context-header h2, .context-header strong, .control-preview strong) { color: #303030; }
body[data-interface="windows"] .context-project-mark { color: #8d6100; background: #fff0be; }
body[data-interface="windows"] .context-type { color: #4d5e70; border-color: #b9c8d8; background: #f0f5fa; }
body[data-interface="windows"] .context-source { border-color: #e0e0e5; }
body[data-interface="windows"] .context-source-icon { color: #0067c0; background: #eef5fc; border-color: #c0d3e4; }
body[data-interface="windows"] .context-source-text { color: #303b46; }
body[data-interface="windows"] .context-source:hover .context-source-text { color: #005a9e; }
body[data-interface="windows"] :is(.context-source-arrow, .principle-list svg, .control-preview > span) { color: #5e7082; }
body[data-interface="windows"] .preview-pill { color: #555; border-color: #c5c5ca; background: #f1f1f1; }
body[data-interface="windows"] .content-view { max-width: 940px; }
body[data-interface="windows"] .view-description { color: #595959; font-size: 13px; }
body[data-interface="windows"] :is(.brief-form, .source-card, .saved-note) { color: #303030; border-color: #d0d0d8 !important; border-radius: 7px; background: #fff !important; box-shadow: 0 1px 3px #00000004 !important; }
body[data-interface="windows"] :is(.source-card h2, .source-card h3, .saved-note h2, .saved-note-header h3, .notes-empty h2, .form-label) { color: #202020; }
body[data-interface="windows"] :is(.source-card p, .saved-note p, .saved-note-header span, .notes-empty p, .form-note) { color: #595959; }
body[data-interface="windows"] .source-card-icon { color: #0067c0; background: #eef5fc; border-color: #bed1e4; }
body[data-interface="windows"] :is(.form-input, .form-textarea) { color: #202020; border-color: #8d8d97; border-radius: 5px; background: #fff; }
body[data-interface="windows"] :is(.form-input, .form-textarea)::placeholder { color: #666; }
body[data-interface="windows"] .notes-empty { border-color: #aebdca; background: #f5f9fd; }
body[data-interface="windows"] .notes-empty-icon { color: #0067c0; border-color: #bfd0e0; background: #e9f2fb; }

body[data-interface="windows"] .dialog { color: #202020; background: #fff !important; border-color: #a5a5ae !important; border-radius: 9px; box-shadow: 0 15px 65px #00000030 !important; }
body[data-interface="windows"] .dialog::backdrop { background: #00000048; backdrop-filter: blur(2px); }
body[data-interface="windows"] .dialog-header { border-color: #dedee3; }
body[data-interface="windows"] .dialog-footer { border-color: #dedee3; background: #f6f6f6; }
body[data-interface="windows"] .dialog-tag { color: #355777; border-color: #b9cddd; background: #edf5fc; }
body[data-interface="windows"] .dialog-title { font-size: 25px; }
body[data-interface="windows"] :is(.dialog-copy, .dialog-body > p:not([class]), .dialog-item, .dialog-list > li, .dialog-scenario p, .control-row p) { color: #505050; font-size: 12px; }
body[data-interface="windows"] :is(.dialog-body > h3, .dialog-item strong, .dialog-scenario strong, .control-row strong) { color: #202020; }
body[data-interface="windows"] :is(.dialog-item, .dialog-list > li, .dialog-scenario, .control-row) { border-color: #d9d9df; background: #fafafa; }
body[data-interface="windows"] .dialog-scenario:hover { border-color: #8baac5; background: #f0f7fd; }
body[data-interface="windows"] :is(.dialog-scenario > span, .control-row > span:first-child) { color: #0067c0; background: #e8f2fc; }
body[data-interface="windows"] .dialog-close { color: #444; background: #eee; }
body[data-interface="windows"] .dialog-close:hover { color: #202020; background: #dedee3; }
body[data-interface="windows"] .control-list { border-color: #d4d4dc; }
body[data-interface="windows"] :is(.reference-disclaimer, .source-preview-id) { color: #555; border-color: #d1d1d9; background: #f5f5f7; }
body[data-interface="windows"] .toast { color: #202020; border-color: #bdbdc6; background: #fff; box-shadow: 0 5px 24px #00000020; }

/* Explorer controls and files use the same app state, never the host OS. */
body[data-interface="windows"] .file-workspace { width: 100%; max-width: none; color: #202020; }
body[data-interface="windows"] .file-workspace h1 { font-size: 26px; line-height: 1.25; }
body[data-interface="windows"] .file-workspace > p { color: #595959; font-size: 12px; line-height: 1.8; }
body[data-interface="windows"] .explorer-toolbar { display: flex; align-items: center; gap: 9px; margin: 22px 0 0; padding: 12px; border: 1px solid #d3d3da; border-radius: 7px 7px 0 0; background: #f8f8f8; }
body[data-interface="windows"] .explorer-navigation { display: flex; align-items: center; gap: 3px; flex: 0 0 auto; }
body[data-interface="windows"] .explorer-navigation button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 1px solid transparent; border-radius: 4px; color: #494949; background: transparent; }
body[data-interface="windows"] .explorer-navigation button:hover:not(:disabled) { color: #202020; background: #e8e8ec; }
body[data-interface="windows"] .explorer-navigation button:disabled { color: #999; opacity: .65; }
body[data-interface="windows"] .explorer-navigation svg { width: 16px; height: 16px; }
body[data-interface="windows"] .explorer-address { display: flex; align-items: center; flex: 1; gap: 8px; min-width: 0; min-height: 35px; padding: 6px 10px; border: 1px solid #9898a0; border-radius: 4px; color: #303030; background: #fff; font-size: 12px; line-height: 1.5; overflow: hidden; }
body[data-interface="windows"] .explorer-address > svg { width: 16px; height: 16px; color: #8d6100; fill: #ffdf81; }
body[data-interface="windows"] .explorer-breadcrumb { display: flex; align-items: center; gap: 4px; min-width: 0; color: #656565; overflow: hidden; }
body[data-interface="windows"] .explorer-breadcrumb button { min-height: 26px; max-width: 200px; padding: 3px 5px; border: 0; border-radius: 3px; color: #303030; background: transparent; font-size: 11px; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body[data-interface="windows"] .explorer-breadcrumb button:hover { background: #e8f2fc; }
body[data-interface="windows"] .explorer-breadcrumb svg { width: 11px; height: 11px; color: #777; }
body[data-interface="windows"] .explorer-search { flex: 0 1 210px; min-width: 130px; }
body[data-interface="windows"] .explorer-search input, body[data-interface="windows"] #file-search { width: 100%; min-height: 35px; padding: 7px 10px; border: 1px solid #9898a0; border-radius: 4px; color: #202020; background: #fff; font-size: 12px; }
body[data-interface="windows"] #file-search::placeholder { color: #656565; }
body[data-interface="windows"] .explorer-commandbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; min-height: 53px; padding: 9px 14px; border: 1px solid #d3d3da; border-top: 0; color: #505050; background: #fbfbfb; }
body[data-interface="windows"] .explorer-commandbar button { min-height: 33px; padding: 6px 10px; border: 1px solid transparent; border-radius: 4px; color: #3f3f3f; background: transparent; font-size: 11px; }
body[data-interface="windows"] .explorer-commandbar button:hover { background: #eaeaea; }
body[data-interface="windows"] .explorer-commandbar button[aria-pressed="true"], body[data-interface="windows"] .explorer-commandbar button.active { color: #104d80; border-color: #acc5dc; background: #e7f1fb; }
body[data-interface="windows"] .explorer-summary { color: #595959; font-size: 11px; }
body[data-interface="windows"] .explorer-table { overflow: hidden; border: 1px solid #d3d3da; border-top: 0; border-radius: 0 0 6px 6px; background: #fff; }
body[data-interface="windows"] .explorer-table-head, body[data-interface="windows"] .explorer-row { display: grid; grid-template-columns: minmax(0, 1fr) 115px 120px 34px; align-items: center; gap: 12px; width: 100%; }
body[data-interface="windows"] .explorer-table-head { min-height: 38px; padding: 7px 16px; border-bottom: 1px solid #e1e1e7; color: #656565; background: #fafafa; font-size: 10px; font-weight: 400; }
body[data-interface="windows"] .explorer-row { min-height: 70px; padding: 12px 16px; border: 0; border-bottom: 1px solid #eeeef2; border-radius: 0; color: #2e2e2e; background: #fff; font-size: 12px; text-align: left; }
body[data-interface="windows"] .explorer-table:not(.explorer-grid) > [role="listitem"]:last-child .explorer-row { border-bottom: 0; }
body[data-interface="windows"] .explorer-row:hover { background: #edf5fd; }
body[data-interface="windows"] .explorer-row[aria-selected="true"], body[data-interface="windows"] .explorer-row[data-selected="true"] { color: #173d60; background: #dcebfb; }
body[data-interface="windows"] .explorer-row:focus-visible { position: relative; z-index: 1; outline-offset: -3px; }
body[data-interface="windows"] .file-name { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 3px 11px; min-width: 0; }
body[data-interface="windows"] .file-name > span:not(.file-icon) { grid-column: 2; min-width: 0; }
body[data-interface="windows"] .file-icon { display: grid; place-items: center; grid-column: 1; grid-row: 1 / span 2; width: 30px; height: 33px; color: #0067c0; }
body[data-interface="windows"] .file-icon svg { width: 25px; height: 25px; }
body[data-interface="windows"] .file-name strong { display: block; grid-column: 2; color: #202020; font-size: 12px; line-height: 1.55; font-weight: 500; overflow-wrap: anywhere; }
body[data-interface="windows"] .file-name small { display: block; grid-column: 2; color: #656565; font-size: 10px; line-height: 1.6; }
body[data-interface="windows"] :is(.file-kind-folder .file-icon svg, .file-folder-icon svg, svg.file-folder-icon) { color: #a86c00; fill: #ffdb70; }
body[data-interface="windows"] .file-kind-document .file-icon svg { color: #0067c0; fill: #edf6ff; }
body[data-interface="windows"] .file-kind-note .file-icon svg { color: #8d5d00; fill: #fff3b8; }
body[data-interface="windows"] .file-kind-task .file-icon svg { color: #5f40a3; fill: #f1ebff; }
body[data-interface="windows"] :is(.file-type, .file-location) { color: #656565; font-size: 10px; line-height: 1.6; }
body[data-interface="windows"] .file-action { color: #0067c0; text-align: right; font-size: 11px; }
body[data-interface="windows"] .file-action svg { width: 15px; height: 15px; margin-left: auto; }
body[data-interface="windows"] .explorer-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; padding: 15px; background: #fff; }
body[data-interface="windows"] .explorer-grid .explorer-row { display: flex; flex-direction: column; justify-content: flex-start; gap: 10px; min-height: 150px; height: 100%; padding: 18px 13px 13px; border: 1px solid #dedee5; border-radius: 5px; text-align: center; }
body[data-interface="windows"] .explorer-grid .file-name { display: flex; flex-direction: column; gap: 11px; width: 100%; }
body[data-interface="windows"] .explorer-grid .file-icon { width: 42px; height: 44px; }
body[data-interface="windows"] .explorer-grid .file-icon svg { width: 39px; height: 39px; }
body[data-interface="windows"] .explorer-grid .file-name strong { text-align: center; }
body[data-interface="windows"] .explorer-grid .file-name small { margin-top: 4px; text-align: center; }
body[data-interface="windows"] .explorer-grid :is(.file-type, .file-location) { display: none; }
body[data-interface="windows"] .explorer-grid .file-action { margin-top: auto; text-align: center; }
body[data-interface="windows"] .explorer-empty { padding: 45px 20px; color: #595959; font-size: 13px; line-height: 1.85; text-align: center; background: #fff; }
body[data-interface="windows"] .explorer-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 3px 0; color: #656565; font-size: 10px; line-height: 1.7; }
body[data-interface="windows"] .explorer-quickstart { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; margin-top: 22px; border: 1px solid #bfd2e4; border-radius: 6px; color: #2d4962; background: #f0f7fd; font-size: 12px; line-height: 1.8; }
body[data-interface="windows"] .explorer-quickstart strong { display: block; color: #24445f; font-weight: 600; }

@media (max-width: 1249px) {
  body[data-interface="windows"] .context-panel.is-open,
  body[data-interface="windows"] .context-panel.is-visible,
  body[data-interface="windows"] .context-panel.open,
  body[data-interface="windows"].context-open .context-panel { top: 68px; box-shadow: -10px 0 35px #00000016; }
}
@media (max-width: 1020px) and (min-width: 760px) {
  body[data-interface="windows"] .topbar { padding-left: 18px; padding-right: 18px; }
  body[data-interface="windows"] .breadcrumb { font-size: 10px; gap: 6px; }
  body[data-interface="windows"] #interface-select { max-width: 170px; font-size: 10px; }
  body[data-interface="windows"] .conversation-content { padding: 22px; }
  body[data-interface="windows"] .explorer-search { flex-basis: 170px; }
  body[data-interface="windows"] .explorer-table-head,
  body[data-interface="windows"] .explorer-row { grid-template-columns: minmax(0, 1fr) 95px 30px; }
  body[data-interface="windows"] .file-location { display: none; }
}
@media (max-width: 759px) {
  body[data-interface="windows"] .sidebar { padding-top: 25px; background: #f3f3f3; box-shadow: 6px 0 25px #00000018; }
  body[data-interface="windows"] .mobile-backdrop { background: #00000040; }
  body[data-interface="windows"] .topbar { min-height: 69px; flex: 0 0 auto; padding: 10px 12px; gap: 8px; flex-wrap: wrap; }
  body[data-interface="windows"] .topbar-left { gap: 5px; }
  body[data-interface="windows"] .topbar-actions { gap: 7px; min-width: 0; }
  body[data-interface="windows"] #interface-select { max-width: 145px; font-size: 10px; padding-left: 8px; }
  body[data-interface="windows"] .demo-label { padding: 5px; font-size: 11px; }
  body[data-interface="windows"] .conversation-toolbar { min-height: 69px; padding: 14px 18px; }
  body[data-interface="windows"] .conversation-content { padding: 22px 17px; }
  body[data-interface="windows"] .hero-title { font-size: 31px; }
  body[data-interface="windows"] .composer-wrap { padding: 11px 15px max(11px, env(safe-area-inset-bottom)); }
  body[data-interface="windows"] .composer-input { font-size: 14px; }
  body[data-interface="windows"] .composer-footnote { font-size: 9px; line-height: 1.7; }
  body[data-interface="windows"] .expert-message-main { padding: 17px 15px; }
  body[data-interface="windows"] .message-content,
  body[data-interface="windows"] .message-content p { font-size: 12px; }
  body[data-interface="windows"] .context-panel.is-open,
  body[data-interface="windows"] .context-panel.is-visible,
  body[data-interface="windows"] .context-panel.open,
  body[data-interface="windows"].context-open .context-panel { top: 69px; }
  body[data-interface="windows"] .file-workspace h1 { font-size: 24px; }
  body[data-interface="windows"] .explorer-toolbar { flex-wrap: wrap; padding: 10px; gap: 8px; }
  body[data-interface="windows"] .explorer-navigation { order: 1; }
  body[data-interface="windows"] .explorer-address { order: 2; flex: 1 1 160px; }
  body[data-interface="windows"] .explorer-search { order: 3; flex: 1 1 100%; min-width: 0; }
  body[data-interface="windows"] .explorer-breadcrumb button { max-width: 145px; font-size: 10px; }
  body[data-interface="windows"] .explorer-commandbar { padding: 9px 10px; gap: 7px; }
  body[data-interface="windows"] .explorer-summary { font-size: 10px; }
  body[data-interface="windows"] .explorer-table-head { display: none; }
  body[data-interface="windows"] .explorer-row { grid-template-columns: minmax(0, 1fr) 25px; gap: 8px; min-height: 74px; padding: 13px 12px; }
  body[data-interface="windows"] :is(.file-type, .file-location) { display: none; }
  body[data-interface="windows"] .file-name { gap: 3px 10px; }
  body[data-interface="windows"] .file-name strong { font-size: 12px; }
  body[data-interface="windows"] .file-name small { font-size: 10px; }
  body[data-interface="windows"] .explorer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px; gap: 8px; }
  body[data-interface="windows"] .explorer-grid .explorer-row { min-height: 152px; padding: 16px 10px 12px; }
  body[data-interface="windows"] .explorer-grid .file-name strong { font-size: 11px; }
  body[data-interface="windows"] .explorer-quickstart { flex-direction: column; align-items: stretch; gap: 11px; padding: 14px; font-size: 11px; }
  body[data-interface="windows"] .explorer-quickstart .button { align-self: flex-start; }
  body[data-interface="windows"] .explorer-status { align-items: flex-start; flex-direction: column; gap: 5px; }
}
@media (max-width: 379px) {
  body[data-interface="windows"] .breadcrumb { max-width: 90px; font-size: 10px; }
  body[data-interface="windows"] #interface-select { max-width: 132px; padding-right: 23px; }
  body[data-interface="windows"] .topbar-actions { gap: 5px; }
  body[data-interface="windows"] .conversation-content { padding-left: 14px; padding-right: 14px; }
  body[data-interface="windows"] .explorer-navigation button { width: 30px; height: 32px; }
  body[data-interface="windows"] .explorer-address { flex-basis: 120px; }
}