.app-body{background:var(--color-canvas);min-height:100dvh}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.app-shell [hidden]{display:none!important}.app-sidebar{border-right:1px solid var(--color-border);min-height:100dvh;padding:var(--space-24) var(--space-16);background:var(--color-surface-subtle);flex-direction:column;gap:28px;display:flex}.app-brand{align-items:center;gap:var(--space-12);font-family:var(--font-heading);font-size:1.125rem;font-weight:800;display:inline-flex}.app-brand .logo-mark{width:26px;height:26px}.app-sidebar__nav,.app-sidebar__project nav{gap:var(--space-4);display:grid}.app-nav-link,.app-sidebar__project nav a,.app-sidebar__project nav span{border-radius:var(--radius-control);min-height:44px;padding:0 var(--space-12);color:var(--color-text-tertiary);align-items:center;font-size:.9375rem;font-weight:650;display:flex}.app-nav-link:hover,.app-nav-link.is-current,.app-sidebar__project nav a:hover,.app-sidebar__project nav a.is-current{background:var(--color-brand-soft);color:var(--color-text-primary)}.app-sidebar__project{gap:var(--space-8);border-top:1px solid var(--color-border);padding-top:var(--space-24);display:grid}.app-sidebar__project>strong{font-family:var(--font-heading);font-size:1rem}.app-sidebar__project>span{color:var(--color-text-tertiary);overflow-wrap:anywhere;font-size:.75rem}.app-sidebar__project nav{margin-top:var(--space-8)}.app-sidebar__project nav span{opacity:.6;cursor:not-allowed}.app-workspace{min-width:0}.app-topbar{justify-content:space-between;align-items:center;gap:var(--space-24);border-bottom:1px solid var(--color-border);min-height:64px;padding:0 var(--space-32);display:flex}.app-topbar__context{color:var(--color-text-tertiary);font-family:var(--font-mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.75rem;overflow:hidden}.app-topbar__actions{align-items:center;gap:var(--space-16);display:flex}.app-account{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);min-width:44px;min-height:44px;padding:0 var(--space-12);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:.75rem;font-weight:650}.app-account-dialog{width:min(calc(100% - var(--space-32)), 680px);max-height:calc(100dvh - var(--space-48));border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary);padding:0;overflow-y:auto}.app-account-dialog::backdrop{background:color-mix(in srgb, var(--color-canvas) 82%, transparent)}.app-account-dialog__content{gap:var(--space-24);padding:var(--space-32);display:grid}.app-account-dialog__header{justify-content:space-between;align-items:start;gap:var(--space-24);display:flex}.app-account-dialog__header>div{gap:var(--space-8);display:grid}.app-account-actions{gap:var(--space-24);display:grid}.app-account-actions>div{gap:var(--space-16);border-top:1px solid var(--color-border);padding-top:var(--space-24);display:grid}.app-account-danger{color:var(--color-text-secondary)}.app-account-danger>p strong{color:var(--color-text-primary)}.app-account-danger form,.app-account-danger label{gap:var(--space-8);display:grid}.app-account-danger label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:650}.app-account-danger label:first-of-type{grid-template-columns:20px minmax(0,1fr);align-items:start}.app-account-danger input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-status-blocked)}.app-account-danger input[name=confirmation]{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);min-height:44px;padding:0 var(--space-12);background:var(--color-surface-subtle);color:var(--color-text-primary);font:inherit}.app-account-notice{border:1px solid var(--color-status-ready);padding:var(--space-16) var(--space-24);color:var(--color-text-primary)}.app-mobile-nav,.app-mobile-nav[hidden],.app-mobile-nav [hidden]{display:none}.app-main{width:min(100%,1400px);padding:var(--space-48);margin:0 auto}.app-page{gap:var(--space-32);display:grid}.app-page__header{justify-content:space-between;align-items:end;gap:var(--space-32);display:flex}.app-page__header>div:first-child{gap:var(--space-12);display:grid}.app-page__header p{max-width:60ch}.app-page__header--project{align-items:center}.app-local-notice{gap:var(--space-24);border:1px solid var(--color-border);padding:var(--space-16) var(--space-24);grid-template-columns:minmax(160px,.3fr) 1fr;display:grid}.app-local-notice strong{color:var(--color-text-primary)}.app-local-notice p{font-size:.875rem}.app-new-project{gap:var(--space-16);padding:var(--space-24);display:grid}.app-new-project form{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-new-project label{gap:var(--space-8);color:var(--color-text-secondary);font-size:.8125rem;font-weight:650;display:grid}.app-new-project input{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);min-height:44px;padding:0 var(--space-12);background:var(--color-surface-subtle);color:var(--color-text-primary)}.app-new-project .button-row,.app-form-message{grid-column:1/-1}.app-form-message{color:var(--color-status-blocked);min-height:1.2em;font-size:.8125rem}.app-project-table{border:1px solid var(--color-border);border-radius:var(--radius-card);overflow-x:auto}.app-project-table__head,.app-project-row{gap:var(--space-16);min-width:1120px;padding:var(--space-16) var(--space-24);grid-template-columns:minmax(240px,1.55fr) 150px 170px 160px 90px 175px;align-items:center;display:grid}.app-project-table__head{border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.app-project-row+.app-project-row{border-top:1px solid var(--color-border)}.app-project-row>div{min-width:0}.app-project-row>div:first-child{gap:var(--space-8);display:grid}.app-project-row strong{font-family:var(--font-heading);font-size:1.0625rem}.app-project-row .text-mono{color:var(--color-text-tertiary);overflow-wrap:anywhere;font-size:.75rem}.app-stage{color:var(--color-brand);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:650}.app-project-row small{margin-top:var(--space-4);color:var(--color-text-tertiary);font-size:.75rem;display:block}.app-gate-state,.app-deployment-state{color:var(--color-text-secondary);font-size:.875rem}.app-empty{justify-items:center;gap:var(--space-16);padding:clamp(var(--space-32), 7vw, var(--space-64));text-align:center;display:grid}.app-empty p{max-width:54ch}.app-plan-section{gap:var(--space-32);grid-template-columns:minmax(170px,.26fr) minmax(0,1fr);display:grid}.app-plan-section>div:first-child{align-content:start;gap:var(--space-8);display:grid}.app-plan-panel{gap:var(--space-24);padding:var(--space-32);display:grid}.app-definition-grid{gap:var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.app-definition-grid div{gap:var(--space-8);display:grid}.app-definition-grid dt,.app-field-label{color:var(--color-text-tertiary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.app-definition-grid dd{color:var(--color-text-primary);overflow-wrap:anywhere;margin:0;font-size:.875rem}.app-table-wrap{max-width:100%;overflow-x:auto}.app-table-wrap table{border-collapse:collapse;width:100%;min-width:580px;color:var(--color-text-secondary);text-align:left;font-size:.875rem}.app-table-wrap th{color:var(--color-text-tertiary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.app-table-wrap th,.app-table-wrap td{border-bottom:1px solid var(--color-border);padding:var(--space-12) var(--space-8)}.app-table-wrap tr:last-child td{border-bottom:0}.app-muted{color:var(--color-text-tertiary)}.app-template-grid{grid-template-columns:minmax(0,1fr) minmax(180px,.72fr)}.app-template-grid>div{align-content:start;gap:var(--space-12);display:grid}.app-template-grid code{color:var(--color-brand-hover);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.875rem}.app-template-grid ol{gap:var(--space-12);counter-reset:page-structure;display:grid}.app-template-grid li{counter-increment:page-structure;color:var(--color-text-secondary)}.app-template-grid li:before{content:counter(page-structure);width:24px;height:24px;margin-right:var(--space-12);background:var(--color-brand-soft);color:var(--color-brand-hover);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.75rem;display:inline-grid}.app-gate-metrics{gap:var(--space-12);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.app-gate-metric{gap:var(--space-8);border:1px solid var(--color-border);border-top:3px solid var(--color-border-strong);padding:var(--space-24);display:grid}.app-gate-metric span{color:var(--color-text-tertiary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.app-gate-metric strong{color:var(--color-text-primary);font-family:var(--font-heading);letter-spacing:-.03em;font-size:2rem}.app-gate-metric--ready{border-top-color:var(--color-status-ready)}.app-gate-metric--review{border-top-color:var(--color-status-review)}.app-gate-metric--blocked{border-top-color:var(--color-status-blocked)}.app-gate-metric--collision{border-top-style:dashed}.app-gate-summary{gap:var(--space-24);border:1px solid var(--color-border);padding:var(--space-16) var(--space-24);grid-template-columns:minmax(180px,.34fr) 1fr;display:grid}.app-gate-summary strong{color:var(--color-text-primary)}.app-gate-summary p{color:var(--color-text-secondary);font-size:.875rem}.app-gate-toolbar{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.app-gate-filter-group{gap:var(--space-8);flex-wrap:wrap;display:flex}.app-gate-toolbar input,.app-gate-toolbar select{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);min-height:44px;padding:0 var(--space-12);background:var(--color-surface-subtle);color:var(--color-text-primary);font:inherit}.app-gate-toolbar input{flex:220px;min-width:min(100%,220px)}.app-gate-bulk{justify-content:space-between;align-items:center;gap:var(--space-16);border:1px solid var(--color-border);padding:var(--space-12) var(--space-16);display:flex}.app-gate-stale{gap:var(--space-4);border:1px solid var(--color-status-review);padding:var(--space-16) var(--space-24);display:grid}.app-gate-metric{text-align:left;cursor:pointer}.app-gate-metric[aria-pressed=true]{border-color:var(--color-brand)}.app-gate-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand)}.app-gate-table{border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:var(--space-24)}.app-gate-table table{min-width:1160px}.app-gate-table td{vertical-align:top}.app-gate-table td:nth-child(3){min-width:230px}.app-gate-table td:nth-child(3) strong,.app-gate-table td:nth-child(3) .text-mono{display:block}.app-gate-table td:nth-child(3) .text-mono{margin-top:var(--space-8);color:var(--color-text-tertiary);overflow-wrap:anywhere;font-size:.75rem}.app-gate-evidence{color:var(--color-text-secondary);font-size:.8125rem}.app-gate-evidence summary{cursor:pointer;color:var(--color-text-primary);font-weight:650}.app-gate-evidence ul{gap:var(--space-8);margin-top:var(--space-12);display:grid}.app-gate-evidence li{gap:var(--space-4);display:grid}.app-gate-evidence li strong{color:var(--color-text-primary);font-family:var(--font-mono);font-size:.6875rem}.app-gate-collision{color:var(--color-status-blocked);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.75rem;font-weight:650}.app-gate-checking{color:var(--color-text-tertiary);font-size:.75rem;font-weight:650}.app-gate-decision{gap:var(--space-8);min-width:220px;color:var(--color-text-secondary);font-size:.8125rem;display:grid}.app-gate-decision strong{color:var(--color-text-primary)}.app-gate-decision--ready{color:var(--color-status-ready);font-weight:650}.app-gate-decision .button-row{gap:var(--space-8)}.app-gate-override{gap:var(--space-12);margin-top:var(--space-16);border-top:1px solid var(--color-border);padding-top:var(--space-16);display:grid}.app-gate-override label{gap:var(--space-8);color:var(--color-text-secondary);font-size:.8125rem;font-weight:650;display:grid}.app-gate-override textarea{border:1px solid var(--color-status-blocked);border-radius:var(--radius-control);width:100%;padding:var(--space-12);background:var(--color-surface-subtle);color:var(--color-text-primary);font:inherit;resize:vertical}.app-page__footer{justify-content:space-between;gap:var(--space-16);border-top:1px solid var(--color-border);padding-top:var(--space-24);display:flex}.app-destination{width:min(100%,920px);margin-inline:auto}.app-destination-section{gap:var(--space-32);grid-template-columns:minmax(170px,.3fr) minmax(0,1fr);display:grid}.app-destination-section>div:first-child{align-content:start;gap:var(--space-8);display:grid}.app-destination-type{align-items:center;gap:var(--space-16);padding:var(--space-24);grid-template-columns:32px minmax(0,1fr) auto;display:grid}.app-destination-type>div{gap:var(--space-4);display:grid}.app-destination-type>div span{color:var(--color-text-tertiary);font-size:.8125rem}.app-wordpress-mark{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-subtle);width:32px;height:32px;color:var(--color-text-primary);font-family:var(--font-heading);place-items:center;font-weight:800;display:grid}.app-destination-panel,.app-destination-signin,.app-destination-loading{padding:var(--space-32)}.app-destination-loading{color:var(--color-text-secondary)}.app-destination-signin{justify-content:space-between;align-items:center;gap:var(--space-24);display:flex}.app-destination-signin>div{gap:var(--space-12);display:grid}.app-destination-form,.app-destination-summary,.app-preflight,.app-preflight>div{gap:var(--space-24);display:grid}.app-destination-fields{gap:var(--space-16);display:grid}.app-destination-fields label{gap:var(--space-8);color:var(--color-text-secondary);font-size:.8125rem;font-weight:650;display:grid}.app-destination-fields input{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);min-height:44px;padding:0 var(--space-12);background:var(--color-surface-subtle);color:var(--color-text-primary);font:inherit}.app-destination-fields input[name=siteUrl],.app-destination-fields input[type=password]{font-family:var(--font-mono)}.app-destination-help-toggle{text-align:left;background:0 0;border:0;width:fit-content;padding:0}.app-destination-help{gap:var(--space-8);padding-left:var(--space-24);color:var(--color-text-secondary);font-size:.8125rem;line-height:1.6;display:grid}.app-info-strip{gap:var(--space-16);border:1px solid var(--color-brand-soft);border-radius:var(--radius-surface);padding:var(--space-16);background:var(--color-brand-soft);grid-template-columns:minmax(120px,.28fr) 1fr;display:grid}.app-info-strip strong{color:var(--color-text-primary)}.app-info-strip p{color:var(--color-text-secondary);font-size:.8125rem}.app-destination-summary__head{justify-content:space-between;align-items:flex-start;gap:var(--space-16);display:flex}.app-destination-summary__head>div:first-child{gap:var(--space-8);display:grid}.app-destination-summary__head p{color:var(--color-text-tertiary);font-size:.8125rem}.app-disconnect-confirm{justify-content:space-between;align-items:center;gap:var(--space-16);border:1px solid var(--color-status-blocked);border-radius:var(--radius-surface);padding:var(--space-16);background:var(--color-status-blocked-soft);display:flex}.app-disconnect-confirm p{color:var(--color-text-secondary);margin:0;font-size:.8125rem}.app-preflight-overall,.app-capability{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);width:fit-content;min-height:28px;padding:0 var(--space-8);align-items:center;font-size:.75rem;font-weight:650;display:inline-flex}.app-preflight-overall--connected,.app-capability--supported{border-color:var(--color-status-ready);background:var(--color-status-ready-soft);color:var(--color-status-ready)}.app-preflight-overall--needs_attention,.app-capability--beta{background:var(--color-status-review-soft);color:var(--color-status-review)}.app-preflight-overall--blocked,.app-capability--unsupported{border-color:var(--color-status-blocked);background:var(--color-status-blocked-soft);color:var(--color-status-blocked)}.app-capability--planned{color:var(--color-text-tertiary);border-style:dashed}.app-preflight-list{display:grid}.app-preflight-list li{gap:var(--space-4) var(--space-16);border-bottom:1px solid var(--color-border);padding:var(--space-12) 0;grid-template-columns:minmax(150px,1fr) auto;align-items:center;display:grid}.app-preflight-list li>small{color:var(--color-text-tertiary);grid-column:1/-1}.app-preflight-state{align-items:center;gap:var(--space-8);font-size:.75rem;font-weight:650;display:inline-flex}.app-preflight-state i{background:currentColor;border-radius:50%;width:7px;height:7px}.app-preflight-state--passed{color:var(--color-status-ready)}.app-preflight-state--review{color:var(--color-status-review)}.app-preflight-state--blocked{color:var(--color-status-blocked)}.app-preflight-state--not_checked{color:var(--color-text-tertiary)}.app-destination-error{margin-bottom:calc(var(--space-16) * -1)}.app-stage-value{font-size:1.125rem}.app-deployment{width:100%}.app-deployment-section{gap:var(--space-32);grid-template-columns:minmax(190px,.24fr) minmax(0,1fr);display:grid}.app-deployment-section>div:first-child{align-content:start;gap:var(--space-8);display:grid}.app-deployment-panel{gap:var(--space-24);min-width:0;padding:var(--space-24);display:grid}.app-deployment-panel table{min-width:1120px}.app-deployment-panel td{vertical-align:top}.app-deployment-panel td strong,.app-deployment-panel td .text-mono{display:block}.app-deployment-panel td .text-mono{margin-top:var(--space-4);color:var(--color-text-tertiary);font-size:.75rem}.app-deployment-action,.app-job-result{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);min-height:28px;padding:0 var(--space-8);color:var(--color-text-secondary);white-space:nowrap;align-items:center;font-size:.75rem;font-weight:650;display:inline-flex}.app-deployment-action--create,.app-job-result--success,.app-job-result--verified,.app-job-result--published{border-color:var(--color-status-ready);background:var(--color-status-ready-soft);color:var(--color-status-ready)}.app-deployment-action--skip,.app-job-result--skipped,.app-job-result--cancelled{color:var(--color-text-tertiary)}.app-job-result--failed,.app-job-result--remote_mismatch{border-color:var(--color-status-blocked);background:var(--color-status-blocked-soft);color:var(--color-status-blocked)}.app-job-metrics{border:1px solid var(--color-border);border-radius:var(--radius-surface);grid-template-columns:repeat(7,minmax(80px,1fr));display:grid}.app-job-metrics div{gap:var(--space-4);padding:var(--space-16);display:grid}.app-job-metrics div+div{border-left:1px solid var(--color-border)}.app-job-metrics span{color:var(--color-text-tertiary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.app-job-metrics strong{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1.5rem}.app-publish-grid{gap:var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-publish-grid>section{align-content:start;gap:var(--space-16);display:grid}.app-selection-list{border:1px solid var(--color-border);border-radius:var(--radius-surface);max-height:360px;display:grid;overflow-y:auto}.app-selection-list label{align-items:center;gap:var(--space-12);min-height:56px;padding:var(--space-12);color:var(--color-text-secondary);cursor:pointer;grid-template-columns:20px minmax(0,1fr);display:grid}.app-selection-list label+label{border-top:1px solid var(--color-border)}.app-selection-list input{width:18px;height:18px;accent-color:var(--color-brand)}.app-selection-list span{gap:var(--space-4);min-width:0;display:grid}.app-selection-list strong{overflow-wrap:anywhere}.app-selection-list small{color:var(--color-text-tertiary);overflow-wrap:anywhere}.app-publish-confirm{justify-content:space-between;align-items:center;gap:var(--space-24);border:1px solid var(--color-status-blocked);border-radius:var(--radius-surface);padding:var(--space-16);background:var(--color-status-blocked-soft);display:flex}.app-publish-confirm>div:first-child{gap:var(--space-8);display:grid}.app-publish-confirm p{color:var(--color-text-secondary);font-size:.8125rem}@media (width<=880px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-topbar{padding-inline:var(--space-24)}.app-mobile-nav{gap:var(--space-4);border-bottom:1px solid var(--color-border);padding:var(--space-8) var(--space-24);scrollbar-width:none;display:flex;overflow-x:auto}.app-mobile-nav a,.app-mobile-nav span{border-radius:var(--radius-control);min-height:44px;padding:0 var(--space-12);color:var(--color-text-secondary);flex:none;align-items:center;font-size:.875rem;font-weight:650;display:inline-flex}.app-mobile-nav a:hover{background:var(--color-brand-soft);color:var(--color-text-primary)}.app-mobile-nav span{color:var(--color-text-tertiary);opacity:.7}.app-main{padding:var(--space-24)}.app-page__header,.app-page__header--project,.app-local-notice,.app-plan-section,.app-template-grid,.app-gate-summary,.app-destination-section,.app-info-strip,.app-deployment-section{grid-template-columns:1fr;align-items:stretch;display:grid}.app-gate-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-gate-toolbar,.app-gate-bulk,.app-destination-signin,.app-destination-summary__head,.app-disconnect-confirm,.app-publish-confirm,.app-account-dialog__header{flex-direction:column;align-items:stretch}.app-gate-toolbar input,.app-gate-toolbar select{width:100%}.app-gate-bulk .button-row{justify-content:stretch}.app-gate-bulk .button{flex:auto}.app-page__header{justify-content:stretch}.app-page__header .button,.app-destination-signin .button{width:100%}.app-new-project form,.app-definition-grid,.app-publish-grid{grid-template-columns:1fr}.app-job-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-job-metrics div+div{border-left:0;border-top:1px solid var(--color-border)}.app-page__footer{flex-direction:column-reverse}.app-page__footer .button{width:100%}.app-account-dialog__content{padding:var(--space-24)}}