.runtime-identity-picker .story-persona-actions{flex-wrap:wrap}.runtime-identity-picker .story-persona-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}:is(.story-role-picker,.story-persona-picker)>:is(.page-navigation-header,.dialog-header){position:sticky;top:-24px;z-index:1;width:calc(100% + 48px);margin:-24px -24px 8px}.story-role-picker-backdrop.runtime-identity-shell-backdrop{inset:var(--app-viewport-top, 0px) 0 auto;height:var(--app-viewport-height, 100dvh);padding:0;background:var(--ludio-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.runtime-identity-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;width:var(--ludio-consumer-frame-width);max-width:100%;height:100%;min-height:0;overflow:hidden;padding:0;border:0;border-radius:0;background:var(--ludio-bg);color:var(--ludio-text)}.runtime-identity-shell>.runtime-identity-shell-header{position:relative;top:auto;padding-top:max(6px,env(safe-area-inset-top,0px));border:0;background:var(--ludio-bg)}.runtime-identity-shell-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:none;padding:14px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px))}.runtime-identity-shell-footer{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;padding:12px max(20px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));border-top:1px solid var(--ludio-line);background:var(--ludio-bg)}.runtime-identity-shell-footer>.runtime-identity-enter{flex:0 0 auto}.runtime-identity-shell-footer>.runtime-identity-cancel{min-height:44px}.runtime-identity-shell--wallpaper>.runtime-identity-shell-header{position:absolute;inset:0 0 auto;z-index:3;background:linear-gradient(var(--ludio-overlay),transparent);color:var(--ludio-text)}.runtime-identity-shell--wallpaper>.runtime-identity-shell-content{display:flex;overflow:hidden;padding:0}.runtime-identity-shell--wallpaper>.runtime-identity-shell-footer{padding-top:12px;border-top:0}.runtime-identity-picker-scroll>.eyebrow{display:block;margin-bottom:6px}.runtime-identity-picker-scroll>p{margin:0 0 16px;color:var(--ludio-muted);font-size:13px;line-height:1.5}.runtime-identity-preview{display:flex;align-items:center;gap:20px;margin:0 0 20px;padding:16px 0 20px;border-bottom:1px solid var(--ludio-line)}.runtime-identity-preview-avatar{display:block;flex:0 0 104px;width:104px;height:104px;overflow:hidden;border-radius:50%}.runtime-identity-preview-avatar>.character-avatar{width:100%;height:100%;border-radius:50%}.runtime-identity-preview-avatar .character-avatar>:is(img,.progressive-image){width:100%;height:100%;border-radius:50%;object-fit:cover}.runtime-identity-preview-copy{min-width:0;overflow-wrap:anywhere}.runtime-identity-preview-copy>span{color:var(--ludio-muted);font-size:12px;line-height:1.5}.runtime-identity-preview-copy>h2{margin:3px 0 6px;color:var(--ludio-text);font-size:24px;font-weight:600;line-height:1.25}.runtime-identity-preview-copy>p{margin:0 0 4px;color:var(--ludio-brand-strong);font-size:14px;line-height:1.5}.runtime-identity-preview-copy>.runtime-identity-preview-description{color:var(--ludio-muted);font-size:12px;white-space:pre-wrap}.runtime-identity-enter{display:flex;justify-content:center;width:100%;min-height:52px;margin:0;padding:12px 16px;border-radius:15px;font-size:16px;line-height:1.5}.runtime-identity-enter>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.runtime-identity-cancel{display:block;min-width:88px;min-height:44px;margin:4px auto 0;padding:10px 16px;border:0;background:transparent;color:var(--ludio-muted);font-size:13px;line-height:1.5}:where([data-keyboard]) .runtime-identity-shell button:focus-visible{outline:2px solid var(--ludio-accent-text);outline-offset:2px}@media(hover:hover){.runtime-identity-cancel:hover{color:var(--ludio-text)}}@media(max-width:699px){.runtime-identity-shell-content,.runtime-identity-shell-footer{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}.runtime-identity-preview{gap:16px}.runtime-identity-preview-avatar{flex-basis:88px;width:88px;height:88px}.runtime-identity-preview-copy>h2{font-size:21px}}.immersive-artwork{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:var(--ludio-bg)}.immersive-artwork:after{content:"";position:absolute;inset:80% 0 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ludio-bg) 65%,transparent) 65%,var(--ludio-bg))}.immersive-artwork .immersive-artwork-media{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none}.immersive-artwork-upgrade:not([data-sharp-ready]),.immersive-artwork-motion:not([data-frame-ready]){visibility:hidden}.runtime-character-gallery{flex:1 1 0;min-width:0;min-height:0;position:relative}.runtime-character-gallery>.runtime-character-slide{position:relative;isolation:isolate;display:flex;flex-direction:column;padding-top:calc(76px + env(safe-area-inset-top,0px));background:var(--ludio-bg)}.runtime-character-art-placeholder,.runtime-character-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.runtime-character-art-placeholder{display:grid;place-items:center;padding-bottom:30%;background:radial-gradient(ellipse at 50% 30%,var(--ludio-surface-soft),var(--ludio-bg) 75%);color:var(--ludio-muted)}.runtime-character-art-placeholder>span{font-size:80px;opacity:.3}.runtime-character-shade{background:linear-gradient(180deg,transparent 24%,color-mix(in srgb,var(--ludio-bg) 14%,transparent) 42%,color-mix(in srgb,var(--ludio-bg) 80%,transparent) 72%,var(--ludio-bg) 100%)}.runtime-character-copy{position:relative;z-index:1;flex:0 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;max-height:100%;margin-top:auto;padding:0 max(24px,env(safe-area-inset-right,0px)) 16px max(24px,env(safe-area-inset-left,0px));overflow-wrap:anywhere}.runtime-character-copy>:is(.runtime-character-meta,.runtime-character-name){flex-shrink:0}.runtime-character-meta{display:flex;justify-content:space-between;gap:16px;color:var(--ludio-muted);font-size:12px;line-height:1.5}.runtime-character-meta>[dir=ltr]{flex:0 0 auto;font-variant-numeric:tabular-nums}.runtime-character-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:5px 0 7px;color:var(--ludio-text);font-size:36px;font-weight:500;line-height:1.2}.runtime-character-role{margin:0 0 12px;color:var(--ludio-brand-strong);font-size:14px;line-height:1.6}.runtime-character-role:last-child{margin-bottom:0}.runtime-character-bio{min-width:0;min-height:0;margin:0;color:var(--ludio-text);font-size:14px;line-height:1.7;white-space:pre-wrap}.runtime-character-role,.runtime-character-bio{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.runtime-character-role{-webkit-line-clamp:2}.runtime-character-bio{-webkit-line-clamp:3}.runtime-character-bio-disclosure{display:flex;flex:0 1 auto;align-items:flex-end;gap:4px;min-height:0}.runtime-character-description{flex:1 1 0;align-self:stretch;min-width:0;min-height:0;overflow:hidden}.runtime-character-bio-disclosure.is-expanded>.runtime-character-description{max-height:min(42dvh,360px);overflow-y:auto;overscroll-behavior-y:none}.runtime-character-bio-disclosure.is-expanded :is(.runtime-character-role,.runtime-character-bio){display:block;-webkit-line-clamp:unset}.runtime-character-bio-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--ludio-text)}.runtime-character-bio-toggle>.ui-icon{width:18px;height:18px}.runtime-character-bio-toggle[aria-expanded=true]>.ui-icon{transform:rotate(180deg)}.runtime-character-swipe-hint{margin:0 0 8px;color:var(--ludio-muted);font-size:11px;line-height:1.5;text-align:center}.runtime-character-identity-nav{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 12px}.runtime-character-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--ludio-text)}.runtime-character-arrow:disabled{opacity:.25}.runtime-character-arrow>.ui-icon{width:20px;height:20px}.runtime-character-previous>.ui-icon{transform:rotate(180deg)}.runtime-character-thumbnails{display:flex;flex:1 1 0;min-width:0;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px}.runtime-character-thumbnails::-webkit-scrollbar{display:none}.runtime-character-thumbnails:before,.runtime-character-thumbnails:after{content:"";margin:auto}.runtime-character-thumbnail{display:flex;flex:0 0 50px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:transparent;color:var(--ludio-muted);font-size:11px;line-height:1.4}.runtime-character-thumbnail>.character-avatar{width:46px;height:46px;border-radius:50%;padding:2px;border:2px solid transparent;opacity:.65;background:transparent}.runtime-character-thumbnail .character-avatar>:is(img,.progressive-image){border-radius:50%}.runtime-character-thumbnail>span:last-child{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.runtime-character-thumbnail[aria-pressed=true]{color:var(--ludio-text)}.runtime-character-thumbnail[aria-pressed=true]>.character-avatar{border-color:var(--ludio-text);opacity:1}.runtime-character-identity[dir=rtl] .runtime-character-arrow>.ui-icon{transform:rotate(180deg)}.runtime-character-identity[dir=rtl] .runtime-character-previous>.ui-icon{transform:none}:where([data-keyboard]) .runtime-character-identity button:focus-visible{outline:2px solid var(--ludio-accent-text);outline-offset:2px}@media(hover:hover){.runtime-character-arrow:not(:disabled):hover{background:var(--ludio-surface-raised)}.runtime-character-thumbnail:hover>.character-avatar{opacity:1}.runtime-character-bio-toggle:hover{background:var(--ludio-surface-soft)}}@media(max-height:650px){.runtime-character-copy{padding-bottom:8px}.runtime-character-name{font-size:30px}.runtime-character-role{margin-bottom:7px}.runtime-character-bio{-webkit-line-clamp:2}.runtime-character-swipe-hint{display:none}.runtime-character-thumbnail>.character-avatar{width:40px;height:40px}.runtime-character-identity-nav{margin-bottom:8px}}
