.app-shell{--app-sidebar-width:320px;min-height:100vh;background:var(--color-surface-page)}.app-shell-topbar{position:fixed;top:0;left:0;right:0;height:64px;align-items:center;padding:0 var(--space-4);z-index:50}.app-shell-brand{padding:1.5rem}.ui-meta-icon{display:block}.app-shell-welcome{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-subtle)}.app-shell-nav{margin-top:1.5rem;display:grid;grid-gap:.35rem;gap:.35rem}.app-shell-link{display:flex;align-items:center;gap:.75rem;margin:0 .75rem;padding:.72rem .9rem;border:1px solid transparent;border-radius:10px;font-size:1rem;color:var(--color-text-muted);text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.app-shell-link:hover{color:var(--color-text-primary);background:var(--color-app-surface-hover-bg,color-mix(in srgb,var(--color-surface-muted) 62%,transparent));border-color:var(--color-app-surface-hover-border,color-mix(in srgb,var(--color-primary) 16%,var(--color-border-subtle)));box-shadow:var(--color-app-surface-hover-shadow,0 8px 18px rgba(15,23,42,.04))}.app-shell-link:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px}.app-shell-link-icon{flex-shrink:0}.app-shell-link-label{min-width:0}.app-shell-link-active{color:var(--color-primary);box-shadow:var(--color-app-surface-selected-shadow,0 6px 16px rgba(15,23,42,.05));font-weight:600}.app-shell-link-active,.app-shell-link-active:hover{background:var(--color-app-surface-selected-bg,var(--color-primary-soft));border-color:var(--color-app-surface-selected-border,color-mix(in srgb,var(--color-primary) 24%,var(--color-border-subtle)))}.app-shell-link-active:hover{color:var(--color-primary-hover,var(--color-primary))}.app-shell-logout{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.app-shell-content{padding:2rem}.sidebar-nav{background:var(--color-surface-sidebar);border-right:1px solid var(--color-border-subtle);height:100vh;height:100dvh;position:fixed;left:0;top:0;width:var(--app-sidebar-width);z-index:40;display:flex;flex-direction:column;overflow:hidden;overflow-anchor:none}.sidebar-nav-custom{overflow-y:auto}.sidebar-nav-layout{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;height:100%}.sidebar-nav-header{min-height:0}.sidebar-nav-body{min-height:0;overflow:hidden;overscroll-behavior:contain}.sidebar-nav-scroll{height:100%;min-height:0}.sidebar-nav-scroll__content{padding-bottom:1rem}.sidebar-nav-footer{padding:24px}.main-content{margin-left:var(--app-sidebar-width);min-height:100vh;background:var(--color-surface-page);overflow-anchor:auto}.mobile-topbar{display:none;background:var(--color-surface-base);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);overflow-anchor:none}.main-content-mobile-offset{padding-top:0}.sidebar-overlay{position:fixed;inset:0;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);z-index:45}.sidebar-overlay.open{opacity:1;pointer-events:auto;cursor:pointer}@media (max-width:768px){.mobile-topbar{display:flex!important}.main-content-mobile-offset{padding-top:64px!important}.sidebar-nav{top:64px;height:calc(100vh - 64px);height:calc(100dvh - 64px);width:100vw;transform:translateX(-100%);transition:transform var(--motion-duration-standard) var(--motion-ease-standard);z-index:60}.sidebar-nav.open{transform:translateX(0)}.main-content{margin-left:0}}body.theme-dark .sidebar-nav{background-color:var(--color-surface-base);border-color:var(--color-border-subtle)}.app-page-shell{display:grid;grid-gap:var(--section-gap);gap:var(--section-gap)}.app-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--app-page-header-gap);flex-wrap:wrap;margin-bottom:var(--app-page-header-margin);padding-bottom:.35rem;border-bottom:1px solid color-mix(in srgb,var(--color-border-subtle) 82%,white)}.app-page-header-body{display:grid;grid-gap:.45rem;gap:.45rem;min-width:0}.app-page-title{margin:0;font-size:1.4rem;letter-spacing:-.025em;color:var(--color-text-heading)}.app-page-copy{margin:0;color:var(--color-text-muted);font-size:.72rem;line-height:var(--line-height-body)}.app-page-shell--home .app-dashboard-action-list-item,.app-page-shell--home .app-dashboard-analytic-panel,.app-page-shell--home .app-dashboard-comparison-table-card,.app-page-shell--home .app-dashboard-empty-state,.app-page-shell--home .app-dashboard-insight-panel,.app-page-shell--home .app-dashboard-project-health-card,.app-page-shell--home .ui-dashboard-card{border-color:var(--color-app-surface-raised-border,var(--color-border-subtle));box-shadow:var(--color-app-surface-raised-shadow,var(--shadow-sm))}.app-page-meta{margin:0;color:var(--color-text-subtle);font-size:.8125rem;line-height:1.45}.app-page-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:min(100%,32rem);justify-content:flex-end}.app-section-card{padding:var(--app-surface-padding);border-radius:18px;background:var(--color-app-surface-raised-bg,var(--color-surface-card));border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));box-shadow:var(--color-app-surface-raised-shadow,var(--shadow-sm))}.app-section-card--lg{padding:var(--app-surface-padding-lg)}.app-section-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;margin-bottom:.95rem}.app-section-card-heading{margin:0;font-size:1.18rem;letter-spacing:-.02em;color:var(--color-text-heading)}.app-section-card-copy{margin:.3rem 0 0;color:var(--color-text-muted);font-size:.9rem;line-height:var(--line-height-body);max-width:62ch}.app-section-card-body{display:grid;grid-gap:.95rem;gap:.95rem}.app-toolbar{justify-content:space-between}.app-toolbar,.app-toolbar-group{display:flex;align-items:flex-end;gap:var(--app-toolbar-gap);flex-wrap:wrap}.app-toolbar-group--grow{flex:1 1 20rem}.app-toolbar-group--end{margin-left:auto}.app-toolbar-control{width:min(100%,var(--app-toolbar-control-width));display:grid;grid-gap:.35rem;gap:.35rem}.app-toolbar-control--search{flex:1 1 14rem;min-width:14rem}.app-toolbar-label{display:block;margin-bottom:0;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-subtle)}.app-input,.app-select,.app-textarea{width:100%}.app-textarea{min-height:8rem;border:1px solid color-mix(in srgb,var(--color-border-default) 92%,white);border-radius:12px;padding:.72rem .8rem;background:color-mix(in srgb,var(--color-surface-base) 92%,var(--color-app-surface-card));color:var(--color-text-primary);line-height:1.55;resize:vertical;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.app-textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border-default));background:color-mix(in srgb,var(--color-surface-base) 96%,var(--color-app-surface-card))}.app-textarea:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px;border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-border-default));box-shadow:var(--color-app-shadow-focus,none)}.app-textarea:disabled{cursor:not-allowed;background:var(--color-app-action-disabled-bg);border-color:var(--color-app-action-disabled-border);color:var(--color-app-action-disabled-text);box-shadow:none}.app-stack{display:grid;grid-gap:var(--section-gap);gap:var(--section-gap)}.app-stack-sm{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.app-stack-xs{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.app-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.app-grid--cards{grid-template-columns:minmax(0,1fr);gap:1.4rem}@media (min-width:40rem){.app-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.app-grid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:82rem){.app-grid--cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:108rem){.app-grid--cards{grid-template-columns:repeat(5,minmax(0,1fr))}}.app-grid--list{gap:var(--space-4)}.app-grid--two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.app-grid--three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.app-field-stack{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.app-list-reset{list-style:none;margin:0;padding:0}.app-list-stack{display:grid;grid-gap:.85rem;gap:.85rem}.app-inline-notice{margin:0;padding:.95rem 1rem;border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));border-radius:14px;background:color-mix(in srgb,var(--color-app-surface-selected) 22%,var(--color-surface-base));color:var(--color-text-muted);line-height:var(--line-height-body);box-shadow:var(--color-app-surface-raised-shadow,var(--shadow-sm))}.app-inline-notice--info{border-color:color-mix(in srgb,var(--color-info) 35%,var(--color-surface-base));background:color-mix(in srgb,var(--color-info) 9%,var(--color-surface-base));color:var(--color-info)}.app-inline-notice--success{border-color:color-mix(in srgb,var(--color-brand-success) 35%,var(--color-surface-base));background:color-mix(in srgb,var(--color-brand-success) 8%,var(--color-surface-base));color:var(--color-brand-success)}.app-inline-notice--warning{border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-surface-base));background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface-base));color:var(--color-warning)}.app-inline-notice--danger{border-color:color-mix(in srgb,var(--color-danger) 30%,var(--color-surface-base));background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface-base));color:var(--color-danger)}.app-inline-notice-title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:inherit}.app-inline-notice-copy{margin:.4rem 0 0;color:inherit;font-size:.875rem;line-height:1.5}.app-inline-link{color:var(--color-primary-hover);font-weight:600;text-decoration:none}.app-inline-link:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px;border-radius:6px}.app-center-layout{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.app-center-card{width:min(100%,35rem);padding:var(--space-5);border-radius:20px}.app-center-card--wide{width:min(100%,42rem)}.app-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.app-actions--end{justify-content:flex-end}.app-actions--between{justify-content:space-between;align-items:center}.app-actions--top{align-items:flex-start}.app-checkbox-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.app-checkbox-row{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.app-text-danger{color:var(--color-danger)}.app-text-info{color:var(--color-info)}.app-text-muted{color:var(--color-text-muted)}.app-text-subtle{color:var(--color-text-subtle)}.app-priority-badge{font-size:.75rem;font-weight:600}.app-priority-badge--high{color:var(--color-danger)}.app-priority-badge--medium{color:var(--color-warning)}.app-priority-badge--low{color:var(--color-info)}.app-progress{width:100%;height:var(--app-progress-height);border-radius:999px;background:color-mix(in srgb,var(--color-border-subtle) 76%,white);overflow:hidden}.app-progress-bar{height:100%;border-radius:999px;background:var(--color-primary);box-shadow:inset 0 -1px 0 rgba(15,23,42,.08)}.app-progress-meter{width:100%;height:var(--app-progress-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent}.app-progress-meter::-webkit-progress-bar{background:color-mix(in srgb,var(--color-border-subtle) 76%,white);border-radius:999px}.app-progress-meter::-webkit-progress-value{background:var(--color-primary);border-radius:999px}.app-progress-meter::-moz-progress-bar{background:var(--color-primary);border-radius:999px}.ui-progress-status{display:grid;grid-gap:var(--space-2);gap:var(--space-2);width:100%;min-width:0}.ui-progress-status-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);width:100%;min-width:0}.ui-progress-status--with-leading .ui-progress-status-main{grid-template-columns:auto minmax(0,1fr) auto}.ui-progress-status-leading{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.ui-progress-status-track{position:relative;width:100%;min-width:0;height:var(--app-progress-height);overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-border-subtle) 76%,white)}.ui-progress-status-fill{display:block;height:100%;min-width:0;border-radius:999px;background:var(--ui-progress-fill,var(--color-primary));transition:width .16s ease,background-color .16s ease}.ui-progress-status-value{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.ui-progress-status-caption{font-size:.75rem;color:var(--color-text-muted)}.ui-progress-status--sm{gap:.375rem}.ui-progress-status--sm .ui-progress-status-value{font-size:.8125rem}.ui-progress-status--md .ui-progress-status-track{height:max(.625rem,var(--app-progress-height))}.ui-progress-status--tone-neutral{--ui-progress-fill:color-mix(in srgb,var(--color-text-subtle) 35%,var(--color-border-subtle))}.ui-progress-status--tone-warning{--ui-progress-fill:var(--color-warning)}.ui-progress-status--tone-positive{--ui-progress-fill:color-mix(in srgb,var(--color-brand-success) 55%,white)}.ui-progress-status--tone-success{--ui-progress-fill:var(--color-brand-success)}.app-surface-item{padding:1rem}.app-surface-item-muted{background:color-mix(in srgb,var(--color-app-surface-selected) 22%,var(--color-surface-base));border:1px solid color-mix(in srgb,var(--color-border-subtle) 84%,white);border-radius:14px}.app-surface-card{display:grid;grid-gap:.8rem;gap:.8rem}.project-library-card{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-card) 94%,white) 0,var(--color-surface-card) 100%);border:1px solid color-mix(in srgb,var(--color-app-surface-raised-border,var(--color-border-subtle)) 88%,white);box-shadow:0 10px 24px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.04);border-radius:20px;align-content:start;grid-template-rows:auto auto auto 1fr auto;height:100%;gap:.9rem;min-width:0}.project-library-card--interactive{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.project-library-card--interactive:hover{border-color:var(--color-app-surface-hover-border,color-mix(in srgb,var(--color-primary) 16%,var(--color-border-subtle)));background:var(--color-app-surface-hover-bg,var(--color-surface-card));box-shadow:0 14px 28px rgba(15,23,42,.07),0 2px 6px rgba(15,23,42,.06);transform:translateY(-1px)}.project-library-card--interactive:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px;box-shadow:var(--color-app-shadow-focus,var(--shadow-md))}.app-surface-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.app-surface-card-header>:first-child{min-width:0}.app-surface-card-title{margin:0;font-size:1.08rem;line-height:1.25;letter-spacing:-.02em;color:var(--color-text-heading);overflow-wrap:anywhere}.app-surface-card-link{color:var(--color-text-heading);text-decoration:none}.app-surface-card-link-reset{color:inherit;text-decoration:none}.app-surface-card-skeleton-copy,.app-surface-card-skeleton-heading,.template-library-card-skeleton-copy{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.project-library-card--skeleton{cursor:default}.app-surface-card-copy{margin:0;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.project-library-card__summary{min-height:calc(.84rem * 1.55 * 2)}.project-library-card__summary .app-surface-card-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-library-card__meta{min-height:1.5rem;justify-content:flex-start;gap:.4rem}.app-surface-card-footer,.app-surface-card-meta{display:flex;justify-content:space-between;align-items:center;gap:.55rem;flex-wrap:wrap}.project-library-card__footer{display:grid;grid-gap:.42rem;gap:.42rem;align-content:start;grid-template-rows:1.1rem 1.1rem minmax(calc(.8125rem * 1.45 * 3),auto) 1.1rem;min-width:0}.project-library-card__footer-row{display:grid;grid-gap:.65rem;gap:.65rem;min-height:1.1rem;min-width:0}.project-library-card__footer-row--priority{align-items:center}.project-library-card__footer-row--split{grid-template-columns:minmax(0,1fr) auto;align-items:center}.project-library-card__footer-row--single,.project-library-card__footer-row--summary{grid-template-columns:minmax(0,1fr)}.project-library-card__footer-row>*{min-width:0}.project-library-card__meta-placeholder{display:inline-flex;align-items:center;min-height:1rem;width:100%;max-width:100%}.project-library-card__meta-placeholder--hidden{visibility:hidden}.project-library-card__meta-text{font-size:.8125rem;line-height:1.45;color:var(--color-text-subtle)}.project-library-card__footer-row--single .project-library-card__meta-text,.project-library-card__footer-row--split .project-library-card__meta-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-library-card__footer-row--summary .project-library-card__meta-placeholder,.project-library-card__footer-row--summary .project-library-card__meta-text{align-self:start}.project-library-card__footer-row--summary .project-library-card__meta-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-library-card .ui-progress-status{align-self:end;margin-top:auto;padding-top:.2rem}.project-library-card .ui-progress-status-main{gap:.6rem;align-items:center}.project-library-card .ui-progress-status-track{height:.55rem;background:color-mix(in srgb,var(--color-border-subtle) 72%,white)}.project-library-card .ui-progress-status-fill{box-shadow:inset 0 -1px 0 rgba(15,23,42,.08)}.project-library-card .ui-progress-status-value{font-size:.775rem;font-weight:700;color:var(--color-text-heading)}.project-library-card .role-badge{min-height:1.45rem;padding:.12rem .55rem;border-color:color-mix(in srgb,var(--color-app-badge-accent-border) 70%,white);background:color-mix(in srgb,var(--color-app-badge-accent-bg) 82%,white);font-size:.68rem;letter-spacing:.015em}.project-library-card .app-actions{gap:.45rem}.project-library-card .ui-icon-button{min-width:2.25rem;min-height:2.25rem;border-color:color-mix(in srgb,var(--color-border-default) 82%,white);background:color-mix(in srgb,var(--color-surface-base) 92%,white);color:var(--color-text-subtle);box-shadow:none}.project-library-card .app-button-danger.ui-icon-button{border-color:color-mix(in srgb,var(--color-danger) 24%,white);background:color-mix(in srgb,var(--color-danger) 4%,white);color:var(--color-danger)}.project-library-card .ui-icon-button:hover{background:color-mix(in srgb,var(--color-surface-muted) 84%,white);border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border-default))}.project-library-card .app-button-danger.ui-icon-button:hover{background:color-mix(in srgb,var(--color-danger) 8%,white);border-color:color-mix(in srgb,var(--color-danger) 22%,white)}@media (max-width:768px){.project-library-card{gap:.8rem}.app-surface-card-title{font-size:1rem}}.app-results-meta{font-size:.8125rem;line-height:1.45;color:var(--color-text-subtle)}.app-action-button{border:1px solid transparent;border-radius:999px;background:var(--color-app-action-ghost-bg,transparent);color:var(--color-app-action-ghost-text,var(--color-text-subtle));cursor:pointer;padding:.18rem .46rem;font:inherit;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.app-action-button:hover{background:var(--color-app-action-ghost-hover,var(--color-surface-muted));border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border-default))}.app-action-button:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px;box-shadow:var(--color-app-shadow-focus,none)}.app-action-button-danger{color:var(--color-danger)}.app-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.35rem;border:1px solid var(--color-app-badge-neutral-border);border-radius:var(--radius-pill);padding:.1rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.1;letter-spacing:.01em;white-space:nowrap;background:var(--color-app-badge-neutral-bg);color:var(--color-app-badge-neutral-text)}.app-pill-soft{border-color:var(--color-app-badge-accent-border);background:var(--color-app-badge-accent-bg);color:var(--color-app-badge-accent-text)}.ui-tag{display:inline-flex;align-items:center;justify-content:center;min-height:1.35rem;border:1px solid var(--color-app-badge-neutral-border);border-radius:var(--radius-pill);padding:.1rem .55rem;font-size:.6875rem;font-weight:600;line-height:1.1;letter-spacing:.01em;white-space:nowrap}.ui-tag,.ui-tag--neutral{background:var(--color-app-badge-neutral-bg);color:var(--color-app-badge-neutral-text)}.ui-tag--neutral{border-color:var(--color-app-badge-neutral-border)}.ui-tag--accent{border-color:var(--color-app-badge-accent-border);background:var(--color-app-badge-accent-bg);color:var(--color-app-badge-accent-text)}.ui-tag--sm{min-height:1.25rem;padding:.08rem .46rem;font-size:.6875rem}.ui-tag--md{min-height:1.35rem;padding:.1rem .55rem;font-size:.6875rem}.ui-interactive-card{display:block;width:100%;text-align:left;color:inherit;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;background:var(--color-app-surface-raised-bg,var(--color-surface-card));border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));box-shadow:var(--color-app-surface-raised-shadow,var(--shadow-sm));transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease,background .16s ease}.ui-interactive-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));opacity:.2;pointer-events:none;transition:opacity .16s ease,background .16s ease;z-index:0}.ui-interactive-card>*{position:relative;z-index:1}.ui-interactive-card:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--color-primary);opacity:0;pointer-events:none;transition:opacity .16s ease,height .16s ease;z-index:1}button.ui-interactive-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}a.ui-interactive-card{color:inherit}.ui-interactive-card--compact{padding:var(--space-3)}.ui-interactive-card--comfortable{padding:var(--space-4)}.ui-interactive-card:hover{border-color:var(--color-app-surface-hover-border,color-mix(in srgb,var(--color-primary) 16%,var(--color-border-subtle)));background:var(--color-app-surface-hover-bg,var(--color-surface-card));box-shadow:var(--color-app-surface-hover-shadow,var(--shadow-md));transform:translateY(-1px)}.ui-interactive-card:hover:before{opacity:.08}.ui-interactive-card:hover:after{opacity:.16}.ui-interactive-card:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px}.ui-interactive-card--selected{border-color:var(--color-app-surface-selected-border,color-mix(in srgb,var(--color-primary) 24%,var(--color-border-default)));background:var(--color-app-surface-selected-bg,var(--color-primary-soft));box-shadow:var(--color-app-surface-selected-shadow,var(--shadow-md))}.ui-interactive-card--selected:before{opacity:.08}.ui-interactive-card--selected:after{opacity:0}.ui-interactive-card--disabled,.ui-interactive-card:disabled,.ui-interactive-card[aria-disabled=true]{opacity:1;cursor:not-allowed;color:var(--color-app-action-disabled-text)}.ui-interactive-card--disabled,.ui-interactive-card--disabled:hover,.ui-interactive-card:disabled,.ui-interactive-card:disabled:hover,.ui-interactive-card[aria-disabled=true],.ui-interactive-card[aria-disabled=true]:hover{background:var(--color-app-action-disabled-bg);border-color:var(--color-app-action-disabled-border);transform:none;box-shadow:none}.ui-interactive-card--disabled:after,.ui-interactive-card--disabled:before,.ui-interactive-card:disabled:after,.ui-interactive-card:disabled:before,.ui-interactive-card[aria-disabled=true]:after,.ui-interactive-card[aria-disabled=true]:before{opacity:0}.ui-interactive-card-stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3);width:100%;justify-items:stretch;align-content:start;text-align:left}.ui-interactive-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);width:100%;min-width:0}.ui-interactive-card-title{margin:0;font-size:1.125rem;color:var(--color-text-heading);letter-spacing:var(--letter-spacing-h5);transition:color .16s ease;text-align:left;width:100%;overflow-wrap:anywhere}.ui-interactive-card-copy{margin:0;color:var(--color-text-muted);font-size:.875rem;line-height:1.5;text-align:left;width:100%}.ui-interactive-card-footer,.ui-interactive-card-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%}.ui-interactive-card--selected .ui-interactive-card-title,.ui-interactive-card:hover .ui-interactive-card-title{color:var(--color-primary-hover)}.template-library-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;min-width:0;padding:var(--space-4);text-align:left;cursor:pointer;border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));border-radius:18px;background:var(--color-app-surface-raised-bg,var(--color-surface-base));box-shadow:var(--color-app-surface-raised-shadow,var(--shadow-sm));transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.template-library-card:hover{border-color:var(--color-app-surface-hover-border,color-mix(in srgb,var(--color-primary) 16%,var(--color-border-subtle)));background:var(--color-app-surface-hover-bg,var(--color-surface-base));box-shadow:var(--color-app-surface-hover-shadow,var(--shadow-md));transform:translateY(-1px)}.template-library-card:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px;box-shadow:var(--color-app-shadow-focus,var(--shadow-md))}.template-library-card-stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3);width:100%;min-width:0}.template-library-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);width:100%;min-width:0}.template-library-card-header>:first-child{min-width:0}.template-library-card-title{margin:0;min-width:0;font-size:1.04rem;letter-spacing:-.015em;color:var(--color-text-heading);transition:color .16s ease;overflow-wrap:anywhere}.template-library-card:hover .template-library-card-title{color:var(--color-primary-hover)}.template-library-card-copy{margin:0;color:var(--color-text-muted);font-size:.84rem;line-height:1.55}.template-library-card-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%}.template-library-card--list{width:100%}.app-copy-break{overflow-wrap:anywhere}.app-toast{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:60;padding:.55rem .75rem;border-radius:10px;background:var(--color-text-strong);color:var(--color-text-inverse);box-shadow:var(--shadow-md);font-size:.8125rem}.app-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay)}.app-modal-backdrop-clickable{cursor:pointer}.app-modal{width:100%;max-height:94vh;overflow:visible;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));border-radius:18px;background:var(--color-app-surface-raised-bg,var(--color-surface-card));box-shadow:var(--shadow-lg);padding:var(--app-surface-padding)}.app-modal--sm{max-width:var(--app-modal-max-width-sm)}.app-modal--md{max-width:var(--app-modal-max-width-md)}.app-modal--lg{max-width:var(--app-modal-max-width-lg)}.app-modal--xl{max-width:var(--app-modal-max-width-xl)}.app-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:.95rem}.app-modal-title{margin:0;font-size:1.15rem;letter-spacing:-.02em;color:var(--color-text-strong)}.app-modal-meta{margin:.35rem 0 0;color:var(--color-text-subtle);font-size:.75rem;line-height:1.45}.app-modal-copy{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.84rem;line-height:1.55}.app-modal-body{display:grid;grid-gap:.9rem;gap:.9rem}.app-modal-scroll{min-height:0;height:100%}.app-modal-scroll__content{padding-bottom:.65rem}.app-modal-actions{justify-content:flex-end}.app-modal-actions,.app-modal-actions-between{margin-top:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.app-modal-actions-between{justify-content:space-between;align-items:center}.app-modal-actions-end{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.app-modal-close{flex-shrink:0}.app-drawer{justify-self:end;align-self:stretch;width:min(52rem,calc(100vw - 2rem));height:calc(100vh - 2rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));border-radius:24px;background:var(--color-app-surface-raised-bg,var(--color-surface-card));box-shadow:var(--shadow-lg);padding:var(--app-surface-padding);overflow:hidden}.app-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:.95rem}.app-drawer-title{margin:0;font-size:1.35rem;letter-spacing:-.03em;color:var(--color-text-strong)}.app-drawer-meta{margin:.35rem 0 0;color:var(--color-text-subtle);font-size:.78rem;line-height:1.45}.app-drawer-copy{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.9rem;line-height:1.55;max-width:52ch}.app-drawer-body{min-height:0;overflow-y:auto;display:grid;grid-gap:.9rem;gap:.9rem;padding-right:.25rem}.app-drawer-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.ui-scroll-area{--ui-scroll-area-inset:0.25rem;--ui-scroll-area-gutter:calc(var(--app-scrollbar-size) + (var(--ui-scroll-area-inset) * 2) + 0.45rem);position:relative;width:100%;min-height:0}.ui-scroll-area__viewport{width:100%;height:100%;min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.ui-scroll-area__viewport::-webkit-scrollbar{width:0;height:0}.ui-scroll-area__content{min-width:0;-webkit-padding-end:var(--ui-scroll-area-gutter);padding-inline-end:var(--ui-scroll-area-gutter)}.ui-scroll-area__track{position:absolute;top:var(--ui-scroll-area-inset);right:var(--ui-scroll-area-inset);bottom:var(--ui-scroll-area-inset);width:var(--app-scrollbar-size);border-radius:999px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--color-app-scrollbar-track) 92%,white) 0,var(--color-app-scrollbar-track) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-app-border-subtle) 72%,white),0 6px 16px rgba(15,23,42,.08);opacity:0;pointer-events:none;transition:opacity .16s ease,background .16s ease,box-shadow .16s ease}.ui-scroll-area--overflowing .ui-scroll-area__track{opacity:1;pointer-events:auto}.ui-scroll-area:focus-within .ui-scroll-area__track,.ui-scroll-area:hover .ui-scroll-area__track{background:linear-gradient(180deg,color-mix(in srgb,var(--color-app-scrollbar-track) 90%,white) 0,color-mix(in srgb,var(--color-app-scrollbar-track) 96%,var(--color-app-surface-card)) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-app-border-default) 64%,white),0 10px 22px rgba(15,23,42,.1)}.ui-scroll-area__thumb{position:absolute;left:var(--app-scrollbar-thumb-gap);right:var(--app-scrollbar-thumb-gap);top:0;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-app-scrollbar-thumb) 42%,white) 0,color-mix(in srgb,var(--color-app-scrollbar-thumb) 68%,white) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-app-scrollbar-thumb-active) 14%,white),0 8px 14px rgba(15,23,42,.1);cursor:-webkit-grab;cursor:grab;touch-action:none;transition:background .16s ease,box-shadow .16s ease}.ui-scroll-area__thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-app-scrollbar-thumb-hover) 48%,white) 0,color-mix(in srgb,var(--color-app-scrollbar-thumb-hover) 76%,white) 100%)}.ui-scroll-area-dragging .ui-scroll-area__thumb,.ui-scroll-area__thumb:active{cursor:-webkit-grabbing;cursor:grabbing;background:linear-gradient(180deg,color-mix(in srgb,var(--color-app-scrollbar-thumb-active) 54%,white) 0,color-mix(in srgb,var(--color-app-scrollbar-thumb-active) 84%,white) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-app-scrollbar-thumb-active) 22%,white),0 10px 18px rgba(15,23,42,.14)}.app-textarea{scrollbar-width:thin;scrollbar-color:var(--color-app-scrollbar-thumb) var(--color-app-scrollbar-track)}.app-textarea::-webkit-scrollbar{width:.72rem}.app-textarea::-webkit-scrollbar-button,.app-textarea::-webkit-scrollbar-button:end:increment,.app-textarea::-webkit-scrollbar-button:single-button,.app-textarea::-webkit-scrollbar-button:single-button:vertical:decrement,.app-textarea::-webkit-scrollbar-button:single-button:vertical:increment,.app-textarea::-webkit-scrollbar-button:start:decrement{display:none;width:0;height:0}.app-textarea::-webkit-scrollbar-track{background:var(--color-app-scrollbar-track);border-radius:999px;border:.14rem solid transparent;background-clip:content-box}.app-textarea::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-app-scrollbar-thumb) 62%,white);border-radius:999px;border:.14rem solid transparent;background-clip:padding-box}.app-textarea::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-app-scrollbar-thumb-hover) 54%,white)}.app-stepper{list-style:none;margin:0;padding:.25rem .35rem 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:1rem;gap:1rem;overflow:visible}.app-stepper-item{min-width:0;overflow:visible}.app-stepper-trigger{display:block;width:100%;margin:0;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer}.app-stepper-rail{display:flex;align-items:center;gap:.5rem;overflow:visible}.app-stepper-marker{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.85rem;font-weight:700;border:2px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border-default));color:var(--color-text-subtle);background:var(--color-surface-base)}.app-stepper-connector{flex:1 1 auto;height:2px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 18%,var(--color-border-subtle))}.app-stepper-copy{margin-top:.7rem;display:grid;grid-gap:.18rem;gap:.18rem}.app-stepper-eyebrow{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subtle)}.app-stepper-label{font-size:.98rem;color:var(--color-text-strong);line-height:1.25}.app-stepper-status{font-size:.76rem;color:var(--color-text-muted)}.app-stepper-item--complete .app-stepper-marker{border-color:color-mix(in srgb,var(--color-success,#0f8f72) 72%,white);background:color-mix(in srgb,var(--color-success,#0f8f72) 14%,white);color:var(--color-success,#0f8f72)}.app-stepper-item--complete .app-stepper-connector{background:color-mix(in srgb,var(--color-success,#0f8f72) 72%,white)}.app-stepper-item--selectable .app-stepper-trigger:focus-visible .app-stepper-label,.app-stepper-item--selectable .app-stepper-trigger:hover .app-stepper-label{color:var(--color-primary)}.app-stepper-item--selectable .app-stepper-trigger:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:.35rem;border-radius:.85rem}.app-stepper-item--active .app-stepper-marker{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.app-stepper-item--active .app-stepper-status{color:var(--color-primary)}.app-stepper-item--pending .app-stepper-marker{background:color-mix(in srgb,var(--color-surface-card) 94%,var(--color-border-subtle))}.project-context-drawer-shell{width:min(64rem,calc(100vw - 2rem))}.project-context-drawer-shell .app-drawer-body{align-content:start;padding:.25rem .45rem 1.15rem}.project-context-drawer{gap:.95rem;align-content:start;overflow:visible}.project-context-drawer .app-field-stack{overflow:visible}.project-context-drawer__field-label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-subtle)}.project-context-drawer__section-heading{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.project-context-drawer__field-required{display:inline-flex;align-items:center;gap:.22rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-danger)}.project-context-drawer__field-asterisk{font-size:.9rem;line-height:1}.project-context-drawer__grid{display:grid;grid-gap:.75rem;gap:.75rem;overflow:visible}.project-context-drawer__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.project-context-drawer__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-context-drawer__control{min-height:2.9rem;padding:.68rem .78rem;font-size:.95rem}.project-context-drawer__control:focus-visible{position:relative;z-index:2}.project-context-drawer .app-textarea::placeholder,.project-context-drawer .ui-input::placeholder{color:var(--color-text-subtle);font-style:italic}.project-context-drawer select.project-context-drawer__control{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.6rem;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-subtle) 50%),linear-gradient(135deg,var(--color-text-subtle) 50%,transparent 50%);background-position:calc(100% - 1.1rem) calc(50% - .1rem),calc(100% - .8rem) calc(50% - .1rem);background-size:.38rem .38rem,.38rem .38rem;background-repeat:no-repeat}.project-context-drawer select.project-context-drawer__control option{color:var(--color-text-primary);background:var(--color-surface-base)}.project-context-drawer__textarea{min-height:6rem;padding:.8rem .9rem;font-size:.95rem}.project-context-drawer__control--missing{border-color:color-mix(in srgb,var(--color-danger) 34%,var(--color-border-default));background:color-mix(in srgb,var(--color-danger) 4%,var(--color-surface-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-danger) 14%,transparent)}.project-context-drawer__control--missing:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-danger) 46%,var(--color-border-default))}.project-context-drawer__control--missing:focus-visible{border-color:color-mix(in srgb,var(--color-danger) 52%,var(--color-border-default));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 14%,transparent)}.project-context-drawer__footer{justify-content:space-between;width:100%;align-items:center;min-height:2.75rem}.project-context-drawer__button.ui-button--md{min-height:2.75rem;padding:.5rem .95rem;font-size:.9rem}.project-context-drawer__phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.project-context-drawer__phase-grid--missing{padding:.4rem;border:1px solid color-mix(in srgb,var(--color-danger) 26%,var(--color-border-default));border-radius:18px;background:color-mix(in srgb,var(--color-danger) 4%,var(--color-surface-base))}.project-context-drawer__phase-card{display:flex;gap:.7rem;align-items:flex-start;padding:.82rem .95rem;cursor:pointer;border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-surface-card);transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.project-context-drawer__phase-card:hover{border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-surface-card) 96%,var(--color-primary-soft))}.project-context-drawer__phase-card--selected{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-surface-card) 94%,var(--color-primary-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 20%,transparent)}.project-context-drawer__phase-checkbox{margin-top:.15rem}.project-context-drawer__phase-copy{display:grid;grid-gap:.2rem;gap:.2rem}.project-context-editor{display:grid;grid-gap:1rem;gap:1rem}.project-context-editor__section{display:grid;grid-gap:.7rem;gap:.7rem}.project-context-editor__fields{display:grid;grid-gap:.5rem;gap:.5rem}.project-context-editor__grid{display:grid;grid-gap:.7rem;gap:.7rem}.project-context-editor__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.project-context-editor__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-context-editor__control{min-height:2.5rem}.project-context-editor__textarea{min-height:7rem}.project-context-editor__control--missing{border-color:color-mix(in srgb,var(--color-danger) 38%,var(--color-border-default));background:color-mix(in srgb,var(--color-danger) 4%,var(--color-surface-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-danger) 16%,transparent)}.project-context-editor__control--missing:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-danger) 52%,var(--color-border-default));background:color-mix(in srgb,var(--color-danger) 6%,var(--color-surface-base))}.project-context-editor__control--missing:focus-visible{border-color:color-mix(in srgb,var(--color-danger) 56%,var(--color-border-default));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 14%,transparent)}.project-context-review__section{display:grid;grid-gap:.75rem;gap:.75rem}.project-context-review__section--compact{gap:.45rem}.project-context-review__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.9rem;gap:.9rem}.project-context-review__card,.recommended-artefacts-list__item{list-style:none;padding:.95rem 1rem;border-radius:16px;border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));background:var(--color-app-surface-raised-bg,var(--color-surface-card));box-shadow:var(--color-app-surface-raised-shadow,var(--shadow-sm))}.project-context-review__card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.project-context-review__stack-list,.recommended-artefacts-list__items{display:grid;grid-gap:.75rem;gap:.75rem;list-style:none;padding-left:0}.project-context-review__rows{display:grid;grid-gap:.65rem;gap:.65rem;margin:0}.project-context-review__row{display:grid;grid-gap:.18rem;gap:.18rem}.project-context-review__row dt{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-subtle)}.project-context-review__row dd{margin:0;color:var(--color-text-primary);font-size:.92rem;line-height:1.45}.project-context-review__tags{display:flex;flex-wrap:wrap;gap:.55rem}.project-context-review__tag{display:inline-flex;align-items:center;padding:.42rem .72rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-surface-card) 94%,var(--color-primary-soft));color:var(--color-text-primary);display:grid;font-size:.86rem;line-height:1.2}@media (max-width:900px){.app-modal-backdrop{padding:.75rem}.app-drawer{width:min(100vw - 1.5rem,100%);height:calc(100vh - 1.5rem);border-radius:20px}.app-stepper{grid-template-columns:repeat(3,minmax(0,1fr))}.project-context-drawer__grid--three,.project-context-drawer__grid--two,.project-context-drawer__phase-grid,.project-context-editor__grid--three,.project-context-editor__grid--two{grid-template-columns:1fr}}.app-link-button{text-decoration:none}.app-pre-wrap{white-space:pre-wrap}.app-button-danger{border-color:color-mix(in srgb,var(--color-danger) 30%,var(--color-surface-base));background:color-mix(in srgb,var(--color-danger) 4%,var(--color-surface-base));color:var(--color-danger)}.app-button-danger:hover{border-color:color-mix(in srgb,var(--color-danger) 45%,var(--color-surface-base))}.app-button-warning{border-color:color-mix(in srgb,var(--color-warning) 30%,var(--color-surface-base));background:color-mix(in srgb,var(--color-warning) 4%,var(--color-surface-base));color:var(--color-warning)}.app-button-warning:hover{border-color:color-mix(in srgb,var(--color-warning) 45%,var(--color-surface-base))}.app-theme-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:var(--space-2);gap:var(--space-2);max-width:420px}.settings-theme-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;padding:.9rem;text-align:left;cursor:pointer;border:1px solid var(--color-app-surface-raised-border,var(--color-border-subtle));border-radius:var(--radius-lg);background:var(--color-app-surface-raised-bg,var(--color-surface-card));box-shadow:var(--color-app-surface-raised-shadow,var(--shadow-sm));transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.settings-theme-option:hover{border-color:var(--color-app-surface-hover-border,color-mix(in srgb,var(--color-primary) 16%,var(--color-border-subtle)));background:var(--color-app-surface-hover-bg,var(--color-surface-card));box-shadow:var(--color-app-surface-hover-shadow,var(--shadow-md));transform:translateY(-1px)}.settings-theme-option:focus-visible{outline:2px solid var(--color-checkbox-focus-ring);outline-offset:2px}.settings-theme-option--selected{border-color:var(--color-app-surface-selected-border,color-mix(in srgb,var(--color-primary) 24%,var(--color-border-default)));background:var(--color-app-surface-selected-bg,var(--color-primary-soft));box-shadow:var(--color-app-surface-selected-shadow,var(--shadow-md))}.settings-theme-option-stack{display:grid;grid-gap:.8rem;gap:.8rem}.settings-theme-option-header{display:flex;justify-content:flex-start;align-items:center}.settings-theme-option-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.25rem;border:1px solid var(--color-app-badge-neutral-border);border-radius:var(--radius-pill);padding:.08rem .46rem;font-size:.6875rem;font-weight:600;line-height:1.1;white-space:nowrap;background:var(--color-app-badge-neutral-bg);color:var(--color-app-badge-neutral-text)}.settings-theme-option-badge--selected{border-color:var(--color-app-badge-accent-border);background:var(--color-app-badge-accent-bg);color:var(--color-app-badge-accent-text)}.settings-theme-option-swatch{display:grid;grid-template-columns:2rem minmax(0,1fr);grid-gap:.5rem;gap:.5rem;align-items:stretch;height:3rem;padding:.4rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--color-border-subtle) 84%,white);background:color-mix(in srgb,var(--color-app-surface-selected) 22%,var(--color-surface-base));box-shadow:inset 0 1px 0 rgba(255,255,255,.38)}.settings-theme-option-swatch-panel,.settings-theme-option-swatch-sidebar{display:block;border-radius:8px}.settings-theme-option-swatch-sidebar{background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.25)}.settings-theme-option-swatch-panel{background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.24)}.settings-theme-option-swatch--dark{border-color:#334155;background:color-mix(in srgb,#0f172a 78%,#111827);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.settings-theme-option-swatch--dark .settings-theme-option-swatch-sidebar{background:rgba(15,23,42,.96);border:1px solid rgba(71,85,105,.7)}.settings-theme-option-swatch--dark .settings-theme-option-swatch-panel{background:rgba(30,41,59,.96);border:1px solid rgba(71,85,105,.72)}.settings-theme-option-copy{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0}.settings-theme-option-title{color:var(--color-text-heading);font-family:var(--font-heading-stack);font-weight:700}.settings-theme-option-description{color:var(--color-text-muted);font-size:.78rem;line-height:1.45}.settings-theme-option--selected .settings-theme-option-title{color:var(--color-primary-hover)}@media (max-width:768px){.app-page-actions,.app-toolbar-control,.app-toolbar-control--search,.app-toolbar-group--grow{width:100%}}