html{scrollbar-gutter:stable}.ui-icon{vertical-align:middle;flex:none;width:20px;height:20px;display:inline-flex}.ui-icon svg{width:100%;height:100%}.client-shell{background:var(--color-background);font-size:14px;line-height:1.6}:root[data-theme=dark] .client-shell{--workspace-link:color-mix(in srgb, var(--brand-primary), white 48%)}:root[data-theme=dark] .client-shell a:not(.button):not(.metric-card):not(.client-nav__item),:root[data-theme=dark] .client-shell .client-nav__item[aria-current=page],:root[data-theme=dark] .client-shell .project-nav a[aria-current=page],:root[data-theme=dark] .client-shell .settings-nav button[aria-pressed=true]{color:var(--workspace-link)}:root[data-theme=dark] .client-shell .connection-badge--connected{color:var(--color-success);background:var(--color-success-surface)}:root[data-theme=dark] .client-shell .connection-badge--error{color:var(--color-danger);background:var(--color-danger-surface)}.client-shell .site-header{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.client-shell .site-header__inner{width:calc(100% - 48px);max-width:1600px;min-height:68px}.client-shell .client-frame{grid-template-columns:232px minmax(0,1fr);width:min(1600px,100%)}.client-shell .client-sidebar{background:var(--color-surface);height:calc(100vh - 69px);padding:28px 16px 20px;top:69px}.client-shell .client-nav{gap:6px}.client-shell .client-nav__item{border-radius:9px;gap:12px;min-height:44px;font-weight:550}.client-shell .client-nav__item[aria-current=page]{color:var(--brand-primary);background:rgb(var(--brand-primary-rgb) / 9%);box-shadow:inset 3px 0 var(--brand-primary)}.client-shell .client-nav__item .ui-icon{width:20px;height:20px;color:inherit;background:0 0;border-radius:0}.client-shell .client-sidebar__label{letter-spacing:.12em;padding-inline:12px;font-size:10px}.sidebar-note{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;margin:32px 8px 0;padding:18px 14px}.sidebar-close{display:none}.sidebar-note>.ui-icon{color:var(--brand-primary);margin-bottom:8px}.sidebar-note strong{font-size:12px;display:block}.sidebar-note p{color:var(--color-text-muted);margin:6px 0 0;font-size:12px}.header-shortcut{align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.client-shell .page-shell--client{width:min(1200px,100% - 64px);padding:34px 0 56px}.client-shell h1{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.25}.client-shell h2{letter-spacing:-.02em;font-size:18px;line-height:1.4}.client-shell h3{font-size:15px}.client-shell .eyebrow{letter-spacing:.13em;margin-bottom:8px;font-size:10px}.client-shell .button{min-height:42px;box-shadow:none;border-radius:9px;gap:8px;padding:10px 16px;font-size:13px;font-weight:600}.client-shell .button--small{min-height:36px;padding:7px 12px}.client-shell .button--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.client-shell .button:disabled{cursor:wait;opacity:.65}.client-shell input:not([type=checkbox]):not([type=radio]),.client-shell select,.client-shell textarea{background:var(--color-surface);border-color:var(--color-border-strong);border-radius:8px;font-size:14px}.client-shell :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgb(var(--brand-primary-rgb) / 65%);outline-offset:3px}.client-shell .field__hint{color:var(--color-text-muted);font-size:12px;line-height:1.6}.client-shell .notice{box-shadow:none;border-radius:10px;font-size:13px}.workspace-page{gap:26px;min-width:0;display:grid}.workspace-heading,.workspace-section-heading,.workspace-card__heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.workspace-heading{align-items:flex-start}.workspace-heading p,.workspace-section-heading p{color:var(--color-text-muted);margin:4px 0 0}.workspace-heading>.button{flex-shrink:0;margin-top:20px}.workspace-section-heading h2{margin:0}.workspace-section-heading>a,.workspace-card__heading>a{flex-shrink:0;font-size:13px;font-weight:600;text-decoration:none}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:14px;padding:22px;text-decoration:none}.metric-card>span{color:var(--color-text-muted);align-items:center;gap:9px;font-size:12px;display:flex}.metric-card>strong{letter-spacing:-.04em;margin-top:14px;font-size:30px;font-weight:650;line-height:1.3;display:block}.metric-card>strong.metric-card__text{letter-spacing:-.02em;padding-block:6px;font-size:20px}.metric-card strong small{color:var(--color-text-muted);letter-spacing:0;font-size:13px;font-weight:400}.metric-card p{color:var(--color-text-muted);margin:10px 0 0;font-size:11px}.metric-card:hover,.client-shell .project-card:hover{border-color:rgb(var(--brand-primary-rgb) / 40%)}.workspace-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.workspace-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;min-width:0;padding:24px}.workspace-card__heading{margin-bottom:18px}.workspace-card__heading h2{margin:0}.workspace-card--accent{background:linear-gradient(135deg, rgb(var(--brand-primary-rgb) / 9%), transparent), var(--color-surface)}.workspace-card--accent p{color:var(--color-text-muted);max-width:55ch}.client-shell .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-shell .project-card{box-shadow:none;background:var(--color-surface);border-radius:14px;gap:0;padding:22px}.project-avatar{border:1px solid var(--color-border);background:var(--color-surface-soft);width:40px;height:40px;color:var(--brand-primary);border-radius:11px;place-items:center;display:grid}.client-shell .project-card h2{margin:16px 0 2px}.client-shell .project-card h2 a{color:var(--color-text);text-decoration:none}.client-shell .project-card__domain{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:12px}.client-shell .project-card__description{color:var(--color-text-muted);margin:16px 0 20px;font-size:13px}.client-shell .project-card__footer{flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:16px;display:flex}.project-card__footer>a{align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.activity-row{border-top:1px solid var(--color-border);align-items:center;gap:14px;min-width:0;padding:17px 0;display:flex}.activity-row__icon{background:var(--color-surface-muted);width:38px;height:38px;color:var(--color-text-muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.activity-row__body{flex:1;min-width:0}.activity-row__body strong{overflow-wrap:anywhere;font-size:13px;display:block}.activity-row__body span{color:var(--color-text-muted);margin-top:3px;font-size:11px;display:block}.activity-row>a{white-space:nowrap;font-size:12px;text-decoration:none}.client-shell .status-badge,.client-shell .connection-badge{padding:4px 9px;font-size:11px;font-weight:550}.client-shell .status-badge--neutral{color:var(--color-text-muted);background:var(--color-surface-muted);border-color:var(--color-border)}.client-shell .status-badge--attention{color:var(--color-warning);background:var(--color-warning-surface);border-color:var(--color-warning-border)}.client-shell .empty-state{box-shadow:none;border-radius:14px}.client-shell .empty-state--compact{text-align:center;background:0 0;border:0;padding:26px 12px}.empty-state--compact>.ui-icon{width:30px;height:30px;color:var(--color-text-muted)}.client-shell .empty-state--compact p{max-width:48ch;color:var(--color-text-muted);margin-inline:auto}.project-context{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:16px;display:flex}.project-context__back{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.project-context__identity{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.project-context__identity strong{font-size:14px}.project-context__identity span{color:var(--color-text-muted);font-size:11px}.project-nav{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:26px;padding:0 0 12px;display:flex;overflow-x:auto}.project-nav a{white-space:nowrap;color:var(--color-text-muted);border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;text-decoration:none;display:inline-flex}.project-nav a[aria-current=page]{color:var(--brand-primary);background:rgb(var(--brand-primary-rgb) / 9%);font-weight:600}.project-nav .ui-icon{width:16px;height:16px}.workspace-page>.project-context,.workspace-page>.project-nav{margin-bottom:0}.settings-workspace{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:24px;margin-top:24px;display:grid}.settings-nav{gap:4px;display:grid;position:sticky;top:88px}.settings-nav button{text-align:left;cursor:pointer;color:var(--color-text-muted);font:inherit;background:0 0;border:0;border-radius:8px;padding:11px 13px;font-weight:600}.settings-nav button[aria-pressed=true]{background:var(--color-surface);box-shadow:0 1px 4px var(--color-shadow);color:var(--brand-primary);font-weight:600}.settings-panels{min-width:0}.settings-panels>section>:first-child{margin-top:0}.client-shell :is(.project-form,.connector-card,.publishing-card,.project-settings-card,.generation-estimate-card,.credit-balance-card){box-shadow:none;border-radius:14px}.settings-panels .project-form{padding:24px}.client-shell .danger-zone{border-radius:12px;margin-top:32px}.readiness-list{margin:0;padding:0;list-style:none}.readiness-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.readiness-list strong,.readiness-list span{display:block}.readiness-list strong{font-size:13px}.readiness-list span,.readiness-list a{font-size:12px}.readiness-list span{color:var(--color-text-muted);margin-top:3px}.generation-steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0;padding:0;list-style:none;display:grid}.generation-steps li{counter-increment:step;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);align-items:center;gap:8px;padding-bottom:14px;font-size:12px;display:flex}.generation-steps li:before{content:counter(step);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.generation-steps li[aria-current=step]{color:var(--brand-primary);border-color:var(--brand-primary);font-weight:600}.generation-steps li[aria-current=step]:before{color:#fff;background:var(--brand-primary);border-color:#0000}.technical-details{border:1px solid var(--color-border);border-radius:9px;margin:16px 0;padding:12px 16px}.technical-details summary{cursor:pointer;color:var(--color-text-muted);font-size:12px}.client-shell table{font-size:13px}.client-shell th{color:var(--color-text-muted);font-size:11px;font-weight:600}.client-shell .button:hover{transform:none}.client-shell .field{align-content:start}.client-shell .field :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px}.project-nav a{font-weight:600}.settings-feedback{min-height:52px;margin-top:16px}.settings-feedback .notice{margin:0}.generation-progress{min-height:64px}.generation-progress .notice{margin:0}.metric-card{flex-direction:column;display:flex}.metric-card>strong{font-variant-numeric:tabular-nums;min-height:39px}.metric-card p{margin-top:auto;padding-top:10px}.client-shell .credit-ledger__table :is(th,td):nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}.client-shell .credit-ledger__table td:first-child{white-space:nowrap}.activity-row{grid-template-columns:38px minmax(0,1fr) 170px 90px;display:grid}.activity-row>a{justify-self:end}.activity-row>.status-badge{justify-self:start}@media (width<=1100px){.client-shell .client-frame{grid-template-columns:210px minmax(0,1fr)}.client-shell .page-shell--client{width:calc(100% - 40px)}.metric-grid{gap:10px}.metric-card{padding:16px}.workspace-grid,.settings-workspace{grid-template-columns:1fr}.settings-nav{padding-bottom:6px;display:flex;position:static;overflow-x:auto}.settings-nav button{white-space:nowrap}}@media (width<=820px){.client-shell .client-frame{display:block}.client-shell .client-sidebar{height:auto;position:static;top:0}.js .client-shell .client-sidebar{height:100dvh;position:fixed;top:0}.js .client-shell .client-sidebar:not(.is-open){visibility:hidden}.sidebar-close{color:var(--color-text);border:1px solid var(--color-border);background:0 0;border-radius:8px;margin-bottom:12px;margin-left:auto;padding:10px;display:flex}.client-shell .site-header__inner{width:calc(100% - 32px)}.client-shell .page-shell--client{width:calc(100% - 32px);padding-top:24px}.sidebar-note{margin-top:20px}}@media (width<=600px){.workspace-heading,.workspace-section-heading{flex-direction:column;align-items:flex-start;gap:12px}.workspace-heading>.button{margin:0}.metric-grid{grid-template-columns:1fr}.metric-card{padding:16px 18px}.metric-card>strong{margin-top:8px;font-size:26px}.client-shell .project-grid{grid-template-columns:1fr}.workspace-card,.settings-panels .project-form{padding:18px}.activity-row{flex-wrap:wrap;gap:10px;display:flex}.activity-row__body{flex-basis:calc(100% - 52px)}.activity-row>.status-badge{margin-left:48px}.header-shortcut{display:none}.project-context__identity{flex-basis:50%}.project-context>.connection-badge{margin-left:auto}.generation-steps{grid-template-columns:repeat(2,1fr)}.project-nav a{padding-inline:9px}}@media (prefers-reduced-motion:reduce){.client-shell *,.client-shell :before,.client-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}