.shell { width: min(1500px, 100%); }
.workspace-frame { display: grid; grid-template-columns: 15rem minmax(0, 1fr) 17rem; gap: .75rem; align-items: start; width: 100%; max-width: 100%; min-height: calc(100dvh - 5rem); overflow-x: clip; }
.workspace-stage { width: 100%; min-width: 0; max-width: 100%; overflow-x: clip; }
.workspace-stage .product-toolbar { display: flex; width: 100%; overflow: hidden; }
.workspace-stage .product-tabs { flex: 1 1 auto; overflow-x: auto; scrollbar-width: thin; }
.workspace-stage .sign-out-button { position: relative; z-index: 1; margin-left: auto; background: #111516; }
.workspace-command-button { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.workspace-command-button kbd { padding: .12rem .3rem; color: #78908a; border: 1px solid #334640; border-radius: .3rem; font: inherit; font-size: .65rem; }
.workspace-command-palette { position: fixed; z-index: 60; inset: 0; display: grid; align-items: start; justify-items: center; padding: min(16dvh, 9rem) 1rem 1rem; }
.workspace-command-palette[hidden] { display: none; }
.workspace-command-palette-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; padding: 0; border: 0; border-radius: 0; background: rgb(0 0 0 / .7); }
.workspace-command-dialog { position: relative; width: min(38rem, 100%); overflow: hidden; border: 1px solid #3a514a; border-radius: .9rem; background: #121918; box-shadow: 0 1.4rem 5rem rgb(0 0 0 / .62); }
.workspace-command-heading { display: flex; align-items: center; justify-content: space-between; padding: .65rem .75rem .2rem; }
.workspace-command-heading h2 { margin: 0; font-size: .8rem; color: #91a69f; }
.workspace-command-dialog > input { width: calc(100% - 1.4rem); margin: .45rem .7rem .55rem; border-color: #49675e; background: #0e1514; }
.workspace-command-list { max-height: min(50dvh, 24rem); margin: 0; padding: .25rem .45rem .55rem; overflow: auto; list-style: none; }
.workspace-command-list button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: .65rem .7rem; color: #d6e7e2; text-align: left; border: 0; background: transparent; }
.workspace-command-list button:hover, .workspace-command-list button:focus-visible { background: #20302c; }
.workspace-command-list small { color: #728a83; }
.local-preview-banner { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: .55rem 0; padding: .55rem .75rem; color: #bfe8da; border: 1px solid #386c5d; border-radius: .6rem; background: #173229; font-size: .75rem; }
.local-preview-banner span { color: #87ac9f; }
.workspace-stage .product-panel, #product-chat .workspace, #product-chat .chat-panel { width: 100%; max-width: none; }
.workspace-sidebar, .eve-inspector { position: sticky; top: .65rem; height: calc(100dvh - 1.3rem); min-width: 0; border: 1px solid #273633; border-radius: .8rem; background: #121819; }
.workspace-sidebar { display: flex; flex-direction: column; padding: .7rem; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
.workspace-sidebar-heading, .workspace-section-heading, .eve-inspector-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.workspace-sidebar-heading { min-height: 2.4rem; padding: 0 .3rem .55rem; }
.workspace-sidebar-close-label { display: none; }
.icon-button { min-width: 2.25rem; min-height: 2.25rem; padding: .35rem; border-color: transparent; background: transparent; }
.workspace-new-task { display: flex; align-items: center; gap: .55rem; width: 100%; margin-bottom: .65rem; text-align: left; }
.workspace-new-task:disabled { color: #78908a; background: #22332f; }
.workspace-nav, .workspace-tools-shortcuts { display: grid; gap: .2rem; }
.workspace-nav button, .workspace-tools-shortcuts button, .workspace-project-link, .workspace-sidebar-settings { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr); gap: .45rem; align-items: center; width: 100%; min-height: 2.4rem; padding: .45rem .55rem; text-align: left; color: #bfd0cb; border: 1px solid transparent; background: transparent; }
.workspace-nav button:hover, .workspace-tools-shortcuts button:hover, .workspace-project-link:hover, .workspace-sidebar-settings:hover, .workspace-nav button[aria-current="page"] { color: #f2fffb; background: #1c2927; border-color: #314641; }
.workspace-sidebar-section { min-height: 0; margin-top: .85rem; }
.workspace-sidebar-section:first-of-type { flex: 0 1 auto; overflow: visible; }
.workspace-section-heading h2 { margin: 0; color: #7f9790; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.workspace-list { max-height: 29dvh; margin: .35rem 0 0; padding: 0; overflow: auto; list-style: none; }
.workspace-list button { width: 100%; padding: .55rem; overflow: hidden; color: #b8cac4; text-align: left; text-overflow: ellipsis; white-space: nowrap; border: 0; background: transparent; }
.workspace-list button:hover, .workspace-list button[aria-current="true"] { color: #fff; background: #21302d; }
.workspace-empty { padding: .55rem; color: #78908a; font-size: .75rem; }
.workspace-project-link { grid-template-columns: 1.4rem minmax(0, 1fr); }
.workspace-project-link small { grid-column: 2; color: #78908a; }
.workspace-sidebar-settings { flex: 0 0 auto; margin-top: .35rem; }
.workspace-install-app { margin-top: .65rem; }
.workspace-install-status { flex: 0 0 auto; margin: .15rem .55rem .25rem 1.95rem; overflow-wrap: anywhere; color: #78908a; font-size: .66rem; line-height: 1.4; }
.app-install-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.app-install-card > div { min-width: 0; }
.app-install-card h3 { margin: 0 0 .3rem; }
.app-install-card button { flex: 0 0 auto; }
.sidebar-collapsed { grid-template-columns: minmax(0, 1fr) 17rem; }
.sidebar-collapsed .workspace-sidebar { display: none; }
.sidebar-open { display: inline-flex; }
.workspace-backdrop { position: fixed; z-index: 29; inset: 0; width: 100%; height: 100%; min-height: 0; padding: 0; border: 0; border-radius: 0; background: rgb(0 0 0 / .62); }
.workspace-backdrop:hover:not(:disabled) { transform: none; background: rgb(0 0 0 / .67); }
.inspector-toggle, .eve-inspector-close { display: none; }
.eve-inspector { padding: .9rem; overflow: auto; }
.eve-inspector-heading-actions { display: flex; align-items: center; gap: .45rem; }
.eve-inspector h2 { margin: 0; font-size: 1.1rem; }
.eve-inspector .eyebrow { margin-bottom: .2rem; }
.eve-inspector > label { display: grid; gap: .35rem; margin-top: .85rem; color: #9fb2ac; font-size: .75rem; }
.eve-inspector select { width: 100%; min-height: 2.6rem; padding: .55rem; color: #e4f4ef; border: 1px solid #38514b; border-radius: .45rem; background: #182321; }
.eve-run-facts { display: grid; gap: .55rem; margin: 1rem 0; }
.eve-run-facts div { display: grid; grid-template-columns: 5.2rem minmax(0, 1fr); gap: .45rem; }
.eve-run-facts dt { color: #78908a; font-size: .72rem; }
.eve-run-facts dd { margin: 0; overflow: hidden; color: #cfe1dc; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.eve-inspector h3 { margin: 1rem 0 .55rem; font-size: .8rem; }
.eve-timeline { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.eve-timeline li { display: grid; grid-template-columns: .75rem 1fr; gap: .45rem; align-items: center; color: #8ba19b; font-size: .75rem; }
.eve-timeline i { width: .5rem; height: .5rem; border-radius: 50%; background: #51635f; }
.eve-timeline li[data-state="complete"] i, .eve-timeline li[data-state="succeeded"] i { background: #75d4b7; }
.eve-timeline li[data-state="running"] i, .eve-timeline li[data-state="executing"] i, .eve-timeline li[data-state="authorizing"] i { background: #d9b86c; }
.eve-inspector-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin-top: 1rem; }
.eve-inspector .boundary-note { margin-top: 1rem; padding: .75rem; font-size: .72rem; }
.workspace-surface { min-height: calc(100dvh - 8.5rem); }
.workspace-evidence-grid, .workspace-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.workspace-evidence-grid article, .workspace-tool-grid article { padding: .9rem; border: 1px solid #30423e; border-radius: .65rem; background: #17201f; }
.workspace-evidence-grid span, .workspace-evidence-grid small { display: block; color: #849b95; }
.workspace-evidence-grid strong { display: block; margin: .35rem 0; }
.workspace-surface-empty { display: grid; min-height: 11rem; margin-top: 1rem; place-items: center; padding: 1rem; color: #829791; text-align: center; border: 1px dashed #344943; border-radius: .65rem; }
.workspace-terminal, .workspace-browser { margin: 1rem 0; overflow: hidden; border: 1px solid #334841; border-radius: .7rem; background: #0b1011; }
.workspace-terminal-bar, .workspace-browser-bar { display: flex; align-items: center; gap: .4rem; min-height: 2.6rem; padding: .55rem .7rem; border-bottom: 1px solid #293834; background: #18201f; }
.workspace-terminal-bar span { width: .55rem; height: .55rem; border-radius: 50%; background: #587069; }
.workspace-terminal-bar strong { margin-left: .3rem; color: #8ba19b; font-size: .72rem; }
.workspace-terminal pre { min-height: 18rem; margin: 0; padding: 1rem; color: #91d8c4; white-space: pre-wrap; }
.workspace-browser-bar button { min-width: 2rem; min-height: 2rem; padding: .2rem; }
.workspace-browser-bar div { flex: 1; padding: .35rem .65rem; color: #748a84; border: 1px solid #2d3e3a; border-radius: .4rem; }
.workspace-browser .workspace-surface-empty { min-height: 20rem; margin: 0; border: 0; }
.workspace-tool-grid article { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .55rem; }
.workspace-tool-grid article > span { grid-row: 1 / 3; color: #81cdb7; font-size: 1.15rem; }
.workspace-tool-grid p { margin: .25rem 0; color: #819790; font-size: .78rem; }
.workspace-tool-grid small { grid-column: 2; color: #a6bcb5; }
.evan-tool-foundry { border-color: #31594e; background: linear-gradient(145deg, rgb(21 38 34 / .9), rgb(18 27 26 / .88)); }
.evan-tool-foundry-heading > div { min-width: 0; }
.evan-tool-foundry-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; margin: .85rem 0; }
.evan-tool-foundry-card { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); gap: .45rem; padding: .7rem; border: 1px solid #30463f; border-radius: .6rem; background: #131d1b; }
.evan-tool-foundry-icon { grid-row: 1 / 3; color: #81cdb7; font-size: 1rem; }
.evan-tool-foundry-card strong, .evan-tool-foundry-card code, .evan-tool-foundry-card small { display: block; }
.evan-tool-foundry-card code { margin-top: .18rem; color: #8fb8ac; font-size: .68rem; }
.evan-tool-foundry-card p { margin: .4rem 0; color: #819790; font-size: .72rem; line-height: 1.45; }
.evan-tool-foundry-card small { grid-column: 2; color: #6ea995; font-size: .65rem; }
.evan-tool-foundry-form { grid-template-columns: minmax(10rem, .8fr) minmax(13rem, 1fr) auto; align-items: end; }
.evan-tool-foundry-purpose { grid-column: 1 / -1; }
.evan-tool-foundry-form [role="status"] { grid-column: 1 / -1; }
@media (max-width: 1350px) {
  .workspace-frame { grid-template-columns: 13rem minmax(0, 1fr); }
  .eve-inspector { position: static; grid-column: 1 / -1; width: 100%; height: auto; }
  .sidebar-collapsed { grid-template-columns: 1fr; }
  .inspector-collapsed .eve-inspector { display: none; }
  .inspector-toggle, .eve-inspector-close { display: inline-flex; align-items: center; justify-content: center; }
  .evan-tool-foundry-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .workspace-frame, .sidebar-collapsed { display: block; }
  html.workspace-overlay-open, html.workspace-overlay-open body { overflow: hidden; overscroll-behavior: none; }
  .workspace-sidebar {
    position: fixed;
    z-index: 30;
    inset: 0 auto 0 0;
    display: block;
    width: min(24rem, calc(100vw - 2rem));
    height: 100dvh;
    max-height: 100dvh;
    padding: max(.65rem, env(safe-area-inset-top)) .75rem max(.75rem, env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0 .9rem .9rem 0;
    box-shadow: .8rem 0 3rem rgb(0 0 0 / .55);
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
  .sidebar-collapsed .workspace-sidebar { display: none; }
  .sidebar-open { display: inline-flex; }
  .workspace-sidebar-heading {
    position: sticky;
    z-index: 2;
    top: calc(-1 * max(.65rem, env(safe-area-inset-top)));
    min-height: 3.5rem;
    margin: calc(-1 * max(.65rem, env(safe-area-inset-top))) -.75rem .4rem;
    padding: max(.65rem, env(safe-area-inset-top)) .75rem .5rem;
    background: #121819;
    border-bottom: 1px solid #273633;
  }
  .workspace-sidebar-heading .icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 5.25rem;
    min-height: 2.75rem;
    padding: .45rem .7rem;
    color: #f2fffb;
    border-color: #46635c;
    background: #1c2927;
  }
  .workspace-sidebar-close-label { display: inline; font-size: .78rem; }
  .workspace-sidebar-section, .workspace-sidebar-section:first-of-type { flex: none; min-height: auto; margin-top: .65rem; overflow: visible; }
  .workspace-list { max-height: min(9rem, 22dvh); overscroll-behavior: contain; }
  .workspace-nav button, .workspace-tools-shortcuts button, .workspace-project-link,
  .workspace-sidebar-settings { min-height: 3rem; height: auto; padding-block: .65rem; line-height: 1.25; }
  .workspace-tools-shortcuts { padding-bottom: .15rem; }
  .workspace-sidebar-settings { margin-top: .35rem; }
  .workspace-install-app { margin-top: .65rem; }
  .workspace-install-status { margin: .2rem .55rem .35rem 1.95rem; }
  .workspace-stage .product-toolbar { position: sticky; z-index: 20; top: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: .25rem; width: 100%; padding: .2rem 0; background: #111516; }
  .workspace-stage .sidebar-open { grid-column: 1; grid-row: 1; color: #cfe1dc; }
  .workspace-stage .inspector-toggle { grid-column: 3; grid-row: 1; }
  .workspace-stage .sign-out-button { grid-column: 4; grid-row: 1; }
  .workspace-stage .workspace-command-button { grid-column: 2; grid-row: 1; justify-self: end; }
  .workspace-stage .workspace-command-button span { display: none; }
  .local-preview-banner { align-items: flex-start; flex-direction: column; }
  .workspace-stage .product-tabs { grid-column: 1 / -1; grid-row: 2; display: flex; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .workspace-stage .product-tabs button { flex: 0 0 auto; min-width: 3.25rem; min-height: 2.75rem; }
  .workspace-stage .sign-out-button, .workspace-stage .inspector-toggle, .workspace-stage .sidebar-open { min-width: 2.75rem; min-height: 2.75rem; margin: 0; padding-inline: .55rem; }
  .eve-inspector { position: fixed; z-index: 35; inset: auto .5rem max(.5rem, env(safe-area-inset-bottom)) .5rem; width: auto; max-height: min(78dvh, 42rem); height: auto; margin: 0; border-radius: 1rem; box-shadow: 0 -.8rem 3rem rgb(0 0 0 / .55); overscroll-behavior: contain; }
  .eve-inspector-backdrop { z-index: 34; }
  #product-chat .chat-panel { height: calc(100dvh - 11rem - env(safe-area-inset-bottom)); min-height: 0; overflow: hidden; }
  #product-chat .messages { min-height: 0; }
  #product-chat .composer { padding-bottom: max(.6rem, env(safe-area-inset-bottom)); }
  .app-install-card { align-items: stretch; flex-direction: column; }
  .app-install-card button { width: 100%; }
  .workspace-evidence-grid, .workspace-tool-grid { grid-template-columns: 1fr; }
  .evan-tool-foundry-grid, .evan-tool-foundry-form { grid-template-columns: 1fr; }
  .evan-tool-foundry-purpose { grid-column: auto; }
}