.dev-prose{color:var(--foreground);font-size:15px;line-height:1.7}.dev-prose>*+*{margin-top:1rem}.dev-prose h2,.dev-prose h3,.dev-prose h4{letter-spacing:-.01em;color:var(--foreground);scroll-margin-top:88px;font-weight:400}.dev-prose h2{margin-top:2.5rem;font-size:1.5rem}.dev-prose h3{margin-top:2rem;font-size:1.15rem}.dev-prose h4{margin-top:1.5rem;font-size:1rem}.dev-prose .heading-anchor{color:var(--muted-foreground);opacity:0;margin-left:.4em;text-decoration:none}.dev-prose h2:hover .heading-anchor,.dev-prose h3:hover .heading-anchor,.dev-prose h4:hover .heading-anchor{opacity:1}.dev-prose p,.dev-prose li{color:color-mix(in oklab, var(--foreground) 86%, var(--muted-foreground))}.dev-prose a{color:var(--brand-ink);text-underline-offset:3px;text-decoration:underline}.dev-prose a:hover{color:var(--brand)}.dev-prose ul,.dev-prose ol{padding-left:1.4rem}.dev-prose ul{list-style:outside}.dev-prose ol{list-style:decimal}.dev-prose li+li{margin-top:.35rem}.dev-prose strong{color:var(--foreground);font-weight:600}.dev-prose :not(pre)>code{font-family:var(--font-mono), ui-monospace, monospace;background:var(--card-elevated);border:1px solid var(--ring-soft);border-radius:6px;padding:.12em .4em;font-size:.86em}.dev-prose pre{background:var(--card);border:1px solid var(--ring-soft);font-family:var(--font-mono), ui-monospace, monospace;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.dev-prose pre:focus-visible,.dev-prose table:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.dev-prose table{border-collapse:collapse;width:max-content;max-width:100%;font-size:14px;display:block;overflow-x:auto}.dev-prose th,.dev-prose td{border-bottom:1px solid var(--ring-soft);text-align:left;vertical-align:top;padding:8px 12px}.dev-prose th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:12px;font-weight:400}.dev-prose blockquote{border:1px solid var(--ring-soft);background:var(--card);color:var(--muted-foreground);border-radius:12px;padding:12px 16px}.dev-prose blockquote>*+*{margin-top:.5rem}.dev-prose blockquote[data-alert]:before{letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.dev-prose blockquote[data-alert=note],.dev-prose blockquote[data-alert=tip]{background:#3b82f60f;border-color:#3b82f659}.dev-prose blockquote[data-alert=note]:before{content:"Note";color:#3b82f6}.dev-prose blockquote[data-alert=tip]:before{content:"Tip";color:#3b82f6}.dev-prose blockquote[data-alert=important],.dev-prose blockquote[data-alert=warning]{border-color:color-mix(in oklab, var(--brand) 40%, transparent);background:color-mix(in oklab, var(--brand) 7%, transparent)}.dev-prose blockquote[data-alert=important]:before{content:"Important";color:var(--brand-ink)}.dev-prose blockquote[data-alert=warning]:before{content:"Warning";color:var(--brand-ink)}.dev-prose blockquote[data-alert=caution]{border-color:color-mix(in oklab, var(--destructive) 40%, transparent);background:color-mix(in oklab, var(--destructive) 7%, transparent)}.dev-prose blockquote[data-alert=caution]:before{content:"Caution";color:var(--destructive)}.dev-prose blockquote[data-alert] p{color:var(--foreground)}.dev-prose .hljs-comment,.dev-prose .hljs-quote{color:var(--muted-foreground);font-style:italic}.dev-prose .hljs-keyword,.dev-prose .hljs-selector-tag,.dev-prose .hljs-built_in,.dev-prose .hljs-literal{color:var(--brand-ink)}.dev-prose .hljs-string,.dev-prose .hljs-attr,.dev-prose .hljs-symbol{color:#3b82f6}.dev-prose .hljs-number,.dev-prose .hljs-title,.dev-prose .hljs-title.function_{color:var(--foreground);font-weight:500}.dev-prose .hljs-variable,.dev-prose .hljs-params,.dev-prose .hljs-meta{color:color-mix(in oklab, var(--foreground) 80%, var(--muted-foreground))}.dev-console{--faint-foreground:color-mix(in oklab, var(--muted-foreground) 70%, transparent);--surface-sunken:var(--card-elevated);--secondary:var(--card-elevated);--ring-strong:color-mix(in oklab, var(--foreground) 35%, transparent);--nav-active:var(--card-elevated);--warning:#d97706;--warning-soft:#d977061f;--destructive-soft:color-mix(in oklab, var(--destructive) 12%, transparent);--font-mono-stack:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--tracking-body:-.006em;--tracking-title:-.018em;--tracking-display:-.03em;--radius-xs:6px;--tracking-eyebrow:.08em;--brand-soft:color-mix(in oklab, var(--brand) 10%, transparent);--success-soft:color-mix(in oklab, var(--success) 12%, transparent);--shadow-pop:0 12px 32px #00000024, 0 2px 6px #00000014;--px-safe-top:env(safe-area-inset-top,0px);--px-safe-bottom:env(safe-area-inset-bottom,0px);--px-safe-left:env(safe-area-inset-left,0px);--px-safe-right:env(safe-area-inset-right,0px)}
.dev-console .px-display{letter-spacing:var(--tracking-display);color:var(--foreground);text-wrap:balance;font-weight:500;line-height:1.06}.dev-console .px-title{letter-spacing:var(--tracking-title);color:var(--foreground);font-weight:500;line-height:1.2}.dev-console .px-eyebrow{font-family:var(--font-mono-stack);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--faint-foreground);font-size:10.5px;font-weight:500}.dev-console .px-link{color:var(--foreground);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--ring-strong);text-decoration-color:var(--ring-strong);font-weight:550;transition:text-decoration-color .14s}.dev-console .px-link:hover{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.dev-console .px-nums{font-variant-numeric:tabular-nums}.dev-console .px-sunken{background:var(--surface-sunken);border-radius:var(--radius-xl)}.dev-console .px-float{background:var(--popover);border:1px solid var(--ring-soft);border-radius:var(--radius-2xl);box-shadow:var(--shadow-pop)}.dev-console .px-seg{background:var(--secondary);border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.dev-console .px-seg-item{min-width:32px;height:28px;color:var(--muted-foreground);cursor:pointer;border-radius:9999px;place-items:center;padding:0 8px;font-size:12.5px;font-weight:550;transition:background .14s,color .14s;display:grid}.dev-console .px-seg-item:hover{color:var(--foreground)}.dev-console .px-seg-item[aria-checked=true],.dev-console .px-seg-item[aria-selected=true],.dev-console .px-seg-item[data-active=true]{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-rest)}.dev-console .px-chip{border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--muted-foreground);font-family:var(--font-mono-stack);white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.dev-console .px-chip[data-tone=brand]{background:var(--brand-soft);color:var(--brand)}.dev-console .px-chip[data-tone=success]{background:var(--success-soft);color:var(--success)}.dev-console .px-chip[data-tone=warning]{background:var(--warning-soft);color:var(--warning)}.dev-console .px-chip[data-tone=danger]{background:var(--destructive-soft);color:var(--destructive)}.dev-console .px-meter{background:var(--ring-soft);border-radius:9999px;height:3px;overflow:hidden}.dev-console .px-meter>span{background:var(--brand);border-radius:9999px;height:100%;display:block}.dev-console .px-code{background:var(--surface-sunken);border-radius:var(--radius-xl);position:relative;overflow:hidden}.dev-console .px-code pre{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;font-family:var(--font-mono-stack);tab-size:2;margin:0;padding:18px 20px;font-size:12.5px;line-height:1.68;overflow-x:auto}.dev-console .px-rail{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.dev-console .px-rail::-webkit-scrollbar{display:none}.dev-console .px-rail>*{scroll-snap-align:start;flex:none}.dev-console .px-spin{animation:.8s linear infinite pxspin}.dev-console .px-gallery-tile:hover .px-gallery-tile-prompt{opacity:1!important}.dev-console .px-promptfield{border-bottom:1px solid var(--ring-soft);transition:border-color .14s}.dev-console .px-promptfield:focus-within{border-bottom-color:var(--foreground)}.dev-console .px-promptfield textarea:focus-visible{box-shadow:none;outline:none}@media (prefers-reduced-motion:reduce){.dev-console .px-promptfield{transition:none}}.dev-console .px-pop{animation:.16s cubic-bezier(.22,1,.36,1) pxpop}.dev-console .hov-secondary:hover{background:var(--secondary)}.dev-console .hov-sunken:hover{background:var(--surface-sunken)}.dev-console .hov-fg:hover{color:var(--foreground)}.dev-console .hov-brand:hover{color:var(--brand)}.dev-console .hov-dim:hover{opacity:.9}.dev-console .px-focus:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}@media (min-width:768px){.dev-console .px-only-mobile{display:none}}@media (max-width:767px){.dev-console .px-only-desktop{display:none}}.dev-console .px-safe-bottom{padding-bottom:var(--px-safe-bottom)}.dev-console .px-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.dev-console .px-scroll-locked{overflow:hidden}.dev-console .px-scroll-frozen{overflow:hidden!important}.dev-console .px-tap{touch-action:manipulation;min-width:44px;min-height:44px}@media (pointer:coarse){.dev-console .px-tap-coarse{touch-action:manipulation;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}}.dev-console .px-tap-row{touch-action:manipulation;min-height:46px}.dev-console .px-sheet{will-change:transform;animation:.34s cubic-bezier(.16,1,.3,1) both pxsheet}.dev-console .px-veil{animation:.22s ease-out both pxveil}.dev-console .px-tap:active{transform:scale(.975)}@media (prefers-reduced-motion:reduce){.dev-console .px-spin,.dev-console .px-pop,.dev-console .px-veil,.dev-console .px-sheet{animation:none}.dev-console .px-tap:active{transform:none!important}}@media (max-width:767px){.dev-console .px-play-mobile{background:var(--background)}.dev-console .px-play-mobile-output{gap:14px;justify-content:flex-start!important;padding:18px 16px 22px!important}.dev-console .px-play-mobile-output>.px-sunken,.dev-console .px-play-mobile-output>button[aria-label="View full screen"]{box-shadow:0 12px 35px #14140f12;border-radius:20px!important}.dev-console .px-play-mobile-output>button[aria-label="View full screen"]{width:100%;background:var(--card)!important;border:1px solid var(--ring-softer)!important;padding:8px!important}.dev-console .px-play-mobile-output>button[aria-label="View full screen"] img,.dev-console .px-play-mobile-output>button[aria-label="View full screen"] video{object-fit:contain;width:100%;max-height:52dvh!important}.dev-console .px-play-mobile-output>.px-sunken[role=status]{background:linear-gradient(145deg, var(--card), var(--surface-sunken));border:1px solid var(--ring-softer);min-height:250px}.dev-console .px-play-mobile-controls{background:var(--background);padding:4px 16px 24px;gap:8px!important}.dev-console .px-play-mobile-controls-intro{color:var(--muted-foreground);flex-direction:column;gap:5px;padding:4px 2px 12px;font-size:13px;display:flex}.dev-console .px-play-mobile-controls>div:not(.px-play-mobile-controls-intro){margin:2px 0!important}.dev-console .px-play-mobile-controls .px-eyebrow{letter-spacing:.1em}.dev-console .px-play-mobile-controls [style*="border-radius: 12px"]{border-radius:16px!important}.dev-console .px-play-mobile-controls [style*="background: var(--surface-sunken)"]{box-shadow:0 5px 18px #14140f0b;background:var(--card)!important}.dev-console .px-play-mobile-controls textarea{min-height:148px!important;font-size:16px!important}.dev-console .px-play-mobile-controls button,.dev-console .px-play-mobile-controls input,.dev-console .px-play-mobile-controls select{min-height:44px}.dev-console .px-play-mobile-controls .px-chip,.dev-console .px-play-mobile-controls [role=option]{min-height:40px}.dev-console .px-play-mobile-controls .px-rail{scrollbar-width:none;gap:10px;overflow-x:auto;padding:2px 0 6px!important;display:flex!important}.dev-console .px-play-mobile-controls .px-rail::-webkit-scrollbar{display:none}.dev-console .px-frame-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.dev-console .px-frame-slots>div>div,.dev-console .px-frame-slots>div>button{aspect-ratio:4/3!important}.dev-console .px-frame-slots>div>button{font-size:11.5px;gap:6px!important}.dev-console .px-frame-slots>div>button>span{font-size:11.5px!important}.dev-console .px-play-mobile-output+*{border-top:1px solid var(--ring-softer)}.dev-console .px-play-mobile>section[aria-label=Recent\ generations]{border-top:1px solid var(--ring-soft);margin:0 16px 12px;padding:14px 0 10px!important}.dev-console .px-play-mobile>section[aria-label=Recent\ generations] .px-eyebrow{letter-spacing:.12em;font-size:10px}.dev-console .px-mobile-history-filters{scrollbar-width:none;gap:7px;padding:1px 0 3px;display:flex;overflow-x:auto}.dev-console .px-mobile-history-filters::-webkit-scrollbar{display:none}.dev-console .px-mobile-history-filters button{border:1px solid var(--ring-soft);min-height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 11px;font-size:11.5px;font-weight:500}.dev-console .px-mobile-history-filters button[aria-pressed=true]{border-color:var(--foreground);background:var(--foreground);color:var(--background)}}.dev-console .px-mobile-mode-model-grid{display:contents}@media (max-width:767px){.dev-console .px-mobile-mode-model-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}.dev-console .px-mobile-mode-model-grid>div{min-width:0}.dev-console .px-mobile-mode-model-grid>div>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dev-console .px-mobile-mode-model-grid>div>div{padding:9px 10px!important}.dev-console .px-mobile-model-trigger{gap:6px!important;margin-inline:-5px!important;padding:6px 5px!important}.dev-console .px-mobile-model-trigger>span:first-of-type{gap:2px!important}.dev-console .px-mobile-model-trigger>span:first-of-type>span:first-child{gap:0!important}.dev-console .px-mobile-model-trigger>span:first-of-type>span:first-child>span:first-child{letter-spacing:-.02em!important;font-size:11px!important}.dev-console .px-mobile-model-trigger .px-chip,.dev-console .px-mobile-model-trigger>span:first-of-type>span:nth-child(2){display:none!important}.dev-console .px-mobile-model-trigger>span:first-of-type>span:nth-of-type(2){gap:3px!important}.dev-console .px-mobile-model-trigger>span:nth-of-type(2){font-size:10px!important}.dev-console .px-mobile-model-copy>span:first-child>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden;font-size:11px!important}.dev-console .px-mobile-model-copy>span:first-child .px-chip,.dev-console .px-mobile-model-copy>span:nth-child(2){display:none!important}.dev-console .px-mobile-model-trigger>span:first-child{flex:0 0 24px!important;width:24px!important;height:24px!important}.dev-console .px-mode-popover{width:min(320px,100vw - 24px)!important;max-height:min(420px,100vh - 24px)!important}.dev-console .px-mode-popover [role=listbox],.dev-console .px-mode-popover [role=group]{gap:1px!important}.dev-console .px-mode-popover [role=group]>.px-eyebrow{padding:6px 2px 2px!important}.dev-console .px-mode-popover [role=option]{gap:8px!important;min-height:44px!important;padding:5px 8px!important}.dev-console .px-mode-popover [role=option]>span:first-child{width:28px!important;height:28px!important}.dev-console .px-mode-popover [role=option]>span:nth-child(2){gap:0!important}.dev-console .px-mode-popover [role=option]>span:nth-child(2)>span:nth-child(2),.dev-console .px-mode-popover .px-mode-description,.dev-console .px-mode-popover>div>p{display:none!important}}.dev-console .px-play-mobile-controls .px-mode-popover .px-mode-description,.dev-console .px-play-mobile-controls .px-mode-popover>div>p{display:none!important}.dev-console .px-play-mobile-controls .px-mode-popover [role=option]{gap:8px!important;min-height:44px!important;padding:5px 8px!important}.dev-console .px-mode-popover .px-mode-description,.dev-console .px-mode-popover>div>p{display:none!important}.dev-console .px-mode-popover [role=option]{gap:8px!important;min-height:44px!important;padding:5px 8px!important}@media (max-width:767px){.dev-console .px-mode-popover{width:min(260px,100vw - 24px)!important;max-height:min(360px,100vh - 24px)!important}.dev-console .px-model-popover{width:min(320px,100vw - 24px)!important;max-height:min(470px,100vh - 24px)!important}}.dev-console .px-prompt-veil{padding:calc(var(--px-safe-top,0px) + 12px) calc(var(--px-safe-right,0px) + 12px) calc(var(--px-safe-bottom,0px) + 12px) calc(var(--px-safe-left,0px) + 12px)}.dev-console .px-prompt-modal{flex-direction:column;width:100%;height:100%;min-height:0;animation:.18s cubic-bezier(.22,1,.36,1) pxpromptpop;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.dev-console .px-prompt-modal{animation:none}}.dev-console .px-prompt-modal-head{border-bottom:1px solid var(--ring-softer);flex-shrink:0;align-items:center;gap:11px;padding:13px 12px 12px 16px;display:flex}.dev-console .px-prompt-modal-body{flex:1;min-height:0;padding:14px;display:flex}.dev-console .px-prompt-modal-field{border:1px solid var(--ring-softer);border-radius:var(--radius-xl);background:var(--surface-sunken);flex:1;min-width:0;padding:14px 16px;display:flex;overflow:hidden}.dev-console .px-prompt-modal-foot{border-top:1px solid var(--ring-softer);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.dev-console .px-prompt-modal-stats{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:10.5px;display:inline-flex}.dev-console .px-prompt-modal-keys{min-width:0;color:var(--faint-foreground);align-items:center;gap:5px;font-size:11px;display:inline-flex}.dev-console .px-prompt-modal-kbd{border-radius:var(--radius-xs);background:var(--secondary);color:var(--muted-foreground);font-family:var(--font-mono-stack);flex-shrink:0;padding:1px 5px;font-size:10px;line-height:1.5}@media (max-width:767px){.dev-console .px-prompt-modal-sub,.dev-console .px-prompt-modal-keys{display:none}}@media (min-width:768px){.dev-console .px-prompt-veil{padding:24px}.dev-console .px-prompt-modal{width:min(880px,100%);height:auto;max-height:min(80vh,780px)}.dev-console .px-prompt-modal-head{padding:15px 14px 14px 20px}.dev-console .px-prompt-modal-body{padding:20px}.dev-console .px-prompt-modal-foot{padding:12px 20px}.dev-console .px-prompt-modal-field{min-height:340px;padding:18px 20px}}@keyframes pxspin{to{transform:rotate(360deg)}}@keyframes pxpop{0%{opacity:0;transform:translate(-50%,6px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pxveil{0%{opacity:0}to{opacity:1}}@keyframes pxsheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes pxpromptpop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}