.spec{grid-template-columns:280px 1fr;height:100%;display:grid;overflow:hidden}@media (max-width:1023px){.spec{grid-template-columns:240px 1fr}}@media (max-width:640px){.spec{grid-template-columns:1fr}}.spec__tree{border-right:var(--bw-1)solid var(--surface-divider);background:var(--surface-card);height:100%;padding:var(--sp-md)0;flex-direction:column;min-width:0;display:flex;overflow-y:auto}@media (max-width:640px){.spec__tree{display:none}}.spec__tree-head{justify-content:space-between;align-items:center;gap:var(--sp-sm);padding:0 var(--sp-md);margin-bottom:var(--sp-sm);display:flex}.spec__tree-section-label{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.18em;text-transform:uppercase;color:var(--surface-fg-tertiary);font-weight:500;line-height:1}.spec__tree-new{width:var(--ctrl-h-xs);height:var(--ctrl-h-xs);border:var(--bw-1)solid transparent;border-radius:var(--r-sm);color:var(--surface-fg-tertiary);cursor:pointer;opacity:0;transition:opacity var(--du-fast)var(--ease-out),border-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out),background-color var(--du-fast)var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.spec__tree:hover .spec__tree-new,.spec__tree:focus-within .spec__tree-new,.spec__tree-new:focus-visible{opacity:1}.spec__tree-new:hover{border-color:var(--surface-divider-strong);background:var(--surface-inset);color:var(--surface-primary)}.spec__tree-new:focus-visible{outline:var(--focus-ring-w)solid var(--surface-primary);outline-offset:var(--focus-ring-offset)}@media (hover:none){.spec__tree-new{opacity:1}}.spec__tree-search{align-items:center;gap:var(--sp-6);margin:0 var(--sp-sm)var(--sp-sm);padding:var(--sp-6)var(--sp-sm);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-sm);background:var(--surface-card);display:flex;position:relative}.spec__tree-search:focus-within{border-color:var(--surface-primary)}.spec__tree-search-icon{color:var(--surface-fg-tertiary);flex-shrink:0}.spec__tree-search-input{min-width:0;font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);background:0 0;border:0;outline:0;flex:1}.spec__tree-search-input::placeholder{color:var(--surface-fg-tertiary)}.spec__tree-search-input::-webkit-search-cancel-button{appearance:none}.spec__tree-search-clear{color:var(--surface-fg-tertiary);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.spec__tree-search-clear:hover{color:var(--surface-fg)}.spec__tree-empty{margin:var(--sp-md);padding:var(--sp-md);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg-tertiary);border:var(--bw-1)dashed var(--surface-divider);border-radius:var(--r-sm);text-align:center}.spec__tree-list{gap:var(--sp-2xs);padding:0 var(--sp-sm);margin-bottom:var(--sp-md);flex-direction:column;flex:1;display:flex}.spec__tree-footer{padding:var(--sp-sm)var(--sp-md)0;border-top:var(--bw-1)solid var(--surface-divider);margin-top:auto;display:flex}.spec__tree-footer>*{width:100%}.spec__tree-item{align-items:center;gap:var(--sp-sm);padding:var(--sp-sm)var(--sp-10);border-radius:var(--r-sm);color:var(--surface-fg-secondary);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;text-decoration:none;display:flex;position:relative;overflow:hidden}.spec__tree-item:hover{background:var(--surface-inset);color:var(--surface-fg)}.spec__tree-item.is-active{background:var(--surface-inset);color:var(--surface-fg);font-weight:500}.spec__tree-item.is-active:before{content:"";width:var(--accent-bar-w);background:var(--grad-seam);position:absolute;top:0;bottom:0;left:0}.spec__tree-item--child{padding-left:calc(var(--sp-lg) + var(--sp-2xs))}.spec__tree-item--child:before{left:12px}.spec__tree-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.spec__tree-count{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);color:var(--surface-fg-tertiary);flex-shrink:0}.spec__pane{min-width:0;height:100%;overflow-y:auto}.spec__content{padding:var(--sp-xl)var(--sp-xl)var(--sp-2xl);max-width:var(--page-default);width:100%;min-width:0;margin:0 auto}@media (max-width:640px){.spec__content{padding:var(--sp-md)}}.spec__header{margin-bottom:var(--sp-xl)}.spec__title-row{align-items:center;gap:var(--sp-sm);margin:0 0 var(--sp-md);display:flex}.spec__title{font-family:var(--font-ui-stack);font-size:var(--type-product-h1-size);line-height:var(--type-product-h1-leading);letter-spacing:var(--type-product-h1-tracking);color:var(--surface-fg);align-items:center;gap:var(--sp-md);flex:1;min-width:0;margin:0;font-weight:600;display:flex}.spec__header-create{align-items:center;gap:var(--sp-6);height:var(--ctrl-h-md);padding:0 var(--sp-12);border:var(--bw-1)solid var(--surface-divider-strong);border-radius:var(--r-sm);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg-secondary);cursor:pointer;transition:border-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out),background-color var(--du-fast)var(--ease-out);background:0 0;font-weight:500;display:inline-flex}.spec__header-create:hover{border-color:var(--surface-primary);color:var(--surface-primary);background:var(--surface-primary-soft)}.spec__description{font-family:var(--font-ui-stack);font-size:var(--type-product-body-small-size);line-height:var(--type-product-body-small-leading);color:var(--surface-fg-secondary);max-width:68ch;margin:0}.spec__counts{margin-top:var(--sp-md);gap:var(--sp-lg);font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.04em;color:var(--surface-fg-tertiary);flex-wrap:wrap;display:flex}.spec__feature-menu-trigger{width:var(--ctrl-h-md);height:var(--ctrl-h-md);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-sm);color:var(--surface-fg-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spec__feature-menu-trigger:hover{border-color:var(--surface-primary);color:var(--surface-primary)}.spec__feature-menu{background:var(--surface-card);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-md);min-width:220px;box-shadow:var(--el-menu);padding:var(--sp-xs);flex-direction:column;display:flex}.spec__feature-menu-item{align-items:center;gap:var(--sp-sm);padding:var(--sp-sm)var(--sp-10);border-radius:var(--r-sm);color:var(--surface-fg);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);cursor:pointer;text-align:left;background:0 0;border:0;font-weight:500;display:inline-flex}.spec__feature-menu-item:hover,.spec__feature-menu-item:focus-visible{background:var(--surface-inset);outline:0}.spec__feature-menu-item--danger{color:var(--negative-deep)}.spec__feature-menu-divider{height:var(--bw-1);background:var(--surface-divider);margin:var(--sp-xs)var(--sp-6)}.spec__feature-form{background:var(--surface-card);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-md);padding:var(--sp-md);margin:0 0 var(--sp-md);gap:var(--sp-md);flex-direction:column;display:flex}.spec__feature-form--modal{padding:var(--sp-md)0 0;border:0;margin:0}.spec__feature-form-eyebrow{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.08em;text-transform:uppercase;color:var(--surface-primary);margin:0}.spec__feature-form-field{gap:var(--sp-xs);flex-direction:column;display:flex}.spec__feature-form-label{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.04em;color:var(--surface-fg-tertiary)}.spec__feature-form-input,.spec__feature-form-textarea{width:100%;padding:var(--sp-sm)var(--sp-10);border:var(--bw-1)solid var(--surface-divider-strong);border-radius:var(--r-sm);background:var(--surface-card);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);line-height:1.4}.spec__feature-form-textarea{resize:vertical}.spec__feature-form-input:focus,.spec__feature-form-textarea:focus{border-color:var(--surface-primary);box-shadow:var(--focus-ring-shadow);outline:0}.spec__feature-form-actions{justify-content:flex-end;gap:var(--sp-sm);display:flex}.spec__feature-form-error{padding:var(--sp-sm)var(--sp-10);background:var(--negative-soft);border:var(--bw-1)solid var(--negative-line);border-radius:var(--r-sm);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--negative-deep);margin:0}.spec__content .tabs{margin:0 0 var(--sp-lg)}.spec__context-block+.spec__context-block{margin-top:var(--sp-xl);padding-top:var(--sp-xl);border-top:var(--bw-1)solid var(--surface-divider)}.spec__context-heading{font-family:var(--font-ui-stack);font-size:var(--type-product-h2-size);color:var(--surface-fg);margin:0 0 var(--sp-md);font-weight:600;line-height:1.4}.spec__category-block{margin-top:0}.spec__scenarios{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spec__scenario{font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);border-radius:var(--r-md);line-height:1.5;position:relative;overflow:hidden}.spec__scenario:hover,.spec__scenario.is-open{background:var(--surface-inset)}.spec__scenario.is-highlighted{animation:spec-row-pulse 2.4s var(--ease-out)1}@keyframes spec-row-pulse{0%{background:var(--surface-primary-soft)}60%{background:var(--surface-primary-soft)}to{background:var(--surface-inset)}}@media (prefers-reduced-motion:reduce){.spec__scenario.is-highlighted{background:var(--surface-primary-soft);animation:none}}.spec__scenario-trigger{gap:var(--sp-md);padding:var(--sp-10)calc(var(--sp-3xl) + var(--sp-2xs))var(--sp-10)var(--sp-12);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:14px minmax(0,1fr) auto minmax(0,1.3fr);align-items:baseline;display:grid}.spec__scenario-dot{width:var(--sp-sm);height:var(--sp-sm);margin-top:var(--sp-sm);border-radius:50%;flex-shrink:0}.spec__scenario-dot--happy{background:var(--surface-happy-path-fg)}.spec__scenario-dot--edge{background:var(--surface-primary)}.spec__scenario-dot--error{background:var(--negative-deep)}.spec__scenario-action{min-width:0}.spec__scenario-arrow{color:var(--surface-fg-tertiary);font-family:var(--font-mono-stack);font-size:var(--type-product-ui-size);-webkit-user-select:none;user-select:none}.spec__scenario-outcome{min-width:0;color:var(--surface-fg)}@media (max-width:768px){.spec__scenario-trigger{gap:var(--sp-xs)var(--sp-sm);padding:var(--sp-12)0;grid-template-columns:14px 1fr;grid-template-areas:"dot action"".outcome"}.spec__scenario-dot{grid-area:dot}.spec__scenario-action{grid-area:action}.spec__scenario-outcome{grid-area:outcome}.spec__scenario-arrow{display:none}.spec__scenario-outcome:before{content:"→ ";color:var(--surface-fg-tertiary);font-family:var(--font-mono-stack)}}.spec__scenario-actions{right:var(--sp-sm);align-items:center;gap:var(--sp-xs);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.spec__scenario-copy{width:var(--ctrl-h-sm);height:var(--ctrl-h-sm);border-radius:var(--r-sm);border:var(--bw-1)solid transparent;color:var(--surface-fg-tertiary);cursor:pointer;transition:background-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:none}.spec__scenario:hover .spec__scenario-copy,.spec__scenario.is-open .spec__scenario-copy{display:inline-flex}.spec__scenario-copy:hover{background:var(--surface-primary-soft);color:var(--surface-primary)}.spec__scenario-comments{align-items:center;gap:var(--sp-xs);padding:var(--sp-xs)var(--sp-sm);border-radius:var(--r-sm);border:var(--bw-1)solid transparent;color:var(--surface-fg-tertiary);font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);cursor:pointer;opacity:0;transition:opacity var(--du-fast)var(--ease-out),background-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out);background:0 0;font-weight:500;display:inline-flex}.spec__scenario-comments.has-annotations{opacity:1;background:var(--surface-primary-soft);color:var(--surface-primary-soft-fg)}.spec__scenario:hover .spec__scenario-comments,.spec__scenario.is-open .spec__scenario-comments{opacity:1}.spec__scenario-comments:hover{background:var(--surface-primary-soft);color:var(--surface-primary)}.spec__scenario-comments-count{font-weight:600;line-height:1}@media (hover:none){.spec__scenario-copy{display:inline-flex}.spec__scenario-comments{opacity:1}}.spec__token-mono{font-family:var(--font-mono-stack);font-size:var(--type-product-ui-size);background:var(--surface-code-bg);color:var(--surface-code-fg);padding:var(--sp-2xs)var(--sp-6);border-radius:var(--r-sm)}.spec__token-ui{color:var(--surface-fg);font-style:italic}.spec__annotations-popup{width:var(--popover-w-lg);max-width:calc(100vw - var(--sp-md)*2);background:var(--surface-card);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-md);box-shadow:var(--el-menu);font-family:var(--font-ui-stack);max-height:var(--popover-w-xl);z-index:50;flex-direction:column;display:flex}.spec__annotations-popup-head{padding:var(--sp-10)var(--sp-md);border-bottom:var(--bw-1)solid var(--surface-divider);justify-content:space-between;align-items:baseline;display:flex}.spec__annotations-popup-id{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);color:var(--surface-fg);font-weight:600}.spec__annotations-popup-meta{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.04em;color:var(--surface-fg-tertiary)}.spec__annotations-popup-list{padding:var(--sp-md);gap:var(--sp-md);border-bottom:var(--bw-1)solid var(--surface-divider);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.spec__annotations-popup-item{gap:var(--sp-sm);grid-template-columns:28px 1fr;align-items:start;display:grid}.spec__annotations-popup-form{padding:var(--sp-md);gap:var(--sp-sm);flex-direction:column;display:flex}.spec__annotations-popup-locked{padding:var(--sp-md);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg-secondary);margin:0}.spec__annotations-popup-locked-link{color:var(--surface-primary);font-weight:500;text-decoration:none}.spec__annotations-popup-locked-link:hover{text-decoration:underline}.spec__annotations-popup-textarea{resize:vertical;width:100%;min-height:64px;padding:var(--sp-sm)var(--sp-10);border:var(--bw-1)solid var(--surface-divider-strong);border-radius:var(--r-sm);background:var(--surface-card);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);line-height:1.4}.spec__annotations-popup-textarea:focus{border-color:var(--surface-primary);box-shadow:var(--focus-ring-shadow);outline:0}.spec__annotations-popup-foot{justify-content:flex-end;align-items:center;gap:var(--sp-md);display:flex}.spec__annotations-popup-submit{padding:var(--sp-6)var(--sp-12);border-radius:var(--r-sm);background:var(--surface-primary);color:var(--surface-on-primary-fg);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);cursor:pointer;border:0;font-weight:500}.spec__annotations-popup-submit:disabled{background:var(--surface-divider-strong);color:var(--surface-fg-tertiary);cursor:not-allowed}.spec__annotations-popup-submit:not(:disabled):hover{background:var(--surface-primary-hover)}.spec__mention-host{position:relative}.spec__mention-list{background:var(--surface-card);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-md);max-height:220px;box-shadow:var(--el-menu);padding:var(--sp-xs);z-index:10;gap:var(--sp-2xs);flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto}.spec__mention-item{align-items:center;gap:var(--sp-sm);padding:var(--sp-6)var(--sp-sm);border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);text-align:left;background:0 0;border:0;display:flex}.spec__mention-item:hover,.spec__mention-item:focus-visible{background:var(--surface-inset);outline:0}.spec__mention-name{flex:1}.spec__mention-token{color:var(--surface-primary);background:var(--surface-primary-soft);padding:0 var(--sp-xs);border-radius:var(--r-sm);font-weight:500}.spec__sub-features{margin-top:var(--sp-md)}.spec__sub-features--secondary{margin-top:var(--sp-2xl);padding-top:var(--sp-xl);border-top:var(--bw-1)solid var(--surface-divider)}.spec__sub-features-eyebrow{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.08em;text-transform:uppercase;color:var(--surface-primary);margin:0 0 var(--sp-md)}.spec__sub-features-list{gap:var(--sp-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spec__sub-feature{gap:var(--sp-md);width:100%;padding:var(--sp-12)var(--sp-md);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-md);background:var(--surface-card);font-family:var(--font-ui-stack);text-align:left;cursor:pointer;color:inherit;transition:border-color var(--du-fast)var(--ease-out),background-color var(--du-fast)var(--ease-out);grid-template-columns:1fr auto;align-items:center;text-decoration:none;display:grid}.spec__sub-feature:hover{border-color:var(--surface-divider-strong);background:var(--surface-inset)}.spec__sub-feature-text{gap:var(--sp-xs);flex-direction:column;min-width:0;display:flex}.spec__sub-feature-name{font-size:var(--type-product-ui-size);color:var(--surface-fg);font-weight:600}.spec__sub-feature-tagline{font-size:var(--type-product-ui-size);color:var(--surface-fg-secondary);line-height:1.4}.spec__sub-feature-meta{align-items:center;gap:var(--sp-sm);flex-shrink:0;display:inline-flex}.spec__sub-feature-count{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);color:var(--surface-fg-tertiary)}.spec__sub-feature-chev{color:var(--surface-fg-tertiary);transition:color var(--du-fast)var(--ease-out),transform var(--du-fast)var(--ease-out)}.spec__sub-feature:hover .spec__sub-feature-chev{color:var(--surface-primary);transform:translate(2px)}.spec__empty-link{font:inherit;color:var(--surface-primary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.spec__panel{right:0;top:var(--dash-topbar-h);width:var(--popover-w-xl);background:var(--surface-card);border-left:var(--bw-1)solid var(--surface-divider);max-width:100vw;box-shadow:none;z-index:30;transition:transform var(--du-smooth)var(--ease-out),box-shadow var(--du-smooth)var(--ease-out);font-family:var(--font-ui-stack);flex-direction:column;display:flex;position:fixed;bottom:0;transform:translate(100%)}.spec__panel--open{box-shadow:var(--el-drawer);transform:translate(0)}@media (max-width:640px){.spec__panel{width:100vw}}.spec__panel-head{align-items:center;gap:var(--sp-sm);padding:var(--sp-12)var(--sp-md);border-bottom:var(--bw-1)solid var(--surface-divider);flex-shrink:0;display:flex}.spec__panel-id{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.04em;color:var(--surface-fg-tertiary)}.spec__panel-iconbtn{width:var(--ctrl-h-sm);height:var(--ctrl-h-sm);color:var(--surface-fg-secondary);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.spec__panel-iconbtn:hover{background:var(--surface-inset);color:var(--surface-fg)}.spec__panel-iconbtn:first-of-type{margin-left:auto}.spec__panel-body{padding:var(--sp-md)var(--sp-md)var(--sp-lg);flex:1;overflow-y:auto}.spec__panel-section{padding:var(--sp-md)0;border-bottom:var(--bw-1)solid var(--surface-divider)}.spec__panel-section:first-child{padding-top:0}.spec__panel-section:last-child{border-bottom:0}.spec__panel-eyebrow{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.08em;text-transform:uppercase;color:var(--surface-primary);margin:0 0 var(--sp-6)}.spec__panel-empty{font-size:var(--type-product-ui-size);color:var(--surface-fg-tertiary);margin:0;font-style:italic}.spec__panel-category-group{align-items:center;gap:var(--sp-xs);flex-wrap:wrap;display:inline-flex}.spec__panel-spec{padding:0 0 var(--sp-lg);margin-top:var(--sp-md);margin-bottom:var(--sp-lg);border-bottom:var(--bw-1)solid var(--surface-divider);gap:var(--sp-md);flex-direction:column;display:flex}.spec__panel-history{padding-top:var(--sp-sm);border-bottom:0}.spec__panel-changelog{gap:var(--sp-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spec__panel-annotation-meta{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);color:var(--surface-fg-tertiary);margin:0 0 var(--sp-xs)}.spec__panel-annotation-text{font-size:var(--type-product-ui-size);color:var(--surface-fg);margin:0;line-height:1.5}.spec__panel-foot{gap:var(--sp-sm);padding:var(--sp-md);border-top:var(--bw-1)solid var(--surface-divider);flex-shrink:0;display:flex}.spec__panel-foot-form{flex:1;display:flex}.spec__panel-action{align-items:center;gap:var(--sp-6);padding:var(--sp-sm)var(--sp-12);border:var(--bw-1)solid var(--surface-divider-strong);border-radius:var(--r-sm);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg-secondary);cursor:pointer;background:0 0;font-weight:500;display:inline-flex}.spec__panel-action:hover:not(:disabled){background:var(--surface-inset);color:var(--surface-fg)}.spec__panel-action:disabled{cursor:not-allowed;opacity:.5}.spec__panel-action--danger{color:var(--negative-deep);margin-left:auto}.spec__panel-action--danger:hover{color:var(--negative-deep);border-color:var(--negative-deep);background:0 0}.spec__panel-action--primary{background:var(--surface-primary);color:var(--surface-on-primary-fg);border-color:var(--surface-primary);margin-left:auto}.spec__panel-action--primary:disabled{background:var(--surface-primary);color:var(--surface-on-primary-fg);border-color:var(--surface-primary)}.spec__panel-action--primary:hover:not(:disabled){background:var(--surface-primary-hover);color:var(--surface-on-primary-fg)}.spec__edit-textarea,.spec__edit-input{width:100%;padding:var(--sp-sm)var(--sp-10);border:var(--bw-1)solid var(--surface-divider-strong);border-radius:var(--r-sm);background:var(--surface-card);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);line-height:1.5}.spec__edit-textarea{resize:vertical}.spec__edit-textarea:focus,.spec__edit-input:focus{border-color:var(--surface-primary);box-shadow:var(--focus-ring-shadow);outline:0}.spec__panel-form{flex-direction:column;height:100%;display:flex}.spec__edit-hint{margin:var(--sp-6)0 0;font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);color:var(--surface-fg-tertiary);line-height:1.4}.spec__modal-backdrop{background:var(--surface-backdrop);padding:8vh var(--sp-md)var(--sp-md);z-index:60;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.spec__modal{width:100%;max-width:var(--popover-w-xl);background:var(--surface-card);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-md);box-shadow:var(--el-lifted);padding:var(--sp-lg);gap:var(--sp-md);flex-direction:column;display:flex}.spec__modal--placement{gap:0;max-height:80vh;padding:0;overflow:hidden}.spec__modal-head{justify-content:space-between;align-items:center;gap:var(--sp-md);display:flex}.spec__modal-title{font-family:var(--font-ui-stack);font-size:var(--type-product-h2-size);line-height:var(--type-product-h2-leading);color:var(--surface-fg);margin:0;font-weight:600}.spec__view-toggle{padding:var(--sp-xs);border:var(--bw-1)solid var(--surface-divider-strong);background:var(--surface-card);border-radius:999px;align-items:center;display:inline-flex}.spec__view-toggle-btn{width:var(--ctrl-h-md);height:var(--ctrl-h-md);color:var(--surface-fg-tertiary);cursor:pointer;transition:background-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.spec__view-toggle-btn:hover{color:var(--surface-fg)}.spec__view-toggle-btn.is-active{background:var(--surface-inset);color:var(--surface-fg)}.spec__view-toggle-btn:focus-visible{outline:var(--focus-ring-w)solid var(--surface-primary);outline-offset:var(--focus-ring-offset)}.spec__table-scroll{border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-md);background:var(--surface-card);width:100%;overflow-x:auto}.spec__table{border-collapse:collapse;table-layout:fixed;width:100%;font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);line-height:1.5}.spec__table thead{background:var(--surface-inset)}.spec__table th{text-align:left;padding:var(--sp-sm)var(--sp-md);font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);letter-spacing:.18em;text-transform:uppercase;color:var(--surface-fg-tertiary);border-bottom:var(--bw-1)solid var(--surface-divider);font-weight:500}.spec__table-actions-head{min-width:88px}.spec__table-row{cursor:pointer;transition:background-color var(--du-fast)var(--ease-out);position:relative}.spec__table-row:hover,.spec__table-row.is-open{background:var(--surface-inset)}.spec__table-row.is-highlighted{animation:spec-row-pulse 2.4s var(--ease-out)1}@media (prefers-reduced-motion:reduce){.spec__table-row.is-highlighted{background:var(--surface-primary-soft);animation:none}}.spec__table-row:focus-visible{outline:var(--focus-ring-w)solid var(--surface-primary);outline-offset:calc(-1*var(--focus-ring-offset))}.spec__table td{padding:var(--sp-12)var(--sp-md);vertical-align:top;border-bottom:var(--bw-1)solid var(--surface-divider);line-height:1.5}.spec__table tbody tr:last-child td{border-bottom:0}.spec__table-context{width:30%;min-width:200px;color:var(--surface-fg);padding-left:calc(var(--sp-md) + var(--sp-6));font-weight:500;position:relative}.spec__table-context:before{content:"";width:var(--accent-bar-w);background:var(--surface-divider-strong);border-radius:0 2px 2px 0;position:absolute;top:8px;bottom:8px;left:0}.spec__table-context--happy:before{background:var(--surface-happy-path-fg)}.spec__table-context--edge:before{background:var(--surface-primary)}.spec__table-context--error:before{background:var(--negative-deep)}.spec__table-context-text{min-width:0}.spec__table-cell{min-width:0;color:var(--surface-fg-secondary)}.spec__table-actions-cell{text-align:right;min-width:88px}.spec__scenario-actions--table{justify-content:flex-end;position:static;transform:none}.spec__table-row .spec__scenario-copy{visibility:hidden;display:inline-flex}.spec__table-row:hover .spec__scenario-copy,.spec__table-row.is-open .spec__scenario-copy,.spec__table-row:focus-within .spec__scenario-copy{visibility:visible}.spec__table-row .spec__scenario-comments{opacity:0}.spec__table-row .spec__scenario-comments.has-annotations,.spec__table-row:hover .spec__scenario-comments,.spec__table-row.is-open .spec__scenario-comments,.spec__table-row:focus-within .spec__scenario-comments{opacity:1}@media (max-width:768px){.spec__table-context{min-width:140px}.spec__table th,.spec__table td{padding:var(--sp-sm)}}.spec__placement{flex-direction:column;height:100%;min-height:0;display:flex}.spec__placement-loading{align-items:center;gap:var(--sp-md);padding:var(--sp-2xl)var(--sp-md);text-align:center;flex-direction:column;display:flex}.spec__placement-loading-text{font-size:var(--type-product-ui-size);line-height:var(--type-product-ui-leading);color:var(--surface-fg-secondary);max-width:32ch;margin:0}.spec__placement-flow{align-items:stretch;gap:var(--sp-xs);margin-bottom:var(--sp-md);flex-direction:column;display:flex}.spec__placement-flow-arrow{height:var(--ctrl-h-xs);color:var(--surface-fg-tertiary);justify-content:center;align-items:center;display:inline-flex}.spec__placement-card{gap:var(--sp-2xs);padding:var(--sp-sm)var(--sp-md);border:var(--bw-1)solid var(--surface-divider);border-radius:var(--r-sm);background:var(--surface-card);flex-direction:column;display:flex}.spec__placement-card--new{border-color:var(--surface-primary-soft-line);background:var(--surface-primary-soft)}.spec__placement-card-role{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);line-height:var(--type-product-mono-label-leading);letter-spacing:var(--type-product-mono-label-tracking);text-transform:uppercase;color:var(--surface-fg-tertiary)}.spec__placement-card-label{font-size:var(--type-product-ui-size);line-height:var(--type-product-ui-leading);letter-spacing:var(--type-product-ui-tracking);color:var(--surface-fg);word-break:break-word}.spec__placement-card-badge{margin-top:var(--sp-2xs);font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);line-height:var(--type-product-mono-label-leading);letter-spacing:var(--type-product-mono-label-tracking);padding:var(--sp-2xs)var(--sp-xs);background:var(--surface-card);color:var(--surface-primary);border:var(--bw-1)solid var(--surface-primary-soft-line);border-radius:var(--r-sm);align-self:flex-start}.spec__placement-reasoning{margin:var(--sp-md)0 0;font-size:var(--type-product-ui-size);line-height:var(--type-product-ui-leading);letter-spacing:var(--type-product-ui-tracking);color:var(--surface-fg-secondary);font-style:italic}.spec__placement-list{gap:var(--sp-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spec__placement-row{padding:var(--sp-sm)0;border-bottom:var(--bw-1)solid var(--surface-divider)}.spec__placement-row:last-child{border-bottom:0}.spec__placement-row-label{margin:var(--sp-xs)0 0;font-size:var(--type-product-ui-size);line-height:var(--type-product-ui-leading);letter-spacing:var(--type-product-ui-tracking);color:var(--surface-fg-secondary)}.spec__placement-refine{margin-top:var(--sp-sm)}.spec__placement-refine-trigger{align-items:center;gap:var(--sp-xs);padding:var(--sp-2xs)var(--sp-xs);margin-left:calc(-1*var(--sp-xs));color:var(--surface-primary);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);line-height:var(--type-product-ui-leading);letter-spacing:var(--type-product-ui-tracking);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;display:inline-flex}.spec__placement-refine-trigger:hover{background:var(--surface-inset)}.spec__placement-refine-form{gap:var(--sp-sm);flex-direction:column;display:flex}.spec__placement-refine-actions{justify-content:flex-end;gap:var(--sp-sm);display:flex}.spec__placement-refine-hint{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);line-height:var(--type-product-mono-label-leading);letter-spacing:var(--type-product-mono-label-tracking);color:var(--surface-fg-tertiary);margin:0}.spec__placement-confirmation{align-items:center;gap:var(--sp-sm);padding:var(--sp-xl)var(--sp-md);text-align:center;flex-direction:column;display:flex}.spec__placement-confirmation-icon{width:var(--ctrl-h-xl);height:var(--ctrl-h-xl);border-radius:var(--r-pill);background:var(--surface-primary-soft);color:var(--surface-primary-soft-fg);justify-content:center;align-items:center;display:inline-flex}.spec__placement-confirmation-text{font-size:var(--type-product-ui-size);line-height:var(--type-product-ui-leading);letter-spacing:var(--type-product-ui-tracking);color:var(--surface-fg);margin:0}.spec__placement-confirmation-link{align-items:center;gap:var(--sp-xs);margin-top:var(--sp-xs);font-size:var(--type-product-ui-size);line-height:var(--type-product-ui-leading);letter-spacing:var(--type-product-ui-tracking);color:var(--surface-primary);text-decoration:none;display:inline-flex}.spec__placement-confirmation-link:hover{text-decoration:underline}.spec__placement-inline-arrow{margin:0 var(--sp-xs);color:var(--surface-fg-tertiary);vertical-align:middle;display:inline-block}