.pf-explorer{--explorer-ink:var(--pf-color-soft-pearl-900);container-type:inline-size;color:var(--pf-color-soft-pearl-1000);font-family:var(--pf-font-body);font-size:13px;line-height:1.5;margin-block:var(--pf-spacing-3xl)}.pf-asset-page *,.pf-explorer *{box-sizing:border-box}.pf-explorer-tone-quiet{--explorer-ink:var(--pf-color-soft-pearl-800)}.pf-explorer-tone-strong{--explorer-ink:var(--pf-color-soft-pearl-1000)}.pf-explorer-tone-brand{--explorer-ink:var(--pf-color-blue-700)}.pf-explorer-tone-destructive{--explorer-ink:var(--pf-color-red-700)}.pf-explorer-close,.pf-explorer-more,.pf-explorer-tile{font:inherit;color:inherit}.pf-explorer button{cursor:pointer}.pf-explorer button:disabled{cursor:default;opacity:.4}.pf-explorer :is(.pf-explorer-tile,.pf-explorer-more,.pf-explorer-close):focus-visible{outline:2px solid var(--pf-color-blue-700);outline-offset:3px}.pf-explorer-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:var(--pf-spacing-xl)}.pf-explorer-search{display:grid;gap:var(--pf-spacing-sm);flex:1 1 220px}.pf-explorer-customizer{display:flex;gap:var(--pf-spacing-xs);flex-wrap:wrap}.pf-explorer-customizer button{min-height:44px;padding:var(--pf-spacing-sm) var(--pf-spacing-md);border:1px solid transparent;border-radius:var(--pf-radius-md);background:transparent}.pf-explorer-customizer button[aria-pressed=true]{border-color:var(--pf-color-soft-pearl-400);background:var(--pf-color-blue-100)}.pf-explorer-count{color:var(--pf-color-soft-pearl-800);font-size:12px}.pf-explorer-category{margin-block:var(--pf-spacing-3xl)}.pf-explorer-category h2{margin:0 0 var(--pf-spacing-lg);font-size:14px;font-weight:500}.pf-explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(104px,100%),1fr));gap:var(--pf-spacing-sm)}.pf-explorer-tile{position:relative;display:grid;place-items:center;min-height:100px;align-content:center;gap:var(--pf-spacing-md);padding:var(--pf-spacing-lg) var(--pf-spacing-sm);min-width:0;border:1px solid transparent;border-radius:var(--pf-radius-md);background:transparent}.pf-explorer-tile-artwork{color:var(--explorer-ink);display:flex;align-items:center;justify-content:center}.pf-explorer-tooltip{z-index:102;max-width:min(240px,calc(100vw - 32px));padding:var(--pf-spacing-sm) var(--pf-spacing-md);border-radius:var(--pf-radius-sm);background:var(--pf-color-soft-pearl-1000);color:var(--pf-color-soft-pearl-100);font:12px/1.5 var(--pf-font-body);overflow-wrap:anywhere}.pf-explorer-tile:active{transform:scale(.97)}.pf-explorer-more{display:block;margin:var(--pf-spacing-3xl) auto;padding:var(--pf-spacing-md) var(--pf-spacing-xl);min-height:44px;background:transparent;border:1px solid var(--pf-color-soft-pearl-400);border-radius:var(--pf-radius-md)}.pf-explorer-backdrop{position:fixed;inset:0;z-index:100;background:#0006}.pf-explorer-popup{position:fixed;z-index:101;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--pf-color-background);border-radius:var(--pf-radius-lg);border:1px solid var(--pf-color-soft-pearl-300)}.pf-explorer-dialog-title{margin:0;padding:var(--pf-spacing-xl);padding-inline-end:56px;font-size:16px;overflow-wrap:anywhere}.pf-explorer .pf-explorer-close{position:absolute;inset-block-start:var(--pf-spacing-sm);inset-inline-end:var(--pf-spacing-sm);width:44px;height:44px;border:0;background:transparent;font-size:24px}.pf-explorer-popup .pf-explorer-inspector{border:0;border-radius:0}.pf-explorer-inspector{min-width:0;border:1px solid var(--pf-color-soft-pearl-300);border-radius:var(--pf-radius-lg);overflow:hidden;background:var(--pf-color-background)}.pf-explorer-inspector-preview{display:grid;place-items:center;min-height:104px;color:var(--explorer-ink);background-color:var(--pf-color-soft-pearl-100);background-image:radial-gradient(var(--pf-color-soft-pearl-400) .6px,transparent .6px);background-size:12px 12px;border-bottom:1px solid var(--pf-color-soft-pearl-300)}.pf-explorer-inspector-preview>span:not(.pf-asset){font-size:12px;color:var(--pf-color-soft-pearl-800)}.pf-explorer-inspector-body{padding:var(--pf-spacing-xl)}.pf-explorer p.pf-explorer-eyebrow{font-size:12px;color:var(--pf-color-soft-pearl-800);margin:0 0 var(--pf-spacing-xs)}.pf-explorer-inspector h2{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.pf-explorer p.pf-explorer-mono{margin:var(--pf-spacing-xs) 0 var(--pf-spacing-xl);font-family:ui-monospace,monospace;font-size:11px;color:var(--pf-color-soft-pearl-800);overflow-wrap:anywhere}.pf-explorer-inspector dl{margin:0 0 var(--pf-spacing-xl)}.pf-explorer-inspector dl>div{display:flex;justify-content:space-between;gap:var(--pf-spacing-md);padding-block:var(--pf-spacing-xs)}.pf-explorer-inspector dt{color:var(--pf-color-soft-pearl-800)}.pf-explorer-inspector dd{margin:0;font-size:12px;text-align:right}.pf-explorer-code-heading{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--pf-color-soft-pearl-300);border-bottom:0;border-radius:var(--pf-radius-md) var(--pf-radius-md) 0 0;background:var(--pf-color-soft-pearl-100);padding:var(--pf-spacing-sm) var(--pf-spacing-md);font-size:11px}.pf-explorer-code-heading button{border:0;padding:2px;background:transparent;color:var(--pf-color-blue-700)}.pf-explorer pre{background:var(--pf-color-soft-pearl-100);border:1px solid var(--pf-color-soft-pearl-300);border-radius:0 0 var(--pf-radius-md) var(--pf-radius-md);padding:var(--pf-spacing-md);font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.pf-explorer pre code{padding:0;border:0;background:none;font:inherit}.pf-explorer p.pf-explorer-copy-status{font-size:11px;color:var(--pf-color-green-800);min-height:16px;margin:var(--pf-spacing-xs) 0}.pf-explorer p.pf-explorer-hint,.pf-explorer p.pf-explorer-pending-note{font-size:11px;line-height:1.6;color:var(--pf-color-soft-pearl-800);margin:var(--pf-spacing-md) 0 var(--pf-spacing-xl)}.pf-explorer-source{color:var(--pf-color-soft-pearl-900);text-decoration:none;border-top:1px solid var(--pf-color-soft-pearl-300);padding-top:var(--pf-spacing-lg)}.pf-explorer-pagination,.pf-explorer-source{display:flex;justify-content:space-between;font-size:12px}.pf-explorer-pagination{align-items:center;padding-top:var(--pf-spacing-xl);color:var(--pf-color-soft-pearl-800)}.pf-explorer-empty button,.pf-explorer-pagination button{border:1px solid var(--pf-color-soft-pearl-300);border-radius:var(--pf-radius-md);background:var(--pf-color-background);padding:var(--pf-spacing-sm) var(--pf-spacing-lg)}.pf-explorer-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pf-explorer-empty h2{font-size:16px;margin:0}.pf-explorer-empty p{color:var(--pf-color-soft-pearl-800)}.pf-asset-page{min-height:100vh;padding:clamp(24px,4vw,64px);background:var(--pf-color-background);color:var(--pf-color-soft-pearl-1000);font-family:var(--pf-font-body)}.pf-asset-page-inner{max-width:1160px;margin-inline:auto}.pf-asset-page header>p:first-child{font-size:12px;color:var(--pf-color-soft-pearl-800);margin:0 0 var(--pf-spacing-lg)}.pf-asset-page h1{font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.03em;margin:0 0 var(--pf-spacing-md)}.pf-asset-page header>p:last-of-type{max-width:640px;font-size:15px;line-height:1.6;color:var(--pf-color-soft-pearl-800);margin:0}.pf-asset-page-links{display:flex;gap:var(--pf-spacing-xl);padding-block:var(--pf-spacing-xl);font-size:12px;border-bottom:1px solid var(--pf-color-soft-pearl-300)}.pf-asset-page-links a{color:var(--pf-color-blue-700);text-decoration:none}@media (hover:hover) and (pointer:fine){.pf-explorer-tile:hover{background:var(--pf-color-blue-100)}}.pf-gallery-stress{width:320px;max-width:100%}.pf-explorer-filter{display:grid;gap:var(--pf-spacing-sm);flex:0 1 180px;min-width:0}.pf-explorer-search{min-width:0}.pf-explorer-tile-label{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--pf-color-soft-pearl-800)}.pf-explorer-grid{padding-block:var(--pf-spacing-lg);border-block:1px solid var(--pf-color-soft-pearl-300)}.pf-explorer-code-heading button{min-height:44px;padding-inline:var(--pf-spacing-md)}@container (max-width: 420px){.pf-explorer-filter{flex-grow:1}.pf-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pf-component-example{margin-block:var(--pf-spacing-3xl);border:1px solid var(--pf-color-soft-pearl-300);border-radius:var(--pf-radius-lg);color:var(--pf-color-soft-pearl-1000);background:var(--pf-color-background)}.pf-example-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--pf-spacing-md);padding:var(--pf-spacing-md) var(--pf-spacing-lg);border-bottom:1px solid var(--pf-color-soft-pearl-300)}.pf-example-tabs{display:flex;gap:var(--pf-spacing-xs)}.pf-example-copy,.pf-example-tabs button{border:0;border-radius:var(--pf-radius-sm);padding:var(--pf-spacing-sm) var(--pf-spacing-md);font:500 12px/16px var(--pf-font-body);color:var(--pf-color-soft-pearl-800);background:transparent;cursor:pointer}.pf-example-tabs button[data-active]{background:var(--pf-color-soft-pearl-200);color:var(--pf-color-soft-pearl-1000)}.pf-example-copy:focus-visible,.pf-example-tabs button:focus-visible{outline:2px solid var(--pf-color-blue-700);outline-offset:2px}.pf-example-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--pf-spacing-lg);min-height:220px;padding:var(--pf-spacing-3xl)}.pf-example-source{position:relative;padding:var(--pf-spacing-3xl);max-height:440px;min-width:0;overflow:auto;background:#f6f8fa;color:#24292e;border-radius:0 0 var(--pf-radius-lg) var(--pf-radius-lg)}.pf-example-language{margin-bottom:var(--pf-spacing-lg);font:500 11px/16px var(--pf-font-body);color:#57606a;letter-spacing:.06em}.pf-example-code-body{display:grid;grid-template-columns:auto 1fr;gap:var(--pf-spacing-xl);min-width:max-content}.pf-example-line-numbers,.pf-example-source pre,.pf-example-source pre code{display:block;width:max-content;min-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;tab-size:2}.pf-example-line-numbers{color:#57606a;text-align:right;user-select:none}.pf-example-source code:after,.pf-example-source code:before{content:none}.pf-example-source:focus-visible{outline:2px solid var(--pf-color-blue-700);outline-offset:-2px}.pf-example-specimen{display:flex;flex-direction:column;align-items:center;gap:var(--pf-spacing-lg)}.pf-example-caption{font:400 12px/16px var(--pf-font-body);color:var(--pf-color-soft-pearl-800)}.pf-controls-demo{box-sizing:border-box;width:100%;min-height:320px;color:var(--pf-color-soft-pearl-1000);background:var(--pf-color-background);border:1px solid var(--pf-color-soft-pearl-300);border-radius:var(--pf-radius-lg);font:400 13px/20px var(--pf-font-body)}.pf-demo-options{display:flex;flex-wrap:wrap;gap:var(--pf-spacing-xl);padding:var(--pf-spacing-xl);border-bottom:1px solid var(--pf-color-soft-pearl-300)}.pf-demo-options label{display:flex;align-items:center;gap:var(--pf-spacing-sm)}.pf-demo-stage{padding:var(--pf-spacing-3xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--pf-spacing-3xl);min-width:0}.pf-demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pf-spacing-lg);max-width:100%}.pf-controls-demo>output{display:block;padding:var(--pf-spacing-xl);color:var(--pf-color-soft-pearl-800)}.pf-demo-sortable{width:100%;max-width:480px}.pf-demo-sort-list{list-style:none;padding:0;margin:0}.pf-demo-sort-row{display:flex;align-items:center;gap:var(--pf-spacing-lg);padding:var(--pf-spacing-lg);border:1px solid var(--pf-color-soft-pearl-300);border-radius:var(--pf-radius-md);background:var(--pf-color-background);margin-block:var(--pf-spacing-xs)}.pf-demo-sort-row>span:not(.pf-control-sr){flex:1;min-width:0;overflow-wrap:anywhere}.pf-demo-sort-row[data-dragging]{position:relative;z-index:1;box-shadow:var(--pf-shadow-raised);outline:2px solid var(--pf-color-blue-700);touch-action:none}@media (hover:hover){.pf-demo-sort-row:not(:hover):not(:focus-within) .pf-drag-handle{opacity:0}}@media (prefers-reduced-motion:reduce){.pf-demo-sort-row{transition:none!important}}.pf-demo-sort-row .pf-drag-handle{touch-action:manipulation}.pf-demo-sort-row{position:relative}.pf-demo-sort-row[data-drop-target]:before{content:"";position:absolute;inset-inline:0;top:-3px;height:2px;background:var(--pf-color-blue-700)}.pf-demo-sort-row[data-drop-target]:after{content:"";position:absolute;inset-inline-start:-3px;top:-5px;width:6px;height:6px;border-radius:var(--pf-radius-full);background:var(--pf-color-blue-700)}.pf-ai-example{width:100%;max-width:736px;min-width:0;font-family:var(--pf-font-body)}.pf-ai-example>*+*{margin-top:12px}.pf-ai-attachment-row{display:flex;flex-wrap:wrap;gap:6px}.pf-ai-context-editor{padding:16px;border:.5px solid var(--pf-color-soft-pearl-400);border-radius:20px;background:var(--pf-color-background);box-shadow:var(--pf-shadow-soft)}.pf-ai-mobile-layout{display:flex;flex-direction:column;width:100%;max-width:736px;height:min(600px,var(--pf-demo-viewport-height,100dvh));overflow:hidden;border:1px solid var(--pf-color-soft-pearl-300);border-radius:12px}.pf-ai-mobile-history{flex:1;min-height:0;overflow-y:auto;padding:16px}.pf-ai-mobile-footer{flex-shrink:0;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.pf-ai-example-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pf-ai-conversation-example{height:640px;width:100%;border:1px solid var(--pf-color-soft-pearl-300);border-radius:12px}.pf-ai-conversation-footer{display:flex;flex-direction:column;gap:12px}.pf-ai-output-card-example{width:292px;max-width:100%}.pf-ai-output-column{display:flex;flex-direction:column;gap:8px;min-width:0}.pf-ai-output-layout{font-family:var(--pf-font-body);color:var(--pf-color-soft-pearl-1000);width:100%;min-width:0}.pf-ai-output-layout>header{justify-content:space-between;margin-bottom:12px}.pf-ai-output-workspace{display:flex;gap:16px;min-width:0;align-items:flex-start}.pf-ai-output-thread{flex:1;min-width:0}.pf-ai-output-workspace>aside{width:292px;flex-shrink:0}.pf-ai-workflow-conversation{height:700px}.pf-ai-workflow-note{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--pf-color-soft-pearl-800)}.pf-upload-example{display:flex;flex-direction:column;gap:8px;width:480px;max-width:100%;min-width:0}.pf-choice-demo-children,.pf-choice-demo-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pf-spacing-md)}.pf-choice-demo-children{padding-inline-start:var(--pf-spacing-3xl)}.pf-choice-playground{box-sizing:border-box;min-height:100vh;padding:var(--pf-spacing-3xl);background:var(--pf-color-background);color:var(--pf-color-soft-pearl-1000);font-family:var(--pf-font-body)}.pf-choice-playground h1{font:500 20px/28px var(--pf-font-body);margin:0 0 var(--pf-spacing-xl)}.pf-choice-demo-toolbar{display:flex;flex-wrap:wrap;gap:var(--pf-spacing-xl);align-items:center;margin-bottom:var(--pf-spacing-3xl)}.pf-choice-demo-toolbar button{border:1px solid var(--pf-color-soft-pearl-400);border-radius:var(--pf-radius-sm);padding:var(--pf-spacing-md) var(--pf-spacing-lg);background:var(--pf-color-background);color:inherit;font:inherit;cursor:pointer}.pf-choice-playground section{padding-block:var(--pf-spacing-xl)}.pf-feedback-column{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:640px;font:400 13px/20px var(--pf-font-body)}.pf-feedback-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;max-width:100%}.pf-feedback-playground{box-sizing:border-box;min-height:100vh;padding:24px;background:var(--pf-color-background);color:var(--pf-color-soft-pearl-1000);font-family:var(--pf-font-body)}.pf-feedback-playground>section{margin-top:32px}.pf-feedback-column output:empty{display:none}.pf-navigation-example{width:100%;max-width:640px;min-width:0;overflow-wrap:anywhere;color:var(--pf-color-soft-pearl-1000);font:400 13px/20px var(--pf-font-body)}.pf-navigation-example input{max-width:100%;box-sizing:border-box}.pf-navigation-example output:empty{display:none}.pf-navigation-playground{min-height:100vh;box-sizing:border-box;padding:24px;background:var(--pf-color-background);color:var(--pf-color-soft-pearl-1000);font:400 13px/20px var(--pf-font-body)}.pf-navigation-playground section{margin-top:32px}.pf-navigation-playground header{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pf-navigation-example-wide{max-width:none}