.session-style-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.session-style-preview-card{min-width:0;overflow:hidden;border:.5px solid color-mix(in srgb,var(--border-subtle) 72%,transparent);border-radius:var(--radius-md);background:var(--surface)}.session-style-preview-frame{position:relative;height:224px;overflow:hidden;background:var(--bg);border-bottom:.5px solid color-mix(in srgb,var(--border-subtle) 65%,transparent)}.session-style-live{position:absolute;inset:0;overflow:hidden;pointer-events:none}.session-style-live-scale{--session-style-preview-scale: .62;position:absolute;top:0;left:0;display:flex;flex-direction:column;width:calc(100% / var(--session-style-preview-scale));height:calc(100% / var(--session-style-preview-scale));transform:scale(var(--session-style-preview-scale));transform-origin:top left}.session-style-live-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.session-style-live-scroll .chat-feed-wrap{flex:none;min-height:auto;margin-bottom:0}.session-style-live-scroll .agent-chat-feed{--chat-feed-pad-x: var(--space-inset-lg);overflow:visible;flex:none;scrollbar-width:none}.session-style-tail-spacer{flex-shrink:0;pointer-events:none}.session-style-preview-copy{display:flex;min-height:56px;padding:var(--space-inset-md) var(--space-inset-md) var(--space-inset-md);box-sizing:border-box;flex-direction:column;gap:2px}.session-style-preview-copy strong{color:var(--text);font-size:var(--type-size-caption);font-weight:var(--type-weight-semibold)}.session-style-preview-copy span{color:var(--text-muted);font-size:var(--type-size-micro);line-height:1.35}@media(max-width:720px){.session-style-previews{grid-template-columns:1fr}}@media(max-width:430px){.session-style-previews{gap:var(--space-stack-sm)}.session-style-live-scale{--session-style-preview-scale: .5}.session-style-preview-copy{min-height:68px;padding-inline:var(--space-inset-md)}}.pp-root{--pp-sticky-header-height: var(--space-11);--pp-compact-index-height: 0px;--pp-page-inline: var(--space-inset-xl);--pp-page-top: var(--space-section-lg);--pp-page-bottom: var(--space-16);flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;background:var(--bg)}.pp-catalog-header{position:sticky;top:0;z-index:var(--z-sticky);padding:0 var(--space-inset-xl);background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px);border-bottom:.5px solid color-mix(in srgb,var(--border-subtle) 60%,transparent)}.pp-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-stack-md);min-width:0}.pp-header-actions{flex-shrink:0;align-self:center;margin-left:auto}.pp-header-actions:empty{display:none}.pp-tabs{display:flex;gap:0;margin:0 calc(var(--space-1) * -1);padding-bottom:0;min-width:0}.pp-tab{position:relative;padding:var(--space-inset-md) var(--space-inset-lg) var(--space-inset-md);border:none;background:transparent;font-family:inherit;font-size:var(--type-scale-2);font-weight:var(--type-weight-medium);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color .15s}.pp-tab:hover{color:var(--text-secondary)}.pp-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.pp-tab--active{color:var(--text)}.pp-tab--active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--text);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.pp-catalog-body,.pp-patterns-body{max-width:720px;margin:0 auto;padding:var(--pp-page-top) var(--pp-page-inline) var(--pp-page-bottom)}.pp-section{margin-bottom:calc(var(--space-section-lg) + var(--space-stack-md));scroll-margin-top:calc(var(--pp-sticky-header-height) + var(--space-stack-md))}.pp-section-label{margin:0 0 var(--space-4);font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pp-section-desc{font-size:var(--type-scale-2);color:var(--text-muted);margin:calc(var(--space-2) * -1) 0 var(--space-4);line-height:1.45}.pp-surface{display:flex;flex-direction:column;gap:var(--space-stack-sm);width:100%}.pp-surface-row{display:flex;flex-wrap:wrap;gap:var(--space-stack-sm);align-items:center}.pp-surface-narrow{max-width:480px}.pp-list-specimen{overflow:visible;contain:none;background:var(--surface);border:1px solid var(--pattern-border-subtle, var(--border-subtle));border-radius:var(--panel-surface-radius, var(--radius-md))}.pp-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-5) var(--space-stack-md)}.pp-color-swatch{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-stack-sm)}.pp-color-chip{aspect-ratio:1;width:100%;border-radius:var(--radius-md);border:.5px solid color-mix(in srgb,var(--border) 50%,transparent)}.pp-color-label{font-size:var(--type-scale-2);font-weight:var(--type-weight-medium);color:var(--text-secondary);line-height:1.2}.pp-color-token{font-family:var(--mono);font-size:var(--type-size-micro);color:var(--text-muted);line-height:1.35;word-break:normal;overflow-wrap:anywhere}.pp-measure-list{display:flex;flex-direction:column;gap:var(--space-3)}.pp-measure-row{display:grid;grid-template-columns:140px 1fr 48px;gap:var(--space-3);align-items:center}.pp-measure-token{font-family:var(--mono);font-size:var(--type-size-micro);color:var(--text-muted)}.pp-measure-track{height:6px;background:color-mix(in srgb,var(--border-subtle) 80%,transparent);border-radius:var(--radius-xs);overflow:hidden}.pp-measure-fill{height:100%;min-width:4px;background:color-mix(in srgb,var(--text) 25%,transparent);border-radius:var(--radius-xs)}.pp-measure-value{font-family:var(--mono);font-size:var(--type-size-micro);color:var(--text-muted);text-align:right}.pp-radius-row{display:flex;flex-wrap:wrap;gap:var(--space-stack-lg)}.pp-radius-sample{display:flex;flex-direction:column;align-items:center;gap:var(--space-stack-sm);min-width:64px}.pp-radius-box{width:48px;height:48px;background:color-mix(in srgb,var(--text) 6%,var(--surface));border:.5px solid color-mix(in srgb,var(--border) 60%,transparent)}.pp-radius-label{font-family:var(--mono);font-size:var(--type-size-micro);color:var(--text-muted)}.pp-type-specimen{display:flex;flex-direction:column;gap:var(--space-5)}.pp-type-row{display:flex;flex-direction:column;gap:var(--space-stack-xs);padding-bottom:var(--space-inset-lg);border-bottom:.5px solid color-mix(in srgb,var(--border-subtle) 50%,transparent)}.pp-type-row:last-child{border-bottom:none;padding-bottom:0}.pp-type-sample{color:var(--text);line-height:1.25}.pp-type-meta{display:flex;gap:var(--space-3);align-items:baseline}.pp-type-token{font-family:var(--mono);font-size:var(--type-size-micro);color:var(--text-muted)}.pp-type-value{font-family:var(--mono);font-size:var(--type-size-micro);color:var(--text-muted);opacity:.7}.pp-type-mono{font-family:var(--mono)}.pp-typography-specimen{max-width:42rem;gap:var(--space-stack-sm)}.pp-typeset-specimen{max-width:42rem}.pp-typeset-chat-column{max-width:280px;padding:var(--space-inset-sm);border:1px solid var(--pattern-border-subtle);border-radius:var(--radius-md)}.pp-bubble-specimen{max-width:36rem}.pp-bubble-row{display:flex;flex-wrap:wrap;gap:var(--space-stack-sm)}.pp-bubble-column{display:flex;flex-direction:column;gap:calc(var(--space-stack-md) + var(--space-stack-sm))}.pp-message-bubble-demo{display:flex;flex-direction:column;gap:calc(var(--space-stack-md) + var(--space-3));padding-block:var(--space-inset-sm)}.pp-message-specimen{max-width:36rem;gap:var(--space-stack-lg)}.pp-message-scroller-demo{width:100%;max-width:36rem;height:22rem;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 70%,var(--bg));overflow:hidden}.pp-message-scroller-demo :global(.ds-message-scroller){height:100%}.pp-marker-specimen{max-width:36rem;gap:var(--space-stack-md)}.pp-settings-block{border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 60%,var(--bg));overflow:hidden}.pp-layout{display:flex;align-items:flex-start;gap:var(--space-section-lg);max-width:1040px;margin:0 auto;padding:var(--pp-page-top) var(--pp-page-inline) var(--pp-page-bottom)}.pp-sidebar{position:sticky;top:calc(var(--pp-sticky-header-height) + var(--space-stack-sm));width:176px;flex-shrink:0;max-height:calc(100dvh - var(--header-height) - var(--pp-sticky-header-height) - var(--space-section-lg));overflow-y:auto;padding:var(--space-inset-xs) var(--space-inset-lg) var(--space-inset-xs) 0}.pp-sidebar-title{margin:0 0 var(--space-3);font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.pp-nav-batch{margin-bottom:var(--space-4)}.pp-nav-batch-heading{display:block;width:100%;margin:0 0 var(--space-1);padding:var(--space-inset-xs) var(--space-inset-sm);border:none;border-radius:var(--radius-sm);background:transparent;font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:left;cursor:pointer;font-family:inherit}.pp-nav-batch-heading:hover{color:var(--text-secondary)}.pp-nav-batch-heading:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pp-nav{display:flex;flex-direction:column;gap:1px}.pp-nav-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-stack-sm);width:100%;text-align:left;padding:var(--space-inset-xs) var(--space-inset-sm);border:none;border-radius:var(--radius-sm);background:transparent;font-size:var(--type-scale-2);color:var(--text-muted);cursor:pointer;font-family:inherit;transition:color .12s,background .12s}.pp-nav-link--deprecated{color:color-mix(in oklab,var(--text-muted) 85%,var(--yellow))}.pp-nav-deprecated-tag{flex-shrink:0;font-size:var(--type-scale-1);font-weight:var(--type-weight-medium);letter-spacing:.02em;text-transform:uppercase;color:var(--yellow)}.pp-nav-link:hover{background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text)}.pp-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primitives-preview{flex:1;min-width:0}.pp-batch-anchor{scroll-margin-top:calc(var(--pp-sticky-header-height) + var(--space-stack-md))}.pp-batch-title{margin:0 0 var(--space-6);font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pp-specimen{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0;border-bottom:.5px solid color-mix(in srgb,var(--border-subtle) 50%,transparent);scroll-margin-top:calc(var(--pp-sticky-header-height) + var(--space-stack-md))}.pp-specimen:last-child{border-bottom:none}.pp-specimen-head{display:flex;flex-direction:column;gap:var(--space-stack-xs)}.pp-specimen-name{margin:0;font-size:var(--type-scale-3);font-weight:var(--type-weight-semibold);color:var(--text)}.pp-specimen-props{margin:0;font-size:var(--type-scale-1);color:var(--text-muted);line-height:1.45}.pp-specimen-body{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);text-align:start}.pp-specimen-body-stack{gap:var(--space-stack-md)}.pp-specimen-body .ds-label-field:not(.pp-specimen-row){align-items:stretch;text-align:start}.pp-specimen-body .ds-label-field.pp-specimen-row{flex-direction:row;align-items:center;width:auto}.pp-specimen-body .ds-label-field.pp-specimen-row .ds-label{align-self:auto}.pp-specimen-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.pp-sheet-body{padding-block:var(--space-stack-xs)}.pp-form-stack{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-stack-md);text-align:start}.pp-form-checkbox-row{display:flex;align-items:flex-start;gap:var(--space-inset-sm)}.pp-form-checkbox-copy{display:grid;gap:var(--space-stack-xs);min-width:0;text-align:start;justify-items:start}.pp-checkbox-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3) var(--space-stack-md)}.pp-switch-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3) var(--space-stack-md)}.pp-switch-matrix .pp-specimen-row{gap:var(--space-3)}.pp-input-matrix{display:grid;gap:var(--space-3);max-width:360px}.pp-checkbox-group{display:flex;flex-direction:column;gap:var(--space-stack-sm)}.pp-radio-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3) var(--space-stack-md)}.pp-radio-matrix .ds-radio-group{gap:var(--space-stack-sm)}.pp-specimen>h2{margin:0 0 var(--space-1);font-size:var(--type-scale-3);font-weight:var(--type-weight-semibold);color:var(--text)}.pp-specimen>.pp-props{margin:0 0 var(--space-3);font-size:var(--type-scale-1);color:var(--text-muted);line-height:1.45}.pp-props{font-size:var(--type-scale-1);color:var(--text-muted);line-height:1.45}.pp-specimen-body-narrow{max-width:420px}.pp-specimen-body-scroll-wrap{height:160px;overflow:hidden}.pp-specimen-body-scroll-wrap .ds-scroll-area-root{height:100%;max-height:160px;border:.5px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--radius-md)}.pp-specimen-body-scroll-wrap .ds-scroll-area{padding:var(--space-inset-md) var(--space-inset-lg)}.pp-scroll-area-demo-horizontal{max-width:100%}.pp-scroll-horizontal-track{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-3);width:max-content;min-width:100%;padding-block:2px}.pp-scroll-horizontal-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:120px;height:96px;border-radius:var(--radius-md);border:.5px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--text) 4%,var(--bg))}.pp-scroll-horizontal-label{font-size:var(--type-scale-2);font-weight:var(--type-weight-semibold);color:var(--text-secondary)}.pp-specimen-body.pp-surface-row{flex-direction:row;flex-wrap:wrap;align-items:center}.pp-data-table-wrap{display:flex;flex-direction:column;gap:0;width:100%}.pp-data-table-border :global(.ds-table-root){border:1px solid var(--pattern-border-subtle);border-radius:var(--panel-surface-radius);background:var(--surface)}.pp-variant-label{font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.pp-questionnaire-composer{display:flex;flex-direction:column;width:100%;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-raised, var(--bg))}.pp-questionnaire-composer :global(.ds-questionnaire){border-radius:0}.pp-questionnaire-composer-mock-edits{display:flex;align-items:center;min-height:34px;padding:var(--space-inset-sm) var(--space-inset-md);border-top:1px solid color-mix(in srgb,var(--foreground, var(--text)) 7%,transparent);background:color-mix(in srgb,var(--background, var(--bg)) 55%,var(--surface-raised, var(--muted)))}.pp-questionnaire-composer-mock-edits-label{font-size:var(--type-scale-2);font-weight:var(--type-weight-medium);color:var(--text-secondary, var(--muted-foreground, var(--text-muted)))}.pp-separator-nav{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-3);height:2rem;font-size:var(--type-scale-2);color:var(--text-secondary)}.pp-separator-list{display:flex;flex-direction:column;gap:var(--space-3)}.pp-separator-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--type-scale-2)}.pp-avatar-badge-online{background:var(--success)}.pp-variant-pills{display:flex;flex-wrap:wrap;gap:var(--space-stack-sm)}.pp-variant-pill{padding:2px var(--space-inset-sm);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text) 5%,transparent);font-family:var(--mono);font-size:var(--type-size-micro);color:var(--text-muted)}.pp-viewport-shell{flex:1;width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch}.pp-viewport-shell--mobile{align-items:center}.pp-viewport-frame{width:100%;min-width:0}.pp-viewport-shell--mobile .pp-viewport-frame{max-width:390px;padding:var(--space-inset-md);padding-bottom:calc(var(--space-inset-md) + env(safe-area-inset-bottom,0px));border:.5px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--radius-xl);background:var(--surface)}.pp-viewport-shell--mobile .primitives-preview{max-width:none}.pp-viewport-frame[data-viewport=mobile] :global(.ds-btn),.pp-viewport-frame[data-viewport=mobile] :global(.btn){min-height:var(--touch-target);min-width:var(--touch-target)}.pp-viewport-frame[data-viewport=mobile] :global(.ds-btn--sm),.pp-viewport-frame[data-viewport=mobile] :global(.btn-sm){min-height:var(--touch-target);min-width:var(--touch-target)}.pp-viewport-frame[data-viewport=mobile] :global(.ds-btn--icon),.pp-viewport-frame[data-viewport=mobile] :global(.btn-icon){min-height:var(--touch-target);min-width:var(--touch-target)}.pp-viewport-frame[data-viewport=mobile] :global(.ds-input),.pp-viewport-frame[data-viewport=mobile] :global(.ds-textarea),.pp-viewport-frame[data-viewport=mobile] :global(.ds-select),.pp-viewport-frame[data-viewport=mobile] :global(input),.pp-viewport-frame[data-viewport=mobile] :global(textarea),.pp-viewport-frame[data-viewport=mobile] :global(select){font-size:var(--type-scale-5)!important}.pp-recipe-header-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-stack-xs)}.pp-recipe-lab{display:flex;flex-direction:column;gap:var(--space-section-lg)}.pp-recipe-lab-intro{margin-bottom:0}.pp-recipe-lab-intro h2,.pp-recipe-lab-panel h2,.pp-recipe-lab-panel h3,.pp-recipe-lab-panel h4{margin:0;color:var(--text)}.pp-recipe-lab-intro h2{font-size:var(--type-scale-6)}.pp-recipe-lab-intro>.pp-section-desc{max-width:var(--settings-content-max-width)}.pp-recipe-lab-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-stack-md);align-items:start}.pp-recipe-selector,.pp-recipe-state-controls,.pp-recipe-lab-panel,.pp-recipe-live-specimen,.pp-recipe{border:1px solid var(--pattern-border-subtle);border-radius:var(--radius-md);background:var(--surface)}.pp-recipe-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-stack-xs);padding:var(--space-inset-sm)}.pp-recipe-selector-option,.pp-recipe-state-options button{border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit}.pp-recipe-selector-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-stack-xs);min-height:var(--compact-height);padding:var(--space-inset-sm);text-align:left}.pp-recipe-selector-option code,.pp-recipe-imports code,.pp-recipe-metadata code,.pp-recipe-detail-grid strong,.pp-recipe-utility-output code{font-family:var(--mono);font-size:var(--type-scale-2)}.pp-recipe-selector-option code{color:var(--text-muted)}.pp-recipe-selector-option:hover,.pp-recipe-state-options button:hover:not(:disabled){background:var(--pattern-hover);color:var(--text)}.pp-recipe-selector-option--selected,.pp-recipe-state-option--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}.pp-recipe-selector-option:focus-visible,.pp-recipe-state-options button:focus-visible,.pp-recipe-workspace-tabs button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pp-recipe-state-controls{min-width:0;margin:0;padding:var(--space-inset-md)}.pp-recipe-state-controls legend{padding:0 var(--space-inset-xs);color:var(--text);font-size:var(--type-scale-3);font-weight:var(--type-weight-semibold)}.pp-recipe-state-controls p{margin:var(--space-stack-sm) 0 0;color:var(--text-muted);font-size:var(--type-scale-2);line-height:1.45}.pp-recipe-state-options{display:flex;flex-wrap:wrap;gap:var(--space-stack-xs)}.pp-recipe-state-options button{min-height:var(--compact-height);padding:var(--space-inset-xs) var(--space-inset-sm)}.pp-recipe-state-options button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.55}.pp-recipe-lab-panel{overflow:hidden}.pp-recipe-lab-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-stack-md);padding:var(--space-inset-lg);border-bottom:1px solid var(--pattern-border-subtle);background:color-mix(in srgb,var(--surface-raised) 72%,var(--surface))}.pp-recipe-lab-panel-header .pp-section-label,.pp-recipe-live-heading .pp-section-label{margin-bottom:var(--space-stack-xs)}.pp-recipe-lab-panel-header p:not(.pp-section-label){max-width:var(--settings-content-max-width);margin:var(--space-stack-xs) 0 0;color:var(--text-muted);line-height:1.45}.pp-recipe-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-stack-md);padding:var(--space-inset-lg);border-bottom:1px solid var(--pattern-border-subtle)}.pp-recipe-metadata section{min-width:0}.pp-recipe-metadata h3{font-size:var(--type-scale-3)}.pp-recipe-metadata dl,.pp-recipe-metadata ul{margin:var(--space-stack-sm) 0 0}.pp-recipe-metadata dl{display:grid;gap:var(--space-stack-xs)}.pp-recipe-metadata dl>div{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr);gap:var(--space-stack-sm);color:var(--text-secondary);font-size:var(--type-scale-2);line-height:1.45}.pp-recipe-metadata dt{color:var(--text-muted)}.pp-recipe-metadata dd{min-width:0;margin:0;overflow-wrap:anywhere}.pp-recipe-ownership{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-stack-sm);margin-top:var(--space-stack-sm)}.pp-recipe-ownership h4{color:var(--text-secondary);font-size:var(--type-scale-2)}.pp-recipe-ownership ul{padding-inline-start:var(--space-inset-md);color:var(--text-muted);font-size:var(--type-scale-2);line-height:1.45}.pp-recipe-imports{display:grid;gap:var(--space-stack-xs);padding:0;list-style:none}.pp-recipe-imports li{display:grid;gap:var(--space-stack-xs);min-width:0;color:var(--text-secondary);font-size:var(--type-scale-2)}.pp-recipe-imports span{overflow-wrap:anywhere}.pp-recipe-live-specimen{margin:var(--space-inset-lg)}.pp-recipe-live-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-stack-md);padding:var(--space-inset-md);border-bottom:1px solid var(--pattern-border-subtle)}.pp-recipe-live-heading h3{font-size:var(--type-scale-4)}.pp-recipe-host-label{flex:0 0 auto;padding:var(--space-inset-xs) var(--space-inset-sm);border:1px solid var(--pattern-border-subtle);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--type-scale-2)}.pp-recipe-host-frame{min-width:0;background:color-mix(in srgb,var(--surface-raised) 56%,var(--surface))}.pp-recipe-host-chrome,.pp-recipe-compact-host{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-stack-sm);padding:var(--space-inset-sm) var(--space-inset-md);border-bottom:1px solid var(--pattern-border-subtle);color:var(--text-muted);font-size:var(--type-scale-2)}.pp-recipe-surface,.pp-recipe-standard-state,.pp-recipe-compact-slot,.pp-recipe-hosted-variant{padding:var(--space-inset-md)}.pp-recipe-surface{display:flex;flex-direction:column;gap:var(--space-stack-md)}.pp-recipe-standard-state{display:grid;place-items:center;gap:var(--space-stack-sm);min-height:var(--settings-row-height);color:var(--text-muted);text-align:center}.pp-recipe-standard-state p{margin:0;font-size:var(--type-scale-2)}.pp-recipe-standard-state :global(.ds-alert){width:100%;text-align:left}.pp-recipe-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-stack-sm)}.pp-recipe-detail-grid span{display:flex;flex-direction:column;gap:var(--space-stack-xs);padding:var(--space-inset-sm);border:1px solid var(--pattern-border-subtle);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--type-scale-2)}.pp-recipe-detail-grid strong{color:var(--text);font-weight:var(--type-weight-medium)}.pp-recipe-workspace-tabs{display:flex;gap:var(--space-stack-xs);border-bottom:1px solid var(--border)}.pp-recipe-workspace-tabs button{min-height:var(--compact-height);padding:var(--space-inset-xs) var(--space-inset-sm);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit}.pp-recipe-workspace-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.pp-recipe-utility-bar{display:flex;gap:var(--space-stack-sm)}.pp-recipe-utility-bar :global(.ds-input){min-width:0}.pp-recipe-utility-output{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-stack-sm);padding:var(--space-inset-md);border:1px solid var(--pattern-border-subtle);border-radius:var(--radius-md)}.pp-recipe-utility-output code{color:var(--text-secondary)}.pp-recipe-surface--inspector{max-width:var(--settings-panel-width)}.pp-recipe-compact-slot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-stack-md)}.pp-recipe-compact-host{flex:1;border:1px solid var(--pattern-border-subtle);border-radius:var(--radius-md)}.pp-recipe-hosted-variant{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-stack-md)}.pp-recipe-hosted-data,.pp-recipe-hosted-renderer{padding:var(--space-inset-md);border:1px solid var(--pattern-border-subtle);border-radius:var(--radius-md)}.pp-recipe-hosted-data span,.pp-recipe-hosted-renderer p{color:var(--text-muted);font-size:var(--type-scale-2)}.pp-recipe-hosted-data p,.pp-recipe-hosted-renderer p{margin:var(--space-stack-sm) 0;line-height:1.45}.pp-recipe-snippets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-stack-md);padding:0 var(--space-inset-lg) var(--space-inset-lg)}.pp-recipe{overflow:hidden}.pp-recipe-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-stack-sm);min-height:var(--compact-height);padding:var(--space-inset-xs) var(--space-inset-sm);border-bottom:1px solid var(--pattern-border-subtle);color:var(--text-muted);font-size:var(--type-scale-2)}.pp-recipe-toolbar span{margin-right:auto}.pp-recipe-code{margin:0;padding:var(--space-inset-md);overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var(--mono);font-size:var(--type-scale-2);line-height:1.5;color:var(--text-secondary);white-space:pre}.pp-muted{font-size:var(--type-scale-2);color:var(--text-muted)}.pp-inline-label{font-size:var(--type-scale-2);color:var(--text-secondary);margin-right:var(--space-2)}.pp-card-body{margin:0;font-size:var(--type-scale-3);color:var(--text-secondary);line-height:1.5}.pp-card-surface{max-width:420px}.pp-card-form{display:flex;flex-direction:column;gap:var(--space-stack-md)}.pp-card-footer-actions{justify-content:flex-end}.pp-card-footer-btn{flex:1}.pp-card-list{margin:0;padding-inline-start:var(--space-5);display:flex;flex-direction:column;gap:var(--space-stack-xs);font-size:var(--type-scale-3);color:var(--text-secondary);line-height:1.5}.pp-card-content-flush{margin-inline:calc(-1 * var(--card-spacing));margin-block-end:calc(-1 * var(--card-spacing))}.pp-card-scroll-panel{max-height:140px;overflow:auto;padding:var(--space-inset-md);background:color-mix(in oklab,var(--muted, var(--surface-muted, var(--bg-muted, var(--bg)))) 35%,transparent);border-block:1px solid var(--border);font-size:var(--type-scale-3);color:var(--text-secondary);line-height:1.5}.pp-card-scroll-panel p{margin:0 0 var(--space-3)}.pp-card-scroll-panel p:last-child{margin-bottom:0}.pp-carousel{max-width:420px}.pp-carousel-thirds{--carousel-item-basis: 33.333%}.pp-carousel-item{--carousel-item-basis: 100%}.pp-carousel-item-third{--carousel-item-basis: 33.333%}.pp-carousel-card{height:100%;border-radius:var(--radius-md)}.pp-carousel-card-content{display:flex;align-items:center;justify-content:center;min-height:9rem;padding-block:var(--space-inset-xl)}.pp-carousel-slide-label{font-size:var(--type-scale-7);font-weight:var(--type-weight-semibold);color:var(--muted-foreground, var(--text-muted))}.pp-chart-card{max-width:520px}.pp-chart{aspect-ratio:auto;min-height:220px;flex-direction:column;align-items:stretch}.pp-chart-bar{gap:0}.pp-chart-surface{position:relative;width:100%;min-height:200px}.pp-chart-surface svg{display:block;width:100%;height:auto}.pp-chart-tooltip-anchor{position:absolute;top:0;pointer-events:none}.pp-chart-note{max-width:520px;margin:0;font-size:var(--type-scale-2);line-height:1.45;color:var(--text-muted)}.pp-collapsible-body{margin:0;font-size:var(--type-scale-3);color:var(--text-secondary);line-height:1.5}.pp-combobox-disabled-hint{font-size:var(--type-scale-2);color:var(--text-muted)}.pp-select-trigger{width:100%;max-width:240px}.pp-combobox{width:100%;max-width:280px}.pp-select-native{max-width:240px}.pp-btn-group-back{display:none}.pp-btn-group-size-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-inset-lg)}.pp-btn-group-vertical-fit{height:fit-content}.pp-btn-group-field{min-width:12rem}.pp-btn-group-amount{min-width:6rem}.pp-btn-group-pill{--radius-control: var(--radius-pill)}.pp-btn-group-voice-active{background:color-mix(in srgb,var(--orange) 15%,transparent);color:var(--orange)}.pp-btn-group-select-trigger{width:fit-content;min-width:3.5rem;font-family:var(--font-mono, ui-monospace, monospace)}.pp-btn-group-split-trigger{padding-inline-start:var(--space-inset-sm)}.pp-btn-group-popover{padding:0;overflow:hidden}.pp-btn-group-popover-header{padding:var(--space-inset-md) var(--space-inset-lg);font-size:var(--type-size-caption);font-weight:var(--font-weight-control, var(--type-weight-medium))}.pp-btn-group-popover-body{padding:var(--space-inset-lg);font-size:var(--type-size-caption)}.pp-btn-group-popover-textarea{margin-bottom:var(--space-inset-md);resize:none}.pp-btn-group-popover-title{margin:0 0 var(--space-inset-xs);font-weight:var(--font-weight-control, var(--type-weight-medium))}.pp-btn-group-rtl{width:fit-content}.pp-direction-panel{display:flex;flex-direction:column;gap:var(--space-stack-md);max-width:420px}.pp-direction-card{width:100%}.pp-direction-card-content{display:flex;flex-direction:column;gap:var(--space-stack-md)}.pp-direction-field{display:flex;flex-direction:column;gap:var(--space-inset-xs)}.pp-direction-field-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inset-sm)}.pp-direction-link{height:auto;padding:0;font-size:var(--type-scale-2)}.pp-direction-card-footer{display:flex;flex-direction:column;gap:var(--space-inset-sm)}.pp-direction-primary{width:100%}@media(min-width:640px){.pp-btn-group-back{display:inline-flex}}.pp-command-panel{width:min(100%,420px)}.pp-collapsible-card{max-width:420px;padding:var(--space-inset-sm) var(--space-inset-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised, var(--bg))}.pp-collapsible-settings .ds-collapsible-trigger-label{display:flex;justify-content:space-between;align-items:center;gap:var(--space-inset-sm)}.pp-collapsible-settings-label{font-weight:var(--font-weight-control, var(--type-weight-medium));color:var(--text)}.pp-collapsible-settings-value{font-size:var(--type-scale-2);color:var(--text-muted)}.pp-collapsible-tree{max-width:280px;padding:var(--space-inset-sm) var(--space-inset-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--type-scale-3);font-family:var(--font-mono, ui-monospace, monospace)}.pp-collapsible-tree-node .ds-collapsible-trigger{padding:2px 0;font-family:inherit;font-size:inherit}.pp-collapsible-tree-children{display:flex;flex-direction:column;gap:2px;padding-left:var(--space-inset-md)}.pp-collapsible-tree-leaf{display:block;padding:2px 0;color:var(--text-secondary)}.pp-resizable-demo{height:180px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pp-resizable-panel{display:flex;flex-direction:column;gap:var(--space-inset-xs);height:100%;padding:var(--space-inset-md);background:var(--card, var(--background, var(--bg)))}.pp-resizable-panel-sidebar{background:var(--muted, var(--surface-raised))}.pp-resizable-panel-label{font-size:var(--type-size-ui);font-weight:var(--type-weight-semibold)}.pp-sidebar-demo{height:320px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pp-sidebar-demo .ds-sidebar-provider{height:100%;min-height:0}.pp-sidebar-inset-header{display:flex;align-items:center;gap:var(--space-inset-sm);height:var(--header-height);padding-inline:var(--space-inset-md);border-bottom:1px solid var(--border)}.pp-sidebar-inset-title{font-size:var(--type-size-ui);font-weight:var(--type-weight-semibold)}.pp-sidebar-inset-body{flex:1;padding:var(--space-inset-md)}.pp-accordion-body{margin:0;font-size:var(--type-scale-3);color:var(--text-secondary);line-height:1.5}.pp-calendar-surface{border:1px solid var(--border);border-radius:var(--radius-md)}.ds-date-picker-content .pp-calendar-surface{border:none;border-radius:inherit}.pp-alert-warning{border-color:color-mix(in oklab,var(--yellow) 40%,transparent);background:color-mix(in oklab,var(--yellow) 8%,var(--card, var(--surface, var(--bg))));color:var(--foreground, var(--text))}.pp-alert-warning>svg{color:var(--yellow)}.pp-alert-warning [data-slot=alert-description]{color:color-mix(in oklab,var(--foreground, var(--text)) 75%,transparent)}.pp-deprecation-banner{margin-block:var(--space-3) var(--space-2)}.pp-deprecation-alternatives{display:block;margin-top:var(--space-1)}.pp-deprecation-link{padding:0;border:none;background:none;font:inherit;color:var(--accent, var(--primary));text-decoration:underline;text-underline-offset:2px;cursor:pointer}.pp-deprecation-link:hover{color:color-mix(in oklab,var(--accent, var(--primary)) 80%,var(--text))}.pp-deprecated-badge{display:inline-block;margin-left:var(--space-2);padding:var(--space-inset-xs) var(--space-inset-sm);border-radius:var(--radius-pill);font-size:var(--type-scale-1);font-weight:var(--type-weight-semibold);letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;color:var(--yellow);background:color-mix(in oklab,var(--yellow) 12%,transparent)}.pp-specimen--deprecated>h2,.pp-specimen--deprecated>.pp-specimen-name{color:color-mix(in oklab,var(--text) 75%,var(--yellow))}.pp-progress-narrow{width:100%;max-width:24rem}.pp-progress-controlled{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:24rem}.pp-slider-narrow{width:100%;max-width:24rem}.pp-slider-row{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:24rem}.pp-slider-vertical-wrap{display:flex;align-items:flex-start;height:11rem}.pp-slider-vertical{height:100%}.pp-alert-dialog-media-destructive{background:color-mix(in oklab,var(--destructive, var(--red)) 12%,transparent);color:var(--destructive, var(--red))}.pp-badge-blue{background:color-mix(in oklab,var(--accent) 12%,var(--surface-raised));color:var(--accent);border-color:transparent}.pp-badge-green{background:var(--green-muted);color:var(--green);border-color:transparent}.pp-badge-purple{background:var(--purple-muted);color:var(--purple);border-color:transparent}.pp-badge-loader{width:12px;height:12px}.pp-badge-loader :global(.ds-loader-spinner){width:100%;height:100%}.pp-loader-input-group,.pp-loader-item,.pp-loader-empty{width:min(100%,420px)}.pp-loader-orb-grid{display:grid;grid-template-columns:repeat(5,minmax(56px,1fr));gap:var(--space-3) var(--space-stack-md);width:min(100%,420px)}.pp-loader-orb-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-stack-sm)}.pp-loader-orb-label{font-size:var(--type-size-micro);font-weight:var(--type-weight-medium);color:var(--text-muted);letter-spacing:.04em}@media(max-width:520px){.pp-loader-orb-grid{grid-template-columns:repeat(3,minmax(56px,1fr))}}.pp-loader-empty :global([data-slot=empty-media]){color:var(--primary, var(--accent))}.pp-loading-overlay-demo{position:relative;width:min(100%,620px);min-height:360px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.pp-loading-overlay-backdrop{display:grid;gap:var(--space-stack-md);padding:var(--space-section-lg)}.pp-loading-overlay-backdrop span{display:block;height:64px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-raised) 82%,transparent)}.pp-aspect-ratio-demo{width:min(100%,420px)}.pp-aspect-ratio-demo-square{width:min(100%,200px)}.pp-aspect-ratio-frame{overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border)}.pp-aspect-ratio-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--muted, var(--surface-raised));color:var(--muted-foreground, var(--text-muted));font-size:var(--type-scale-3);font-weight:var(--type-weight-medium);object-fit:cover}.pp-hover-title{display:block;margin-bottom:var(--space-2);font-size:var(--type-scale-3);color:var(--text)}.pp-tooltip-side-grid{flex-wrap:wrap;gap:var(--space-inset-md)}.pp-tooltip-kbd-row{display:inline-flex;align-items:center;gap:var(--space-inset-sm)}.pp-tooltip-disabled-wrap{display:inline-flex;border-radius:var(--radius-control)}.pp-hover-desc{margin:0;font-size:var(--type-scale-2);color:var(--text-muted);line-height:1.45}.pp-hover-profile-trigger{padding:0;font-weight:var(--type-weight-semibold)}.pp-hover-profile-card{width:320px}.pp-hover-profile{display:flex;gap:var(--space-inset-md);align-items:flex-start}.pp-hover-profile-body{display:flex;flex:1;flex-direction:column;gap:var(--space-stack-xs);min-width:0}.pp-hover-profile-name{font-size:var(--type-scale-3);font-weight:var(--type-weight-semibold);color:var(--text)}.pp-hover-profile-handle{font-size:var(--type-scale-2);color:var(--text-muted)}.pp-hover-profile-bio{margin:var(--space-1) 0 0;font-size:var(--type-scale-2);color:var(--text);line-height:1.45}.pp-hover-profile-meta{display:flex;flex-direction:column;gap:var(--space-stack-xs);margin-top:var(--space-2);font-size:var(--type-scale-1);color:var(--text-muted)}.pp-hover-profile-meta strong{color:var(--text);font-weight:var(--type-weight-semibold)}.pp-tab-panel{margin:var(--space-3) 0 0;font-size:var(--type-scale-3);color:var(--text-secondary);line-height:1.5}.pp-tabs-vertical-demo{max-width:28rem}.pp-scroll-line{margin:0 0 var(--space-2);font-size:var(--type-scale-2);font-family:var(--mono);color:var(--text-secondary)}.pp-context-hit{padding:var(--space-inset-xl);text-align:center;font-size:var(--type-scale-3);color:var(--text-muted);background:color-mix(in srgb,var(--text) 3%,var(--bg));border-radius:var(--radius-md);border:.5px dashed color-mix(in srgb,var(--border) 60%,transparent);width:100%;box-sizing:border-box}.pp-context-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-stack-sm)}.pp-context-menu-note{grid-column:1 / -1;margin:0}.pp-dropdown-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-stack-sm);align-items:start}.pp-dropdown-menu-note{grid-column:1 / -1;margin:0}.pp-menubar-wrap{display:flex;flex-direction:column;gap:var(--space-stack-sm);align-items:flex-start}.pp-menubar-note{margin:0}.pp-navigation-menu-wrap{display:flex;flex-direction:column;gap:var(--space-stack-sm);align-items:flex-start;min-height:280px}.pp-skel-col{display:flex;flex-direction:column;gap:var(--space-stack-sm);flex:1;min-width:0}.pp-skeleton-text{display:flex;flex-direction:column;gap:var(--space-stack-sm);width:min(100%,320px)}.pp-skeleton-card{width:min(100%,320px)}.pp-skeleton-card-header{display:flex;flex-direction:column;gap:var(--space-stack-sm)}.pp-skeleton-card-media{border-radius:var(--radius-lg)}.pp-skeleton-form{display:flex;flex-direction:column;gap:var(--space-stack-md);width:min(100%,320px)}.pp-skeleton-form-field{display:flex;flex-direction:column;gap:var(--space-stack-sm)}.pp-skeleton-table{display:flex;flex-direction:column;gap:var(--space-stack-sm);width:min(100%,420px)}.pp-demo-scroll-wrap{height:160px;overflow:hidden}.pp-demo-scroll-wrap :global(.ds-scroll-area-root){height:100%;max-height:160px}.pp-demo-scroll-wrap :global(.ds-scroll-area){padding:var(--space-inset-md) 0}.pp-motion-panel{margin-top:var(--space-2);padding:var(--space-inset-lg) var(--space-5);border-radius:var(--radius-md);border:.5px solid color-mix(in srgb,var(--border-subtle) 60%,transparent);background:var(--surface)}.pp-motion-copy{margin:0;font-size:var(--type-scale-3);color:var(--text-secondary);line-height:1.45}.pp-search-stack{display:flex;flex-direction:column;gap:var(--space-stack-md)}.pp-popover-search-demo{padding:var(--space-inset-xs) 0}.pp-ref-list{display:flex;flex-direction:column;gap:var(--space-stack-sm);margin:0}.pp-ref-row{display:grid;grid-template-columns:140px 1fr;gap:var(--space-inset-sm);align-items:start;padding:var(--space-inset-sm) 0;border-bottom:.5px solid color-mix(in srgb,var(--border-subtle) 50%,transparent)}.pp-ref-row:last-child{border-bottom:none}.pp-ref-row dt{margin:0;font-size:var(--type-scale-2);font-weight:var(--type-weight-semibold);color:var(--text)}.pp-ref-row dd{margin:0;font-size:var(--type-scale-2);color:var(--text-muted);line-height:1.45}.pp-ref-row dd code{font-size:var(--type-scale-1)}.pp-token-groups,.pp-context-grid,.pp-coverage-list{display:grid;gap:var(--space-stack-md)}.pp-token-group,.pp-context-card,.pp-coverage-row,.pp-header-demo,.pp-resize-demo{border:.5px solid var(--pattern-border-subtle);border-radius:var(--radius-card);background:var(--surface-flat)}.pp-token-group{padding:var(--space-inset-md)}.pp-token-group h3{margin:0 0 var(--space-stack-sm);font-size:var(--type-scale-2)}.pp-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-stack-sm) var(--space-3)}.pp-token-row{display:flex;justify-content:space-between;gap:var(--space-stack-sm);font-size:var(--type-scale-1);color:var(--text-muted)}.pp-token-row code{color:var(--text-secondary)}.pp-popover-demo{padding:var(--space-inset-lg);max-width:360px}.pp-popover-align-grid{display:flex;flex-wrap:wrap;gap:var(--space-stack-sm)}.pp-popover-align-copy{margin:0;font-size:var(--type-size-caption)}.pp-popover-anchor-demo{display:inline-flex;align-items:center;gap:var(--space-stack-md)}.pp-popover-anchor-marker{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:var(--compact-height, 28px);padding:0 var(--space-inset-sm);border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--type-size-caption);color:var(--muted-foreground, var(--text-muted))}.pp-panel-demo,.pp-dialog-demo{padding:var(--space-inset-lg);max-width:360px}.pp-panel-demo h3,.pp-dialog-demo h3,.pp-popover-demo p,.pp-dialog-copy{margin:0 0 var(--space-stack-sm)}.pp-dialog-form{display:flex;flex-direction:column;gap:var(--space-stack-sm)}.pp-motion-demo{padding:var(--space-inset-md);border:.5px solid var(--pattern-border-subtle);border-radius:var(--radius-md);background:var(--surface)}.pp-header-demo{overflow:hidden}.pp-resize-demo,.pp-context-split{display:flex;align-items:stretch;min-height:56px}.pp-resize-demo>div,.pp-context-split>span{flex:1;padding:var(--space-inset-md);color:var(--text-muted)}.pp-context-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.pp-context-card{padding:var(--space-inset-md);min-height:124px}.pp-context-meta{display:flex;justify-content:space-between;gap:var(--space-stack-sm);margin-bottom:var(--space-stack-sm);font-size:var(--type-scale-2)}.pp-context-meta code{color:var(--text-muted);font-size:var(--type-scale-1)}.pp-context-tabs{display:flex;align-items:center;gap:var(--space-stack-xs);border-bottom:1px solid var(--border)}.pp-context-tab{padding:var(--space-inset-sm) var(--space-inset-sm);color:var(--text-muted);font-size:var(--type-scale-2)}.pp-context-tab--active{color:var(--text);border-bottom:2px solid var(--accent)}.pp-context-list>div{display:flex;justify-content:space-between;padding:var(--space-inset-sm) 0;border-bottom:.5px solid var(--pattern-border-subtle);font-size:var(--type-scale-2)}.pp-context-list small{color:var(--text-muted)}.pp-context-chat{display:grid;grid-template-columns:1fr auto;gap:var(--space-stack-sm)}.pp-context-tool{grid-column:1 / -1;font-size:var(--type-scale-1);color:var(--text-muted);padding:var(--space-inset-sm);border-radius:var(--radius-xs);background:var(--muted)}.pp-context-plugin{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-stack-sm);color:var(--text-muted);font-size:var(--type-scale-2)}.pp-context-native{color:var(--text-muted);font-size:var(--type-scale-2);line-height:1.45;padding:var(--space-inset-sm);border-left:2px solid var(--accent)}.pp-context-settings{padding-top:var(--space-inset-xs)}.pp-context-command{width:100%;max-height:140px;overflow:hidden;border:.5px solid var(--pattern-border-subtle);border-radius:var(--radius-md)}.pp-coverage-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-inset-sm) var(--space-inset-md);font-size:var(--type-scale-2)}@media(max-width:960px){.pp-root{--pp-compact-index-height: var(--space-11);--pp-page-inline: var(--space-inset-md);--pp-page-top: var(--space-inset-md);--pp-page-bottom: calc(var(--space-section-lg) + var(--content-safe-bottom, 0px))}.pp-layout{flex-direction:column;gap:var(--space-stack-md);max-width:720px;padding:var(--pp-page-top) var(--pp-page-inline) var(--pp-page-bottom)}.pp-sidebar{position:sticky;top:var(--pp-sticky-header-height);z-index:1;display:flex;gap:var(--space-inset-xs);width:calc(100% + var(--space-inset-md) + var(--space-inset-md));max-height:none;overflow-x:auto;overflow-y:hidden;margin:0 calc(-1 * var(--space-inset-md));padding:var(--space-inset-xs) var(--space-inset-md);border-bottom:.5px solid color-mix(in srgb,var(--border-subtle) 50%,transparent);background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px);scrollbar-width:none}.pp-sidebar::-webkit-scrollbar{display:none}.pp-sidebar-title,.pp-nav{display:none}.pp-nav-batch{flex:0 0 auto;margin:0}.pp-nav-batch-heading{margin:0;padding:var(--space-inset-sm) var(--space-inset-md);border:.5px solid color-mix(in srgb,var(--border-subtle) 70%,transparent);background:var(--surface);white-space:nowrap}.pp-batch-anchor,.pp-specimen{scroll-margin-top:calc(var(--pp-sticky-header-height) + var(--pp-compact-index-height) + var(--space-stack-md))}}@media(max-width:640px){.pp-catalog-header{padding:0}.pp-catalog-toolbar{flex-direction:column-reverse;align-items:stretch;gap:0}.pp-header-actions{align-self:flex-end;margin:0;padding:var(--space-inset-xs) var(--space-inset-lg) 0}.pp-recipe-header-controls{justify-content:flex-end}.pp-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;padding:0 var(--space-inset-lg) 0}.pp-tabs::-webkit-scrollbar{display:none}.pp-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-stack-md) var(--space-3)}.pp-measure-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-stack-sm) var(--space-3)}.pp-measure-track{grid-column:1 / -1}.pp-measure-value{text-align:left}.pp-recipe-code{padding:var(--space-inset-sm);font-size:var(--type-scale-1)}.pp-recipe-lab-controls,.pp-recipe-metadata,.pp-recipe-snippets,.pp-recipe-hosted-variant{grid-template-columns:1fr}.pp-recipe-lab-panel-header,.pp-recipe-live-heading,.pp-recipe-compact-slot{flex-direction:column;align-items:stretch}.pp-recipe-host-label{align-self:flex-start}.pp-recipe-ownership,.pp-recipe-detail-grid{grid-template-columns:1fr}.pp-recipe-utility-bar{flex-direction:column}.pp-token-grid{grid-template-columns:1fr}.pp-ref-row{grid-template-columns:1fr;gap:var(--space-stack-xs)}}.pp-doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 180px;gap:var(--space-8);max-width:1440px;margin:0 auto;padding:var(--space-6);align-items:start}.pp-doc-nav,.pp-doc-toc{position:sticky;top:calc(var(--pp-sticky-header-height) + var(--space-6));max-height:calc(100dvh - var(--pp-sticky-header-height) - var(--space-24));overflow-y:auto;scrollbar-width:thin}.pp-doc-group{margin-top:var(--space-6)}.pp-doc-group h2,.pp-doc-toc p{font-size:var(--type-size-ui);font-weight:var(--type-weight-semibold);margin:0 0 var(--space-2)}.pp-doc-link,.pp-doc-toc button{display:flex;width:100%;align-items:center;gap:var(--space-2);text-align:left;border:0;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--type-size-ui);cursor:pointer}.pp-doc-link:hover,.pp-doc-toc button:hover{color:var(--text);background:var(--hover)}.pp-doc-link--active{color:var(--text);background:var(--surface);font-weight:var(--type-weight-medium)}.pp-doc-link:focus-visible,.pp-doc-toc button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pp-doc-deprecated{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--text-muted);font-size:var(--type-size-caption)}.pp-doc-content{min-width:0}.pp-doc-intro{padding:var(--space-6) 0 var(--space-8)}.pp-doc-eyebrow{color:var(--text-muted);font-size:var(--type-size-caption)}.pp-doc-intro h1{font-size:var(--type-size-title);letter-spacing:-.025em;margin:var(--space-3) 0}.pp-doc-intro>p:last-child{color:var(--text-muted);font-size:var(--type-size-body)}.pp-docs .pp-catalog-body,.pp-docs .pp-patterns-body{max-width:none;padding:0 0 var(--space-16)}.pp-docs .pp-layout{display:block;padding:0;max-width:none}.pp-docs .primitives-preview{max-width:none;margin:0;padding:0 0 var(--space-16)}.pp-docs .pp-specimen-body{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.pp-doc-empty{color:var(--text-muted);padding-block:var(--space-4)}.pp-docs [hidden]{display:none!important}@media(max-width:1200px){.pp-doc-layout{grid-template-columns:200px minmax(0,1fr)}.pp-doc-toc{display:none}}@media(max-width:720px){.pp-doc-layout{grid-template-columns:minmax(0,1fr);padding:var(--space-4);gap:var(--space-4)}.pp-doc-nav{position:static;max-height:240px;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4)}.pp-doc-intro{padding-block:var(--space-4)}.pp-docs .pp-catalog-toolbar{flex-wrap:wrap}.pp-docs .pp-tabs{overflow-x:auto}.pp-docs .pp-header-actions{margin:0 0 var(--space-2)}}