:where(.aio-rn14-page) .feature-info-icon{display:inline}@media (max-width: 767px){.aio-rn14-page .hero-visual{aspect-ratio:auto}}.aio-rn14-page{overflow-x:clip}.aio-rn14-page .hero{overflow-x:visible;overflow-y:visible}.aio-rn14-page{--color-bg-primary: var(--color-graphite);--color-bg-secondary: color-mix(in srgb, var(--color-white) 6%, var(--color-graphite));--color-bg-stroke: color-mix(in srgb, var(--color-white) 14%, transparent);--color-ash: color-mix(in srgb, var(--color-white) 16%, transparent);--color-mist: color-mix(in srgb, var(--color-white) 9%, transparent);--color-text-primary: var(--color-white);--color-text-secondary: color-mix(in srgb, var(--color-white) 72%, transparent);--color-text-tertiary: color-mix(in srgb, var(--color-white) 56%, transparent);--color-text-muted: color-mix(in srgb, var(--color-white) 46%, transparent);--color-border-primary: color-mix(in srgb, var(--color-white) 14%, transparent);--color-border-secondary: color-mix(in srgb, var(--color-white) 8%, transparent);--color-btn-primary-bg: var(--color-white);--color-btn-primary-bg-hover: color-mix(in srgb, var(--color-white) 88%, var(--color-graphite));--color-btn-primary-text: var(--color-graphite);--color-btn-secondary-text: var(--color-white);--color-btn-ghost-text: var(--color-white);overflow-x:clip;--rn-rule: linear-gradient(to right, transparent 0%, var(--color-bg-stroke) 15%, var(--color-bg-stroke) 85%, transparent 100%);--rn-rule-soft: linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--color-white) 8%, transparent) 15%, color-mix(in srgb, var(--color-white) 8%, transparent) 85%, transparent 100%)}:where(.aio-rn14-page) .rl-head-wrap,:where(.aio-rn14-page) .rl-close-wrap{text-align:left}@media (min-width: 1024px){:where(.aio-rn14-page) .rl-head-wrap,:where(.aio-rn14-page) .rl-close-wrap{max-width:66.66%}}:where(.aio-rn14-page) .rl-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 1024px){:where(.aio-rn14-page) .rl-grid{grid-template-columns:250px 1fr;gap:var(--spacing-2xl);align-items:start}}:where(.aio-rn14-page) .rl-toc{display:flex;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}:where(.aio-rn14-page) .rl-toc::-webkit-scrollbar{display:none}@media (min-width: 1024px){:where(.aio-rn14-page) .rl-toc{position:sticky;top:calc(var(--global-nav-offset) + var(--spacing-lg));flex-direction:column;gap:0;overflow:visible;padding-bottom:0;border-left:var(--border-thin) solid var(--color-border-secondary)}}:where(.aio-rn14-page) .rl-toc-label{display:none;font-size:var(--font-size-tiny);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-muted);padding:0 0 var(--spacing-sm) var(--spacing-md)}@media (min-width: 1024px){:where(.aio-rn14-page) .rl-toc-label{display:block}}:where(.aio-rn14-page) .rl-toc-link{flex-shrink:0;padding:4px 12px;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border-secondary);background:color-mix(in srgb,var(--color-white) 4%,transparent);font-size:var(--font-size-body-sm);color:var(--color-text-tertiary);white-space:nowrap;transition:color var(--transition-base),border-color var(--transition-base)}:where(.aio-rn14-page) .rl-toc-link:hover{color:var(--color-text-primary)}:where(.aio-rn14-page) .rl-toc-link.is-active{color:var(--color-text-primary);border-color:var(--color-border-primary)}@media (min-width: 1024px){:where(.aio-rn14-page) .rl-toc-link{border:none;background:none;border-radius:0;padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-md);margin-left:calc(-1 * var(--border-thin));border-left:var(--border-thin) solid transparent;white-space:normal;line-height:var(--line-height-body)}:where(.aio-rn14-page) .rl-toc-link.is-active{border-left-color:var(--color-text-primary)}}:where(.aio-rn14-page) .rl-head{position:relative;padding:calc(var(--spacing-2xl) + var(--global-nav-offset)) 0 var(--spacing-2xl)}@media (min-width: 768px){:where(.aio-rn14-page) .rl-head{padding-top:calc(var(--spacing-section-desktop) + var(--global-nav-offset))}}:where(.aio-rn14-page) .rn-wash{position:fixed;left:0;right:0;bottom:0;height:min(72vh,760px);z-index:0;pointer-events:none;--rn-wash-mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .017) 10%, rgba(0, 0, 0, .062) 20%, rgba(0, 0, 0, .13) 30%, rgba(0, 0, 0, .211) 40%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .389) 60%, rgba(0, 0, 0, .47) 70%, rgba(0, 0, 0, .538) 80%, rgba(0, 0, 0, .583) 90%, rgba(0, 0, 0, .6) 100%);--rn-wash-grain-mask: linear-gradient(180deg, transparent 0%, #000 46%, #000 100%)}:where(.aio-rn14-page) .rn-wash:before{content:"";position:absolute;inset:0 -140px -140px;background:linear-gradient(90deg,#14454a,#1f3f63,#3d3169 52%,#4e2848,#5c3a24);filter:blur(64px);-webkit-mask-image:var(--rn-wash-mask);mask-image:var(--rn-wash-mask)}:where(.aio-rn14-page) .rn-wash:after{content:"";position:absolute;inset:0;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;-webkit-mask-image:var(--rn-wash-grain-mask);mask-image:var(--rn-wash-grain-mask)}:where(.aio-rn14-page) main,:where(.aio-rn14-page) .rl-close{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){:where(.aio-rn14-page) .rn-wash:after{opacity:.06}}:where(.aio-rn14-page) .rl-head>.tc-container{position:relative;z-index:1}:where(.aio-rn14-page) .rl-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}:where(.aio-rn14-page) .rl-lockup{height:32px;width:auto}:where(.aio-rn14-page) .rl-version{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-body-sm);color:var(--color-text-muted)}:where(.aio-rn14-page) .rl-version b{color:var(--color-text-primary);font-weight:var(--font-weight-regular)}:where(.aio-rn14-page) .rl-dot{width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-text-muted);opacity:.6}:where(.aio-rn14-page) .rl-head h1{margin:0 0 var(--spacing-md);max-width:640px}:where(.aio-rn14-page) .rl-head-sub{font-size:var(--font-size-body-lg);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:640px;margin:0 0 var(--spacing-lg)}:where(.aio-rn14-page) .rl-section{padding:var(--spacing-2xl) 0}@media (min-width: 768px){:where(.aio-rn14-page) .rl-section{padding:var(--spacing-section) 0}}:where(.aio-rn14-page) .rl-section+.rl-section{padding-top:0}:where(.aio-rn14-page) .rl-stream>.rl-section:first-child{padding-top:0}:where(.aio-rn14-page) .rl-section h2{margin:0 0 var(--spacing-md);max-width:620px}:where(.aio-rn14-page) .rl-body{font-size:var(--font-size-body-lg);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:640px;margin:0 0 var(--spacing-xl)}:where(.aio-rn14-page) .rl-sub{font-size:var(--font-size-body);color:var(--color-text-tertiary);line-height:var(--line-height-body);max-width:620px;margin:0 0 var(--spacing-lg)}:where(.aio-rn14-page) .rl-microlabel{display:block;font-size:var(--font-size-tiny);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}:where(.aio-rn14-page) .rl-ba{display:grid;grid-template-columns:1fr;gap:var(--gap-cards)}@media (min-width: 768px){:where(.aio-rn14-page) .rl-ba{grid-template-columns:1fr 1fr}}:where(.aio-rn14-page) .rl-ba-pane{position:relative;display:flex;flex-direction:column;padding:var(--spacing-md);border-radius:var(--radius-lg)}:where(.aio-rn14-page) .rl-ba-before{border:var(--border-thin) dashed var(--color-border-primary);background:color-mix(in srgb,var(--color-white) 2%,transparent)}:where(.aio-rn14-page) .rl-ba-now{background:color-mix(in srgb,var(--color-slate) 14%,transparent);box-shadow:var(--shadow-lg),inset 0 0 34px color-mix(in srgb,var(--color-graphite) 40%,transparent)}:where(.aio-rn14-page) .rl-ba-now:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-white) 26%,transparent),color-mix(in srgb,var(--color-white) 6%,transparent) 32% 68%,color-mix(in srgb,var(--color-white) 26%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}:where(.aio-rn14-page) .rl-ba-when{align-self:flex-start;margin-bottom:var(--spacing-md);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-tiny);line-height:1.5;border:var(--border-thin) solid var(--color-border-secondary);color:var(--color-text-muted);background:color-mix(in srgb,var(--color-white) 4%,transparent)}:where(.aio-rn14-page) .rl-ba-now .rl-ba-when{color:var(--color-text-primary);border-color:var(--color-border-primary);background:color-mix(in srgb,var(--color-white) 12%,transparent)}:where(.aio-rn14-page) .rl-ba-field+.rl-ba-field{margin-top:var(--spacing-md);padding-top:var(--spacing-md);background-image:var(--rn-rule);background-size:100% 1px;background-repeat:no-repeat;background-position:top left}:where(.aio-rn14-page) .rl-ba-prompt{font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}:where(.aio-rn14-page) .rl-ba-response{font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;color:var(--color-text-muted)}:where(.aio-rn14-page) .rl-ba-now .rl-ba-response{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}:where(.aio-rn14-page) .rl-ba-status{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-md);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-muted)}:where(.aio-rn14-page) .rl-ba-status svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}:where(.aio-rn14-page) .rl-ba-now .rl-ba-status{color:var(--color-text-primary)}:where(.aio-rn14-page) .rl-video{padding-bottom:var(--spacing-2xl)}:where(.aio-rn14-page) .rl-video .tc-frame{--tc-frame-blur: 0;--tc-frame-pad: 8px}:where(.aio-rn14-page) .rl-video-ratio{position:relative;aspect-ratio:16 / 9;border-radius:calc(var(--radius-md) - 4px);overflow:hidden;background:var(--color-graphite)}:where(.aio-rn14-page) .rl-video-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}:where(.aio-rn14-page) .rl-steps{list-style:none;position:relative}:where(.aio-rn14-page) .rl-step{position:relative;display:grid;grid-template-columns:28px 1fr;gap:var(--spacing-md);padding-bottom:var(--spacing-lg)}:where(.aio-rn14-page) .rl-step:last-child{padding-bottom:0}:where(.aio-rn14-page) .rl-step:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:1px;background:var(--color-border-primary)}:where(.aio-rn14-page) .rl-step-num{position:relative;z-index:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border-primary);background:var(--color-bg-primary);font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}:where(.aio-rn14-page) .rl-step-changed .rl-step-num{color:var(--color-graphite);background:var(--color-text-primary);border-color:var(--color-text-primary);box-shadow:0 0 20px color-mix(in srgb,var(--color-white) 28%,transparent)}:where(.aio-rn14-page) .rl-step-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-body);margin:4px 0 0}:where(.aio-rn14-page) .rl-step-new{display:inline-block;margin-left:var(--spacing-xs);font-size:var(--font-size-tiny);font-weight:var(--font-weight-regular);color:var(--color-success);vertical-align:middle}:where(.aio-rn14-page) .rl-step-body{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:4px 0 0}:where(.aio-rn14-page) .rl-steps-close{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);background-image:var(--rn-rule);background-size:100% 1px;background-repeat:no-repeat;background-position:top left;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}:where(.aio-rn14-page) .rl-prompts{display:grid;grid-template-columns:1fr;gap:var(--gap-cards);list-style:none}@media (min-width: 768px){:where(.aio-rn14-page) .rl-prompts{grid-template-columns:1fr 1fr}}:where(.aio-rn14-page) .rl-prompt{position:relative;display:flex;flex-direction:column;padding:var(--spacing-md);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-slate) 14%,transparent);border:var(--border-thin) solid var(--color-border-secondary);transition:border-color var(--transition-base),background var(--transition-base)}:where(.aio-rn14-page) .rl-prompt:hover{border-color:var(--color-border-primary);background:color-mix(in srgb,var(--color-slate) 20%,transparent)}:where(.aio-rn14-page) .rl-prompt-head{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}:where(.aio-rn14-page) .rl-prompt-cat{padding:2px 10px;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border-secondary);background:color-mix(in srgb,var(--color-white) 4%,transparent);font-size:var(--font-size-tiny);line-height:1.5;color:var(--color-text-tertiary)}:where(.aio-rn14-page) .rl-prompt-text{font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-primary);margin:0;-webkit-user-select:text;-moz-user-select:text;user-select:text}:where(.aio-rn14-page) .rl-copy{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border-secondary);background:transparent;cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-tiny);color:var(--color-text-muted);transition:color var(--transition-base),border-color var(--transition-base)}:where(.aio-rn14-page) .rl-copy svg{width:13px;height:13px;display:block}:where(.aio-rn14-page) .rl-copy:hover{color:var(--color-text-primary);border-color:var(--color-border-primary)}:where(.aio-rn14-page) .rl-copy.is-copied{color:var(--color-text-primary);border-color:var(--color-border-primary)}:where(.aio-rn14-page) .rl-copy .rl-copy-done{display:none}:where(.aio-rn14-page) .rl-copy.is-copied .rl-copy-idle{display:none}:where(.aio-rn14-page) .rl-copy.is-copied .rl-copy-done{display:block}:where(.aio-rn14-page) .rn-changes{list-style:none}:where(.aio-rn14-page) .rn-change+.rn-change{margin-top:var(--spacing-md);padding-top:var(--spacing-md);background-image:var(--rn-rule-soft);background-size:100% 1px;background-repeat:no-repeat;background-position:top left}:where(.aio-rn14-page) .rn-tag{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--spacing-xs);padding:3px 10px 3px 6px;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border-secondary);background:color-mix(in srgb,var(--color-white) 4%,transparent);font-size:var(--font-size-tiny);line-height:1.5;color:var(--color-text-tertiary);white-space:nowrap}:where(.aio-rn14-page) .rn-tag img{width:15px;height:15px;border-radius:3px;flex-shrink:0}:where(.aio-rn14-page) .rn-tag svg{width:13px;height:13px;flex-shrink:0}:where(.aio-rn14-page) .rn-change-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-body);margin:0}:where(.aio-rn14-page) .rn-change-body{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:4px 0 0}:where(.aio-rn14-page) .rl-also-link{margin-top:var(--spacing-xl)}:where(.aio-rn14-page) .tc-btn.tc-btn-dark{--color-text-primary: var(--color-graphite)}:where(.aio-rn14-page) .rl-close{padding:0 0 var(--spacing-section);margin-top:var(--spacing-2xl)}:where(.aio-rn14-page) .rl-close-rule{height:1px;background-image:var(--rn-rule);margin-bottom:var(--spacing-2xl)}:where(.aio-rn14-page) .rl-close h2{margin:0 0 var(--spacing-md);max-width:620px}:where(.aio-rn14-page) .rl-close-body{font-size:var(--font-size-body-lg);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:640px;margin:0 0 var(--spacing-xl)}
