.account-safety-backdrop--sheet{align-items:flex-end;padding:0;overflow:hidden;background:color-mix(in srgb,var(--ludio-bg) 65%,transparent)}.account-safety-dialog--sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(100%,480px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px)));padding:0;overflow:hidden;border-radius:24px 24px 0 0;background:var(--ludio-surface);box-shadow:0 -8px 32px #0003;animation:consent-sheet-enter .18s cubic-bezier(.16,1,.3,1)}.consent-sheet-header{padding:24px 24px 16px;text-align:center}.consent-sheet-header h2{font-size:22px;font-weight:600;line-height:28px}.consent-sheet-body{display:grid;gap:12px;min-height:0;padding:0 24px 16px;overflow-y:auto;overscroll-behavior:contain;font-size:14px;line-height:1.6}.consent-sheet-providers{font-size:12px;color:var(--ludio-muted);overflow-wrap:anywhere}.consent-sheet-providers strong{display:block;color:var(--ludio-text);font-weight:500}.consent-sheet-providers ul{display:flex;flex-wrap:wrap;gap:4px 12px;margin:4px 0 0;padding:0;list-style:none}.consent-sheet-hint{color:var(--ludio-muted);font-size:12px;line-height:18px}.consent-sheet-policies p{color:var(--ludio-muted);font-size:12px}.consent-sheet-policies nav{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}.consent-sheet-policies a{color:var(--ludio-accent-text);font-size:13px;text-underline-offset:3px}.consent-sheet-policies a[aria-disabled=true]{pointer-events:none}.account-safety-dialog--sheet .account-safety-check{gap:8px;padding:0;font-size:13px;line-height:20px}.account-safety-dialog--sheet .account-safety-check input{flex:0 0 20px;min-width:20px;width:20px;height:20px;margin:0}.consent-sheet-analytics span{display:grid;gap:4px}.consent-sheet-analytics strong{font-size:13px;font-weight:500}.consent-sheet-analytics small{font-size:11px;color:var(--ludio-muted);line-height:16px}.consent-sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 24px max(24px,env(safe-area-inset-bottom,0px));background:var(--ludio-surface)}.consent-sheet-actions button{min-width:0;min-height:48px;padding:12px 8px;border-radius:12px;font-size:15px;font-weight:600;line-height:20px;overflow-wrap:anywhere}@keyframes consent-sheet-enter{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:359px){.account-safety-dialog--sheet{padding:0;max-height:calc(100dvh - max(16px,env(safe-area-inset-top,0px)))}.consent-sheet-header{padding:20px 16px 12px}.consent-sheet-body{padding-inline:16px}.consent-sheet-actions{padding-inline:16px;gap:8px}}@media(prefers-reduced-motion:reduce){.account-safety-dialog--sheet{animation:none}}.login-scene{min-height:100dvh;background:var(--ludio-bg);color:var(--ludio-text);position:relative;overflow:hidden}.login-scene__art{position:absolute;inset:0;background:url(/assets/stories/afterimage-protocol.hero-960.webp) center / cover;opacity:.38}.login-scene__caption{position:relative;padding:48px;font-size:24px}.login-scene__caption strong{font-size:34px}.login-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - (2*max(24px,env(safe-area-inset-top,0px),env(safe-area-inset-bottom,0px))));padding:0;border:1px solid var(--ludio-line-strong);border-radius:26px;margin:auto;color:var(--ludio-text);background:var(--ludio-surface);box-shadow:0 28px 100px #0008;overflow:auto;overscroll-behavior:contain;font-family:var(--ludio-ui-font-family, var(--ludio-font-family))}.login-dialog *,.login-dialog *:before,.login-dialog *:after{box-sizing:border-box}.login-dialog::backdrop{background:#08080bb8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.login-dialog__body{padding:0 32px 32px;position:relative}.login-dialog__brand{display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:22px;font-size:26px;letter-spacing:-.04em}.login-dialog__brand img{object-fit:contain}.login-dialog__email-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:color-mix(in srgb,var(--ludio-brand) 16%,transparent);color:var(--ludio-accent-text)}.login-dialog__email-mark svg{width:26px;height:26px}.login-dialog__intro{margin:0 0 24px;color:var(--ludio-muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.login-dialog--native{margin:auto auto 0;width:100%;max-width:640px;border-radius:26px 26px 0 0}.login-dialog--native .login-dialog__body{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}@media(max-width:600px){.login-dialog{width:100%;max-height:calc(100dvh - max(18px,env(safe-area-inset-top,0px)));margin:auto auto 0;border-radius:24px 24px 0 0;border-bottom:0}.login-dialog__body{padding:0 max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}.login-dialog__brand{display:none}.login-dialog__intro{margin-bottom:22px}}@media(max-height:550px){.login-dialog{max-height:calc(100dvh - (2*max(12px,env(safe-area-inset-top,0px),env(safe-area-inset-bottom,0px))))}.login-dialog--native{max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)))}.login-dialog__body{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}.login-dialog__brand{margin-bottom:12px}}@media(max-height:550px)and (max-width:600px){.login-dialog{max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)))}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f3fa;background:var(--ludio-bg, #111111);font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark}*{box-sizing:border-box}.ludio-media{display:block;max-width:100%}html{min-height:100%;background:var(--ludio-bg, #111111);-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100%;background:var(--ludio-bg, #111111);overflow-x:hidden}button,input{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{position:relative;background:var(--ludio-bg);min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-shell.app-shell--without-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)}.story-character-content{margin:0;color:var(--ludio-text, #eeeaf4);overflow-wrap:anywhere}.story-content-action{color:var(--ludio-muted, #aba5b0)}.topbar{min-height:calc(64px + env(safe-area-inset-top));height:auto;padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-left)) 0 max(18px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.topbar-links{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:10px}.topbar-links a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:0 8px;border:1px solid transparent;color:#aaa6b6;text-decoration:none;font-size:13px;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease}.topbar-links .ranking-link{min-width:56px}.topbar-section-title{display:flex;align-items:center;min-width:0;min-height:44px;color:#f4f1f8}.topbar-section-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:720;letter-spacing:-.02em}.app-update-banner{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid #4a3d74;background:var(--ludio-brand-fill-soft);color:#e9e2ff;font-size:12px}.app-update-banner button{border:1px solid #8065e6;border-radius:999px;padding:5px 11px;background:#7357e7;color:#fff;cursor:pointer}.logo{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:700}.logo-mark{object-fit:contain;display:block}.avatar{display:grid;place-items:center;overflow:hidden;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#ded9ea;font-size:14px;line-height:1}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.page{max-width:1120px;margin:auto;padding:28px 22px}.hero{padding:40px 0 32px}.eyebrow{text-transform:uppercase;font-weight:700}.hero h1{font-size:clamp(36px,8vw,76px);line-height:1.02;letter-spacing:-.06em;margin:14px 0}.hero-copy{color:#aaa6b6;max-width:360px;line-height:1.5}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 14px}.section-title h2{font-size:18px;margin:0}.section-title span{font-size:12px;color:#777380}.home-section{margin:0 0 28px}.home-section-title{margin-bottom:12px}.home-section-title a{color:#b7a9ff;font-size:12px;text-decoration:none}.home-page{padding-top:28px}.home-category-strip{display:flex;gap:8px;margin:0 0 24px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.home-category-strip::-webkit-scrollbar{display:none}.home-category-strip .category{text-decoration:none}.home-hero{max-width:680px;padding:28px 0 20px}.home-hero .hero-copy{max-width:470px}.home-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.home-hero-actions a{text-decoration:none}.home-spotlight{margin:10px 0 30px}.home-spotlight-cover{aspect-ratio:16 / 9;min-height:250px;border-radius:20px}.home-spotlight-copy{position:absolute;inset:auto 0 0;display:grid;gap:8px;padding:56px 22px 22px;background:linear-gradient(0deg,#08070ce6,#08070c00)}.home-spotlight-copy h2,.home-spotlight-copy p{margin:0}.home-spotlight-copy h2{font-size:clamp(22px,5vw,34px);letter-spacing:-.04em}.home-spotlight-copy p{color:#d0c8da;max-width:560px}.home-spotlight-copy .compact{justify-self:start;text-decoration:none}.home-trending-list{display:grid;gap:8px}.home-trending-list .ranking-row{margin:0;background:#1916208f}.story-format-note{display:grid;gap:6px}.story-format-note strong{color:#eee8fa}.story-format-note span{color:#a59bac;font-size:13px;line-height:1.5}.resume-label{display:inline-block;margin-top:7px;color:#c9baff;font-size:11px;font-weight:600}.category-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.category-strip::-webkit-scrollbar{display:none}.mode-strip{padding-bottom:4px}.category{flex:0 0 auto;border:1px solid var(--ludio-line);border-radius:999px;background:var(--ludio-surface);color:#aaa4b2;padding:8px 12px;cursor:pointer;font-size:12px}.creator-tabs{display:flex;gap:18px;border-bottom:1px solid var(--ludio-line);margin:8px 0 22px}.creator-tabs button{border:0;border-bottom:2px solid transparent;padding:0 0 10px;background:transparent;color:#8f899a;cursor:pointer}.creator-tabs button.selected{color:#fff;border-bottom-color:var(--ludio-brand)}.review-summary{display:grid;gap:12px;margin:-4px 0 20px;padding:16px 18px;border:1px solid var(--ludio-line);border-radius:16px;background:var(--ludio-surface)}.review-summary h2{margin:4px 0 0;font-size:17px}.review-summary-actions{display:flex;gap:8px;flex-wrap:wrap}.review-summary-actions button{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--ludio-line);border-radius:999px;background:var(--ludio-surface);color:#b9afc0;cursor:pointer}.review-summary-actions button.selected{border-color:#7357d8;background:#312454;color:#fff}@media(hover:hover){.review-summary-actions button:hover{border-color:#7357d8;background:#312454;color:#fff}}.review-summary-actions b{min-width:18px;padding:1px 5px;border-radius:999px;background:#4a3b6a;color:#fff;font-size:11px}.studio-plot-workspace[hidden]{display:none}.creator-subview{display:grid;gap:16px}.character-asset-card{display:flex;align-items:flex-start;gap:14px}.character-asset-heading{display:flex;gap:14px;align-items:flex-start;min-width:0}.character-asset-heading img,.character-asset-avatar{width:58px;height:58px;flex:none;border-radius:50%;object-fit:cover;background:transparent}.character-asset-avatar{display:grid;place-items:center;color:#c8baff;font-size:22px}.character-asset-heading h2{margin:5px 0 4px}.character-asset-heading p{margin:0;color:#aaa3b0;white-space:pre-wrap}.ai-field{position:relative;display:grid;gap:8px}.creator-field{position:relative;display:grid;gap:.38rem;min-width:0;color:var(--ink, #f7f3ff)}.creator-field-title{color:var(--ink, #f7f3ff);font-size:.88rem;font-weight:650;letter-spacing:.01em}.required-mark{display:inline-block;margin-left:4px;color:#ff8b9d;font-weight:800}.creator-field-hint{color:var(--muted, #aaa3b0);font-size:.73rem;line-height:1.4}.creator-field input,.creator-field textarea,.creator-field select{margin-top:.12rem}.readonly-field{display:flex;min-height:48px;align-items:center;margin-top:.12rem;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff09;color:var(--ink, #f7f3ff)}.ai-field-button{position:absolute;top:.6rem;right:.6rem;z-index:1;display:grid;width:2.15rem;height:2.15rem;padding:0;place-items:center;border:1px solid rgba(164,140,255,.28);border-radius:10px;background:#6e4fd22e;color:#d4c8ff;font-size:0;box-shadow:none}.ai-field-button:before{content:"✦";font-size:1rem}:where([data-keyboard]) .ai-field-button:focus-visible{border-color:#c3b1ffb3;background:#6e4fd257;color:#fff}@media(hover:hover){.ai-field-button:hover{border-color:#c3b1ffb3;background:#6e4fd257;color:#fff}}.asset-ready-note{margin:0;color:#a8e6c1;font-size:12px}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.catalog-empty{display:grid;justify-items:center;gap:6px;min-height:140px;padding:38px 18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#1c192394;color:#aaa1b3;text-align:center}.catalog-empty strong{color:#eee8f5;font-size:15px}.catalog-empty span{font-size:12px}.public-profile-stories{display:grid;gap:14px;margin-top:28px}.compact-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-story-grid .card-copy{left:11px;right:11px;bottom:11px}.compact-story-grid .card-copy h3{font-size:14px}.compact-story-grid .card-copy p{font-size:11px}.story-card{text-decoration:none;color:inherit}.ranking-page h1,.empty-page h1{font-size:clamp(34px,8vw,64px);letter-spacing:-.05em;margin:12px 0}.ranking-list{display:grid;gap:10px;margin-top:28px}.ranking-row{display:grid;grid-template-columns:34px 56px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--ludio-line);border-radius:16px;background:var(--ludio-surface);color:inherit;text-decoration:none}.ranking-number{color:#9d8cff;font-variant-numeric:tabular-nums}.ranking-cover{aspect-ratio:2 / 3;border-radius:9px;overflow:hidden}.ranking-copy{min-width:0;display:grid;gap:4px}.ranking-copy strong,.ranking-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-copy span{color:#96909f;font-size:12px}.empty-page{min-height:60dvh;display:grid;align-content:center;justify-items:start}.cover{aspect-ratio:2/3;border-radius:18px;background:var(--ludio-surface);position:relative;overflow:hidden;box-shadow:0 12px 32px #0000003d}.cover img,.cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(10,10,14,.96));pointer-events:none}.cover-fallback{display:grid;place-items:center;background:var(--ludio-surface)}.cover-fallback-label{color:#77727f;font-size:24px;font-weight:700;letter-spacing:-.04em}.card-copy{position:absolute;left:16px;right:16px;bottom:16px}.card-copy h3{font-size:18px;line-height:1.08;letter-spacing:-.03em;margin:0 0 7px}.card-copy p{font-size:12px;color:#d6d2dc;margin:0;line-height:1.35}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.card-plugins{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.card-plugins span{border:1px solid var(--ludio-brand-line);border-radius:999px;color:var(--ludio-accent-text);font-size:.68rem;padding:.2rem .45rem}.plugin-intro{background:var(--ludio-brand-soft);border:1px solid var(--ludio-brand-line);border-radius:1rem;margin:0 0 1rem;padding:.9rem 1rem}.plugin-intro strong{color:#e9e1ff}.plugin-intro p{color:#b5afc3;margin:.35rem 0 0}.home-banner-rail{margin:0 0 1.25rem;position:relative}.home-banner-cover{aspect-ratio:16 / 8;border-radius:1.2rem;min-height:13rem;overflow:hidden}.home-banner-copy{align-items:flex-start;bottom:1.1rem;display:flex;flex-direction:column;left:1.1rem;max-width:min(78%,28rem);position:absolute;z-index:2}.home-banner-copy h2{font-size:clamp(1.35rem,4vw,2.25rem);margin:.15rem 0}.home-banner-copy p{color:#ddd7e4;margin:0 0 .7rem;text-overflow:ellipsis;line-clamp:2;line-height:1.4}.home-banner-controls{bottom:.8rem;display:flex;left:50%;position:absolute;right:auto;transform:translate(-50%);z-index:3}.direct-story-entry{display:grid;min-height:calc(100dvh - 140px);place-content:center;justify-items:center;gap:10px;color:#f0edf5;text-align:center}.direct-story-entry strong{font-size:18px}.direct-story-entry>span:last-child{color:#9891a3;font-size:13px}.card-tags span{color:#b9adf0;font-size:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:center;gap:52px;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--ludio-line);z-index:10}.bottom-nav a{text-decoration:none;font-size:12px}.notice{padding:12px 14px;border:1px solid var(--ludio-line);border-radius:12px;color:#c1bbcc;background:var(--ludio-surface);margin:12px 0}.notice.error{color:var(--ludio-text);border-color:var(--ludio-line);background:var(--ludio-surface)}.notice.success{color:#c7f3da;border-color:#315c49;background:var(--ludio-surface)}.request-id{display:block;margin-top:6px;color:#c9aef7;font-size:11px;letter-spacing:.02em;word-break:break-all}.notice-action{display:inline-block;margin-left:10px;color:#d3c9ff;font-weight:700;border:0;padding:0;background:transparent;font:inherit;cursor:pointer}.story-page{--story-copy-size: 16px;min-height:calc(100dvh - 64px);padding:0 22px;max-width:850px;margin:auto}.story-head{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:22px 0 14px}.back{font-size:36px;color:#c9c3d3;text-decoration:none;line-height:1}.story-head h1{font-size:20px;letter-spacing:-.03em;margin:4px 0 0}.story-head-actions{position:relative}.theatre-head-actions{display:flex;align-items:center;gap:5px}.theatre-head-actions button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:#bdb2c9;cursor:pointer}:where([data-keyboard]) .theatre-head-actions button:focus-visible{background:transparent;color:#fff}@media(hover:hover){.theatre-head-actions button:hover{background:transparent;color:#fff}}.theatre-head-actions button:disabled{opacity:.55;cursor:wait}.theatre-head-actions svg{width:16px;height:16px}.runtime-model-trigger{justify-self:end;display:flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 11px;border:1px solid var(--ludio-brand-line);border-radius:999px;background:var(--ludio-brand-fill-soft);color:#eee8ff;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.runtime-model-trigger[aria-expanded=true]{background:#714ee86b}@media(hover:hover){.runtime-model-trigger:hover{background:#714ee86b}}.runtime-model-trigger .ui-icon{width:14px;height:14px;transition:transform .18s ease}.runtime-model-trigger[aria-expanded=true] .ui-icon{transform:rotate(180deg)}.story-action-disclosure{position:relative}.story-action-disclosure>summary{list-style:none}.story-action-disclosure>summary::-webkit-details-marker{display:none}.story-menu-trigger{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#d9d2e3;display:grid;place-items:center;cursor:pointer}.story-menu-trigger .ui-icon{width:19px;height:19px}.story-action-menu{position:absolute;top:42px;right:0;z-index:10;display:grid;min-width:148px;padding:5px;border:1px solid var(--ludio-line);border-radius:12px;background:var(--ludio-surface);box-shadow:0 14px 35px #00000059}.story-action-menu button,.story-action-menu a{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#a9a1b4;text-align:left;text-decoration:none;cursor:pointer}.story-action-menu button.selected,.story-action-menu a.selected{background:#352759;color:#fff}@media(hover:hover){.story-action-menu button:hover,.story-action-menu a:hover{background:#352759;color:#fff}}.story-runtime-action{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:5px;min-height:44px;padding:9px 4px;border:0;background:transparent;color:#eeeaf1;text-align:left;font:inherit;font-size:14px;cursor:pointer}@media(hover:hover){.story-runtime-action:hover{color:#fff}}.story-runtime-action small{color:#99939f;line-height:1.35}.story-runtime-action.mode,.story-runtime-action.inline{flex-direction:row;align-items:center;justify-content:space-between}.story-runtime-setting{display:grid;gap:7px;color:#aaa4ae;font-size:12px}.story-runtime-hint{color:#817b89;font-size:11px;line-height:1.35}.story-runtime-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.story-runtime-segmented button{padding:4px 5px;border:1px solid var(--ludio-line);font:inherit;font-size:11px;cursor:pointer}.story-runtime-segmented button.selected{background:#4a367c;color:#fff}.runtime-font-small{--story-copy-size: 14px}.runtime-font-large{--story-copy-size: 18px}.story-page .narration,.story-page .action,.story-page .dialogue,.story-page .theatre-narration,.story-page .theatre-dialogue em,.story-page .theatre-dialogue strong{font-size:var(--story-copy-size)}.turn-action-spinner{width:15px;height:15px;display:inline-block;border:2px solid rgba(214,203,255,.32);border-top-color:#cfc1ff;border-radius:50%;animation:turn-action-spin .7s linear infinite}@keyframes turn-action-spin{to{transform:rotate(360deg)}}.system-bubble{display:grid;gap:9px;max-width:min(92%,560px);margin:14px 0 20px;padding:12px;border:1px solid rgba(142,116,255,.35);border-radius:14px;background:#2d234952;color:#bdb3ce;font-size:13px}.system-bubble-header{display:flex;align-items:center;gap:7px;color:var(--ludio-accent-text);font-size:12px;font-weight:600;letter-spacing:.01em}.system-bubble-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ludio-brand-soft);color:var(--ludio-accent-text)}.system-bubble-content{display:grid;gap:9px;align-items:center}.generated-image-label{color:var(--ludio-accent-text);font-size:12px}.story-runtime-action.mode span{color:#aaa4ae;font-size:24px}.story-runtime-action.mode.selected{color:var(--ludio-accent-text)}.story-runtime-divider{height:1px}@keyframes story-drawer-in{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}.story-inline-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 auto 12px;padding:9px 12px;border:1px solid var(--ludio-brand-line);border-radius:10px;background:#402f6f40;color:#e6defd;font-size:12px}.story-inline-notice button,.story-dialog-close{border:0;background:transparent;color:#a9a1b4;font-size:20px;line-height:1;cursor:pointer}.transcript{min-height:calc(100dvh - 240px);padding:28px 0 calc(110px + env(safe-area-inset-bottom))}.empty-state{min-height:48vh;display:grid;place-content:center;text-align:center;color:#9d98a7}.story-intro{display:grid;grid-template-columns:92px 1fr;gap:15px;align-items:start;max-width:620px;margin:0 auto 25px;text-align:left}.story-detail-shell{display:grid;gap:14px;max-width:620px;margin:0 auto 25px;text-align:left}.story-detail-lead{display:grid;gap:16px}.story-detail-hero{position:relative;display:grid;place-items:center;min-height:232px;overflow:hidden;border-radius:18px;background:var(--ludio-surface);isolation:isolate}.story-detail-hero:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#0f0d1414,#0f0d14b8);z-index:-1}.story-intro-cover{width:142px;height:204px;border-radius:12px;position:relative;overflow:hidden;background:var(--ludio-surface);box-shadow:0 14px 32px #00000052;box-shadow:0 18px 38px #00000073}.story-intro-cover img,.story-intro-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-intro-cover .cover-scrim{background:linear-gradient(180deg,transparent 35%,rgba(10,10,14,.25))}.story-detail-copy{display:grid;gap:10px;min-width:0}.story-tags{display:flex;flex-wrap:wrap;gap:6px}.story-tags span{color:#c4b8f4;font-size:11px;unicode-bidi:isolate}.story-detail-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ludio-line);overflow-x:auto}.story-detail-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#85808e;padding:10px 12px;cursor:pointer;white-space:nowrap}.story-detail-tabs button.selected{color:#fff;border-bottom-color:#8d74ff}.story-detail-panel{min-height:112px;padding:2px 0 0}.story-detail-panel h2{font-size:16px;margin:0 0 8px}.story-detail-flow{display:grid;gap:28px}.story-detail-section{display:grid;gap:10px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.story-detail-subheading{margin:2px 0 0;color:#eee8fa;font-size:13px;letter-spacing:.01em}.story-background-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:2px}.story-background-card{position:relative;min-height:98px;margin:0;overflow:hidden;border:1px solid var(--ludio-line);border-radius:12px;background:var(--ludio-surface)}.story-background-card img{display:block;width:100%;height:118px;object-fit:cover}.story-background-card figcaption{position:absolute;right:7px;bottom:6px;left:7px;color:#eee8fa;font-size:10px;text-shadow:0 1px 3px #000}.story-detail-section:last-child{padding-bottom:0;border-bottom:0}.story-profile{color:#b7b0c1;line-height:1.5;margin:8px 0 10px;font-size:13px}.story-creator-note-copy{white-space:pre-wrap}.story-detail-headline{margin:8px 0 12px;color:#eee7ff;font-size:15px;font-weight:650;line-height:1.45}.story-additional-information,.story-creator-comments{margin-top:14px}.story-characters{display:flex;flex-direction:column;gap:8px}.story-character-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:flex-start;gap:12px;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;padding:10px 0 14px;color:#d2c8f2;background:transparent}.story-character-card .character-avatar{width:72px;height:72px;aspect-ratio:1}.story-character-avatar-wrap{position:relative;display:grid;justify-items:center;align-content:start;gap:5px;min-width:0}.story-character-avatar-button{display:block;width:72px;height:72px;padding:0;border:0;border-radius:50%;background:transparent;cursor:zoom-in}.story-character-avatar-button .character-avatar{width:100%;height:100%}.story-character-you-badge{display:inline-flex;align-items:center;min-height:18px;padding:2px 7px;border:1px solid rgba(200,181,255,.45);border-radius:999px;color:#eee8ff;background:#674cadb8;font-size:9px;font-weight:750;letter-spacing:.12em;line-height:1;text-transform:uppercase}.story-character-details{display:grid;gap:7px;min-width:0;margin:0}.story-character-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.story-character-section-heading h2{min-width:0;margin:0}.story-character-field{display:grid;gap:3px;min-width:0}.story-character-field-inline{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:7px}.story-character-field-inline .story-character-label:after{content:":"}.story-character-label{margin:0;color:#80778d;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:.04em}.story-character-name,.story-character-role{min-width:0;margin:0}.story-character-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#eee8fa;font-size:14px;font-weight:650;line-height:1.35}.story-character-card .story-character-role{color:#c4b8f4;font-size:12px;line-height:1.45}.story-character-card .story-character-profile{display:block;overflow:visible;color:#9488a8;font-size:12px;line-height:1.5;white-space:pre-wrap}.story-page.detail .story-character-status-pill{display:inline-flex;align-items:center;width:fit-content;margin:0;padding:2px 7px;border:1px solid rgba(172,139,255,.3);border-radius:999px;color:#c5aaff;background:#8c5fff1a;font-size:10px;font-weight:650;line-height:1.35;white-space:nowrap}.story-page.detail .story-character-identity-policy{flex:0 0 auto;color:#bba8ef;background:#7052b21f}.story-character-more{width:fit-content;min-height:32px;margin:-2px 0 0;padding:4px 0;border:0;color:#b9a4ff;background:transparent;font-size:11px;font-weight:650;line-height:1.3;cursor:pointer}@media(hover:hover){.story-character-more:hover{color:#e1d8ff}}.story-opening-sequence{display:grid;gap:8px}.story-opening-beat{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--ludio-line);background:#1d19279e}.story-opening-beat.narrator{border-color:#9989b559;background:#28223294}.story-opening-speaker{color:#c4b8f4;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.story-opening-beat p{margin:0;color:#d8d0e2;font-size:13px;line-height:1.55}.story-start-hint{display:grid;gap:5px;max-width:620px;margin:5px auto 12px;padding:12px 14px;border:1px solid var(--ludio-brand-line);border-radius:12px;background:#402f6f2e;color:#c5bdcf;text-align:left;font-size:12px;line-height:1.5}.story-start-hint strong{color:#eee8fa;font-size:12px}.story-start-actions{position:sticky;bottom:calc(58px + env(safe-area-inset-bottom));z-index:3;margin:4px -6px 0;padding:9px 6px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0e0d1200,#0e0d12f0 26%)}.primary,.send{border:0;background:var(--ludio-brand);color:var(--ludio-on-accent);border-radius:12px;padding:12px 18px;cursor:pointer}.primary:disabled{cursor:not-allowed;background:var(--ludio-surface-raised);color:var(--ludio-muted);opacity:1}.story-start-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;margin-top:2px;box-shadow:none;color:var(--ludio-on-accent);text-decoration:none}.story-start-button:visited{color:var(--ludio-on-accent);text-decoration:none}.story-start-button.is-loading{box-shadow:none}.story-entry-bar{position:fixed;right:0;bottom:0;left:0;z-index:12;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(74,62,96,.7);background:#0f0d14eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.story-entry-unavailable{flex:0 0 100%;margin:0 0 2px;color:#a9a1b4;font-size:12px;line-height:1.4;text-align:center}.story-entry-bar .story-start-button{width:min(100%,300px);min-height:48px}.story-entry-bar>.story-start-button:only-child{width:min(100%,620px)}.story-report-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#060509b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-role-picker-backdrop{position:fixed;inset:0;z-index:31;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#060509bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-role-picker{position:relative;width:min(100%,480px);max-height:min(78dvh,620px);overflow:auto;padding:24px;border:1px solid var(--ludio-line);border-radius:18px;box-shadow:0 24px 70px #00000080;overscroll-behavior:contain}.story-role-picker>p{margin:0 0 18px;color:#a9a1b4;font-size:13px;line-height:1.5}.runtime-identity-persona-form{display:grid;gap:0}.runtime-identity-picker label{display:grid;gap:7px;margin-top:14px;color:#e9e3f1;font-size:13px}.runtime-identity-picker input,.runtime-identity-picker textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:10px 11px;background:var(--ludio-field);color:#f5efff;line-height:1.45;resize:vertical}:where([data-keyboard]) .runtime-identity-picker input:focus,:where([data-keyboard]) .runtime-identity-picker textarea:focus{border-color:var(--ludio-brand);outline:2px solid var(--ludio-focus-color)}.runtime-identity-picker .story-persona-draft-avatar{margin-bottom:2px}.runtime-identity-picker .story-persona-save-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.runtime-identity-picker .story-persona-save-toggle>input{width:18px;min-width:18px;height:18px;margin:0;padding:0;accent-color:var(--ludio-brand)}.runtime-identity-picker .story-persona-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.runtime-identity-picker .story-persona-actions button{min-width:104px}.story-role-section{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}.story-role-section:first-of-type{margin-top:0;padding-top:0;border-top:0}.story-role-section-heading{display:grid;gap:3px}.story-role-section-heading h3{margin:0;color:#f5efff;font-size:15px;font-weight:650}.story-role-section-heading span{color:#a9a1b4;font-size:11px;line-height:1.4}.story-role-section-empty{margin:0;color:#8e8599;font-size:12px}.story-role-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.story-persona-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;align-items:start}.story-persona-choice{display:grid;grid-template-columns:1fr;justify-items:center;gap:8px;width:100%;min-width:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:#f5efff;text-align:center;cursor:pointer}:where([data-keyboard]) .story-persona-choice:focus-visible,:where([data-keyboard]) .story-role-option:focus-visible{outline:2px solid var(--ludio-brand);outline-offset:4px;border-radius:12px}@media(hover:hover){.story-persona-choice:hover,.story-role-option:hover{outline:2px solid var(--ludio-brand);outline-offset:4px;border-radius:12px}}.story-persona-choice.selected{box-shadow:0 0 0 2px var(--ludio-brand-strong);border-radius:12px}:where([data-keyboard]) .story-persona-choice:focus-visible .character-avatar,:where([data-keyboard]) .story-role-option:focus-visible .character-avatar,:where([data-keyboard]) .creator-search:focus-within{border-color:var(--ludio-brand);box-shadow:0 0 0 3px var(--ludio-focus-color)}@media(hover:hover){.story-persona-choice:hover .character-avatar,.story-role-option:hover .character-avatar{border-color:var(--ludio-brand);box-shadow:0 0 0 3px var(--ludio-focus-color)}}.story-persona-choice .character-avatar,.story-persona-choice-new .story-persona-plus{width:min(92px,100%);aspect-ratio:1;height:auto;border-radius:50%;font-size:23px}.story-persona-choice>span:not(.character-avatar):not(.story-persona-plus):not(.story-identity-check){display:grid;gap:3px;min-width:0;width:100%;justify-items:center}.story-persona-choice strong{max-width:100%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.story-persona-choice small{max-width:100%;overflow:hidden;color:#b7acc7;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.story-persona-choice-new .story-persona-plus{display:grid;place-items:center;border:1px dashed #8171b7;color:#bcaeff;font-size:28px;line-height:1}.story-role-option{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff09;color:#f5efff;text-align:left;cursor:pointer}.story-role-option.selected{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft);box-shadow:0 0 0 1px var(--ludio-focus-color)}.story-role-option .character-avatar{flex:none;width:72px;height:72px;font-size:22px}.story-role-option>span:not(.character-avatar):not(.story-identity-check){display:grid;align-content:start;gap:4px;min-width:0;width:100%;justify-items:start;padding-top:2px}.story-role-option strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.story-role-option small{max-width:100%;overflow:visible;color:#b7acc7;font-size:11px;line-height:1.45;text-overflow:clip;white-space:normal}.story-role-option .story-role-option-profile{display:block}.story-persona-option{border-style:dashed}.story-persona-plus{display:grid;width:min(112px,100%);aspect-ratio:1;height:auto;place-items:center;border:1px dashed #8171b7;border-radius:12px;color:#bcaeff;font-size:28px;line-height:1}.story-persona-picker-backdrop{position:fixed;inset:0;z-index:32;display:grid;place-items:end center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#060509bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-persona-picker{position:relative;width:min(100%,520px);max-height:min(82dvh,720px);overflow:auto;padding:24px;border:1px solid var(--ludio-line);border-radius:22px 22px 14px 14px;box-shadow:0 24px 70px #00000080;overscroll-behavior:contain}.story-persona-picker>p{margin:0 0 18px;color:#a9a1b4;font-size:13px;line-height:1.5}.story-persona-draft-avatar{display:flex;align-items:center;gap:11px;margin:0 0 16px;padding:10px 11px;border:1px solid var(--ludio-line);border-radius:13px;background:var(--ludio-surface)}.story-persona-draft-avatar .character-avatar{width:52px;height:52px;flex:none;font-size:18px}.story-persona-draft-avatar>span:not(.character-avatar){display:grid;gap:3px;min-width:0}.story-persona-draft-avatar strong{color:#eee8f7;font-size:13px}.story-persona-draft-avatar small{color:#aaa0b8;font-size:11px;line-height:1.35}.story-persona-avatar-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.story-persona-avatar-actions .compact{min-height:28px;padding:5px 9px;border-radius:8px;font-size:11px}.story-persona-picker label{display:grid;gap:7px;margin-top:14px;color:#e9e3f1;font-size:13px}.story-persona-picker input,.story-persona-picker textarea{width:100%;box-sizing:border-box;border:1px solid var(--ludio-line);border-radius:11px;padding:11px 12px;background:var(--ludio-field);color:#f5efff;resize:vertical}:where([data-keyboard]) .story-persona-picker input:focus,:where([data-keyboard]) .story-persona-picker textarea:focus{border-color:var(--ludio-brand);outline:2px solid var(--ludio-focus-color)}.story-persona-save-toggle{display:flex!important;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:14px!important;margin-top:16px!important;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#ffffff09;cursor:pointer}.story-persona-save-label{display:grid;gap:3px}.story-persona-save-label small{color:#aaa0b8;font-size:11px;font-weight:400}.story-persona-save-toggle>input{width:18px;height:18px;margin:0;accent-color:var(--ludio-brand)}.story-persona-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.story-dialog-close{position:absolute;top:16px;right:16px}.story-start-spinner{width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.28);border-top-color:currentColor;border-radius:50%;animation:story-start-spin .7s linear infinite}@keyframes story-start-spin{to{transform:rotate(360deg)}}.turn{margin:0 0 30px}.runtime-opening-label{display:inline-flex;align-items:center;margin:0 0 12px;padding:5px 9px;border:1px solid rgba(184,166,255,.3);border-radius:999px;color:#bcaeff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.theatre-opening-label{position:relative;z-index:2}.theatre-opening-source{margin:0 auto 18px;padding:16px 18px;border:1px solid rgba(184,166,255,.22);border-radius:18px;background:#161123b3;color:#f6f0fce6;line-height:1.7}.theatre-opening-source p{margin:0;white-space:pre-wrap}.ai-generated-note{display:flex;align-items:center;gap:7px;margin:0 0 18px;color:#857a95;font-size:11px;line-height:1.4}.ai-generated-note span{color:#b7a9ff;font-size:14px}.user-message{width:fit-content;max-width:min(88%,620px);margin:0 0 14px auto;padding:11px 15px;border-radius:17px 17px 5px;background:#694be0;color:#fff;font-size:var(--story-copy-size);line-height:1.5;white-space:pre-wrap}.user-message-row{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;margin:0 0 14px}.user-message-row .user-message{min-width:0;max-width:min(calc(100% - 50px),620px);margin:0;overflow-wrap:anywhere}.user-message-author{display:grid;flex:0 0 42px;justify-items:center;align-self:flex-end;gap:4px;width:42px;min-width:0}.user-message-author .character-avatar{width:36px;height:36px;font-size:13px}.user-message-author-name{width:100%;min-width:0;overflow:hidden;color:#c8baff;font-size:10px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.player-continuation-row{align-items:flex-end}.player-continuation-bubble{max-width:min(82%,620px);padding:12px 15px;border:1px solid rgba(152,121,255,.48);border-radius:18px 5px 18px 18px;background:linear-gradient(145deg,#6949cd57,#37275b8c);color:#f3efff}.player-continuation-action,.player-continuation-dialogue{margin:0}.player-continuation-action{color:#c5badd}.player-continuation-dialogue{color:#f3efff}.player-continuation-action+.player-continuation-dialogue{margin-top:8px}.user-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:transparent;color:#fff;font-size:12px;font-weight:700}.narration{color:#a9a4b0;white-space:pre-wrap;font-style:normal;line-height:1.6;margin:0 0 22px}.character{display:grid;justify-items:start;gap:7px;padding:0;margin:0 0 14px}.character-meta{display:flex;align-items:center;gap:9px;min-height:30px}.character-avatar{display:grid;place-items:center;flex:none;min-width:0;min-height:0;aspect-ratio:1;width:30px;height:30px;overflow:hidden;border:0;border-radius:50%;background:transparent;color:#fff;font-size:12px;font-weight:700}.character-avatar img{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:cover}.character-name{color:#b7a9ff;font-size:12px;font-weight:700}.character-bubble{max-width:min(92%,640px);margin-left:39px;padding:12px 15px;border:1px solid var(--ludio-line);border-radius:5px 18px 18px;background:var(--ludio-surface)}.action,.dialogue,.story-character-content,.player-continuation-action,.player-continuation-dialogue{white-space:pre-wrap;font-size:var(--story-copy-size);line-height:1.6}.action{color:#aba5b0;font-style:normal;margin:0}.dialogue{color:#eeeaf4;margin:8px 0 0}.composer{position:fixed;left:22px;right:22px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:806px;margin:auto;display:flex;align-items:flex-end;gap:8px;border:1px solid var(--ludio-line);border-radius:16px;padding:7px}.composer input,.composer textarea{min-width:0;flex:1;background:transparent;border:0;color:#fff;padding:8px;outline:none;line-height:1.4;resize:none;overflow-y:auto;overflow-wrap:anywhere;max-height:132px}.composer input::placeholder,.composer textarea::placeholder{color:#77727f}.locale{border:0;background:var(--ludio-surface);color:#beb6ca;border-radius:10px;padding:0 10px}.send{width:40px;padding:0;align-self:flex-end}.placeholder{padding-top:80px}.placeholder h1{font-size:40px;letter-spacing:-.05em}.placeholder p{color:#9b96a3}.app-crash-screen{min-height:100dvh;display:grid;place-content:center;gap:14px;padding:32px 24px;background:var(--ludio-bg);color:#fff;text-align:center}.app-crash-screen h1{max-width:520px;margin:0;font-size:clamp(32px,8vw,58px);letter-spacing:-.06em}.app-crash-screen p{max-width:420px;margin:0 auto 8px;color:#a8a2b0;line-height:1.55}.app-crash-screen .primary{justify-self:center}@media(min-width:700px){.page{padding-top:70px}.story-page{padding-top:18px}.bottom-nav{top:auto;bottom:0;border-top:1px solid var(--ludio-line);border-bottom:0}.app-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom));padding-top:calc(64px + env(safe-area-inset-top))}.topbar{position:fixed;left:0;right:0;top:0}.composer{bottom:calc(88px + env(safe-area-inset-bottom))}.transcript{padding-bottom:110px}.theatre-stage{margin-bottom:calc(68px + env(safe-area-inset-bottom))}}.billing-plan-grid,.coins-pack-grid{display:grid;gap:9px}.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.billing-plan-grid button{display:grid;position:relative;gap:3px;min-height:62px;padding:10px 12px;border-radius:13px;text-align:left}.billing-plan-grid button strong{font-size:17px}.billing-plan-grid button span{color:var(--ludio-muted);font-size:11px}.coins-purchase{margin:18px 0 24px;padding:16px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-lg);background:var(--ludio-surface)}.coins-purchase .section-title{margin:0 0 12px}.coins-purchase .section-title h2{font-size:18px}.membership-invite-card{margin:18px 0 24px;padding:16px;border:1px solid var(--ludio-brand-line);border-radius:var(--ludio-radius-lg);background:var(--ludio-brand-fill-soft)}.membership-invite-card .section-title{margin:0 0 8px}.membership-invite-card .section-title h2{font-size:18px}.membership-invite-card>p{margin:0 0 12px;color:var(--ludio-muted);font-size:13px;line-height:1.5}.invite-link-button{width:100%;min-height:44px}.invite-email-form{display:grid;gap:8px;margin-top:14px}.invite-email-form label{color:var(--ludio-text);font-size:13px;font-weight:600}.invite-email-form textarea{width:100%;resize:vertical;min-height:58px;padding:10px 11px;border:1px solid var(--ludio-line);border-radius:11px;background:var(--ludio-field);color:var(--ludio-text);line-height:1.4}.invite-email-form button{justify-self:start;min-height:40px}.invite-stats,.invite-message{display:block;margin-top:11px;color:var(--ludio-muted);font-size:12px;line-height:1.45}.invite-message{color:var(--ludio-accent-text)}.coins-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coins-pack-card{display:grid;gap:4px;min-height:64px;padding:11px 12px;border:1px solid var(--ludio-line);border-radius:12px;background:#ffffff09;color:var(--ludio-text);text-align:left;cursor:pointer}:where([data-keyboard]) .coins-pack-card:focus-visible,.coins-pack-card.featured{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft)}@media(hover:hover){.coins-pack-card:hover{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft)}}.coins-pack-card strong{font-size:14px}.coins-pack-card span{color:var(--ludio-muted);font-size:12px}.coins-pack-card:disabled,.billing-plan-grid button:disabled{cursor:not-allowed;opacity:.5}.billing-config-note{margin:8px 0 0;color:var(--ludio-muted);font-size:12px;line-height:1.45}@media(max-width:520px){.billing-plan-grid,.coins-pack-grid{grid-template-columns:1fr}}.story-create-page.story-editor-page .story-editor-section+.story-editor-section{margin-top:0;padding-top:0;border-top:0}.story-create-page .story-create-inline-section{margin-top:0;padding-top:0;border-top:0}.story-create-page .story-create-footer{position:sticky;bottom:0;z-index:18;margin:18px 0 0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(187,142,135,.14);background:#130e14f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-create-page .story-editor-footer{margin-left:0;margin-right:0}.media-preview-trigger{display:grid;justify-items:start;width:fit-content;min-width:0;padding:0;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.media-preview-trigger:disabled{cursor:wait;opacity:.7}:where([data-keyboard]) .media-preview-trigger:not(:disabled):focus-visible .media-preview{border-color:#de717ac7;box-shadow:0 0 0 3px #c65b6829}@media(hover:hover){.media-preview-trigger:not(:disabled):hover .media-preview{border-color:#de717ac7;box-shadow:0 0 0 3px #c65b6829}}.media-preview-trigger>span{color:#d7c5cf;font-size:.72rem;line-height:1.2}.story-create-cover-preview{width:118px}.story-character-avatar-trigger,.asset-portrait-media-trigger{align-content:start}.story-character-avatar-trigger .media-preview{width:112px;border-radius:50%}@media(max-width:699px){.story-create-page .story-create-footer{margin-top:14px;padding-top:11px}.story-create-cover-preview,.story-create-cover-preview .media-preview{width:80px}.story-character-avatar-trigger .media-preview{width:96px}}.account-actions{display:flex;gap:10px;align-items:center;order:1}.account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcb6c5;font-size:12px}.sign-in-link{color:#c4bbfa;text-decoration:none;font-size:13px}.topbar-section .account-actions{margin-left:auto}.topbar-section .topbar-route-actions{margin-left:10px}.auth-page{max-width:440px;margin:0 auto;padding:72px 22px}.auth-page h1{font-size:clamp(34px,8vw,56px);letter-spacing:-.06em;line-height:1.05;margin:14px 0}.auth-copy{color:#a8a2b0;line-height:1.5;margin-bottom:28px}.studio-form{display:grid;gap:12px}.profile-private-fields{display:grid;gap:14px;margin:4px 0;padding:16px;border:1px solid var(--ludio-line);border-radius:16px;background:#241f2db8}.profile-private-fields legend{padding:0 6px;color:#f7f3ff;font-weight:700}.profile-private-fields .editor-hint{margin:-4px 0 0}.profile-private-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-private-field{display:grid;gap:7px;min-width:0;color:#eee7fa;font-size:13px;font-weight:650;line-height:1.3}.profile-private-field input,.profile-private-field select{width:100%;min-height:48px;padding:12px 13px}.delete-account-form{display:grid;gap:10px}.delete-account-form input{width:100%;border:1px solid #6c3b49;border-radius:12px;background:var(--ludio-field);color:#fff;padding:14px;outline:none}.danger-button{border:1px solid #c9576d;border-radius:12px;background:#6f273b;color:#fff;padding:13px 16px;font:inherit;font-weight:700;cursor:pointer}.danger-button:disabled{opacity:.45;cursor:not-allowed}.studio-form input,.studio-form textarea{width:100%;border:1px solid var(--ludio-line);border-radius:12px;background:var(--ludio-field);color:#fff;padding:14px;outline:none}.studio-form textarea{min-height:130px;resize:vertical}.inline-field{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#aaa4b2;font-size:.9rem}.inline-field select{width:min(220px,55%);border:1px solid var(--ludio-line);border-radius:12px;background:var(--ludio-field);color:#fff;padding:10px 12px}.studio-page{padding-top:40px}.creator-empty-state{gap:8px;padding:36px 20px}.creator-empty-state strong{color:#fff;font-size:18px}.creator-empty-state p{max-width:360px;margin:0 auto 8px;line-height:1.55}.studio-create-banner{margin:0 0 20px;padding:18px 20px;border-color:var(--ludio-brand-line);background:var(--ludio-brand-fill-soft)}.studio-create-banner .eyebrow{color:var(--ludio-accent-text)}.studio-create-banner-action{min-width:148px;white-space:nowrap}.creator-modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#07050cbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.creator-modal-card{position:relative;width:min(520px,100%);padding:28px;border:1px solid #433661;border-radius:22px;box-shadow:0 24px 80px #00000080}.creator-modal-card h2{margin:8px 0;font-size:26px}.creator-modal-card>.editor-hint{margin:0 0 20px}.story-editor-feedback-card{--dialog-header-inset: 28px;--dialog-header-inset-block: 32px;width:min(420px,100%);max-height:calc(100dvh - max(20px,env(safe-area-inset-top,0px)) - max(20px,env(safe-area-inset-bottom,0px)));overflow-y:auto;overscroll-behavior:contain;padding:32px 28px 26px;text-align:center}.story-editor-feedback-backdrop{padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}.story-editor-feedback-card>.dialog-header{position:relative;top:auto;background:transparent}.story-editor-feedback-card p{margin:0 auto 22px;max-width:34rem;color:var(--ludio-muted, #aaa6b0);font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.story-editor-feedback-card>.primary{width:min(160px,100%);min-height:48px}.story-editor-feedback-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:var(--ludio-brand-soft);color:var(--ludio-accent-text);font-size:22px;font-weight:700}.story-editor-feedback-mark>.ui-icon{width:24px;height:24px}.story-editor-feedback-card.error .story-editor-feedback-mark{background:#eb687529;color:#ff9ca6}.plot-type-options{display:grid;gap:12px}.plot-type-options button{display:grid;gap:6px;padding:18px;text-align:left;border:1px solid var(--ludio-line);border-radius:16px;background:var(--ludio-surface);color:#fff;cursor:pointer}:where([data-keyboard]) .plot-type-options button:focus-visible{border-color:#8061ee;background:#2d2250}@media(hover:hover){.plot-type-options button:hover{border-color:#8061ee;background:#2d2250}}.plot-type-options strong{font-size:16px}.plot-type-options span{color:#aaa0b4;font-size:13px;line-height:1.45}.editor-inline-actions{display:flex;gap:10px;flex-wrap:wrap}.studio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;position:relative}.studio-create-menu{position:absolute;top:48px;right:0;z-index:5;display:grid;min-width:150px;gap:4px;padding:6px;border:1px solid var(--ludio-line);border-radius:14px;background:var(--ludio-surface);box-shadow:0 14px 36px #00000059}.studio-create-menu button{justify-content:flex-start;width:100%;padding:10px 12px;border-radius:9px;color:#eee9f4}.studio-create-menu button small{display:block;margin-top:.2rem;color:var(--muted, #aaa);font-size:.72rem;font-weight:400}.quick-create-form .section-title{align-items:flex-start}.quick-create-backdrop{z-index:40;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.quick-create-form{display:flex;flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - max(28px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));min-height:min(560px,calc(100dvh - max(28px,env(safe-area-inset-top) + env(safe-area-inset-bottom))));padding:22px;overflow:hidden}.quick-create-form>.section-title,.quick-create-form>.story-workflow-steps{flex:0 0 auto}.quick-create-body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:12px;margin:0 -6px;padding:6px 6px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.quick-create-body>.primary[type=submit]{position:sticky;bottom:0;z-index:2;margin-top:auto;box-shadow:0 -12px 24px #17131feb}.quick-create-body>.quick-create-progress,.quick-create-body>.notice{flex:0 0 auto}.story-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 16px;padding:10px 0 12px;border-bottom:1px solid rgba(255,255,255,.09)}.story-workflow-step{display:grid;justify-items:center;gap:6px;min-width:0;color:#77717f;text-align:center}.story-workflow-step-number{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#948b9d;background:#ffffff09;font-size:11px;font-weight:700}.story-workflow-step-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25}.story-workflow-step.active{color:#f6f0ff}.story-workflow-step.active .story-workflow-step-number{border-color:#a988ff;color:#fff;background:#7045db;box-shadow:0 0 0 3px #7045db29}.story-workflow-step.complete{color:#cbb9ff}.story-workflow-step.complete .story-workflow-step-number{border-color:#ab84ff94;color:#e7dcff;background:#7045db57}.quick-create-progress{display:grid;gap:9px;margin-top:12px;padding:11px 12px;border:1px solid rgba(179,156,255,.2);border-radius:12px;color:#d8caff;background:#b39cff0f;font-size:13px;line-height:1.35}.quick-create-progress-heading{display:flex;align-items:flex-start;gap:12px;min-width:0}.quick-create-progress-heading:before{content:"";flex:0 0 auto;width:14px;height:14px;margin-top:1px;border:2px solid rgba(216,202,255,.3);border-top-color:#b39cff;border-radius:50%;animation:ludio-spin .8s linear infinite}.quick-create-progress-heading span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.quick-create-progress-heading strong{flex:0 0 auto;color:#f2eaff;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.quick-create-progress-track{height:5px;overflow:hidden;border-radius:999px;background:#ffffff1a}.quick-create-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--ludio-brand-fill);transition:width .25s ease}.quick-generation-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#08060c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-generation-card{display:grid;justify-items:center;gap:12px;width:min(360px,100%);padding:28px 24px 24px;border:1px solid rgba(198,173,255,.34);border-radius:22px;background:linear-gradient(145deg,#2f2342fa,#1b1625fa);box-shadow:0 24px 70px #0000007a,0 0 0 1px #ffffff0a inset;text-align:center}.quick-generation-card strong{color:#fff;font-size:17px;line-height:1.35}.quick-generation-card p{margin:0;color:#d0c7dc;font-size:13px;line-height:1.5}.quick-generation-card small{color:#a99db8;font-size:12px;line-height:1.45}.quick-generation-spinner{width:38px;height:38px;border:3px solid rgba(217,198,255,.24);border-top-color:#b59aff;border-right-color:#f0eaff;border-radius:50%;animation:ludio-spin .8s linear infinite}.quick-create-cost-hint{margin:-6px 0 2px;color:#aaa0b5;font-size:12px;line-height:1.45}.quick-create-cost-hint.insufficient{color:#ffbfbd}.quick-create-cost-hint a{color:#c6adff;font-weight:650;text-decoration:underline;text-underline-offset:2px}.quick-blueprint-review{display:grid;gap:14px;margin:4px 0 16px;padding:16px;border:1px solid rgba(179,156,255,.24);border-radius:16px;background:#ffffff09}.quick-blueprint-summary{display:grid;gap:4px}.quick-blueprint-summary strong{color:#fff;font-size:18px}.quick-blueprint-summary span{color:#c8b9dd;font-size:13px}.quick-blueprint-review p{margin:0;color:#c2b9ca;font-size:13px;line-height:1.55}.quick-blueprint-setting,.quick-blueprint-cast{display:grid;gap:6px}.quick-blueprint-setting strong,.quick-blueprint-cast>strong{color:#eee8f7;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.quick-blueprint-setting p{white-space:pre-wrap}.quick-blueprint-meta{display:flex;flex-wrap:wrap;gap:8px;color:#c8b9dd;font-size:12px}.quick-blueprint-meta span{padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px}.quick-blueprint-character-list{display:grid;gap:8px}.quick-blueprint-character{display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff06}.quick-blueprint-character>strong{color:#f3edf9;font-size:13px}.quick-blueprint-character>span{color:#c8b9dd;font-size:11px}.quick-blueprint-character>p{white-space:pre-wrap}.quick-create-review-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:6px}@media(max-width:520px){.quick-create-backdrop{align-items:flex-end;padding:max(8px,env(safe-area-inset-top)) 0 0}.quick-create-form{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));min-height:calc(100dvh - max(8px,env(safe-area-inset-top)));padding:18px 16px max(16px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.quick-create-form .section-title{margin-top:0}.quick-create-form .section-title h2{font-size:22px}.quick-create-review-actions{grid-template-columns:1fr;position:sticky;bottom:0;z-index:2;margin:auto -4px -4px;padding:10px 4px max(4px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#17131f 70%,transparent)}.quick-create-review-actions button{width:100%}}@keyframes ludio-spin{to{transform:rotate(360deg)}}.studio-head h1{font-size:clamp(36px,8vw,64px);letter-spacing:-.06em;margin:12px 0 0}.creator-search-large{width:100%;min-height:3rem;margin:1.25rem 0;padding:.8rem 1rem;color:var(--ink, #fff);background:var(--panel, #1a1720);border:1px solid var(--line, rgba(255,255,255,.16));border-radius:12px;font:inherit}.analytics-grid{display:grid;gap:.75rem}.analytics-card{padding:1rem;border:1px solid var(--line, rgba(255,255,255,.12));border-radius:14px;background:#ffffff09}.analytics-card h2{margin:0 0 .75rem;font-size:1rem}.analytics-metrics{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted, #aaa);font-size:.85rem}.analytics-metrics strong{color:var(--ink, #fff);font-size:1.05rem}.editor-toolbar{position:sticky;top:.5rem;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;padding:.75rem 1rem;border:1px solid var(--line, rgba(255,255,255,.12));border-radius:14px;background:#ffffff09;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.editor-toolbar-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){.editor-toolbar{top:.35rem;align-items:flex-start;flex-direction:column}.editor-toolbar-actions{width:100%;justify-content:flex-start}.editor-toolbar-actions>*{flex:1 1 auto;text-align:center}}.creator-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;margin:.75rem 0 1rem}.creator-option{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;width:100%;padding:.7rem;color:var(--ink, #fff);text-align:left;background:#ffffff09;border:1px solid var(--line, rgba(255,255,255,.12));border-radius:11px}label.creator-option{cursor:pointer}.creator-option input{margin-top:.2rem;accent-color:var(--ludio-brand)}.creator-option.selected{border-color:transparent;background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text)}.creator-option.selected small{color:var(--ludio-accent-text)}.creator-option.disabled{opacity:.48;cursor:not-allowed}.creator-option span{display:grid;gap:.2rem}.creator-option small{color:var(--muted, #aaa);line-height:1.35}.editor-panel-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 0 .55rem;color:var(--muted, #aaa);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.editor-panel-meta strong{color:var(--text, #f5f3ff);font-size:.85rem;letter-spacing:.04em}.editor-subsection-heading{margin:1.35rem 0 .7rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.09)}.editor-subsection-heading h3{margin:0;font-size:1rem}.editor-subsection-heading .editor-hint{margin:.35rem 0 0}.editor-preview-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#050408c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-preview-card{position:relative;width:min(100%,420px);max-height:min(90vh,760px);overflow:auto;background:var(--ludio-surface);border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 30px 80px #00000080}.editor-preview-card>:is(img,.progressive-image),.editor-preview-cover-fallback{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.editor-preview-cover-fallback{display:grid;place-items:center;color:#aaa;background:linear-gradient(140deg,#2e2745,#14111b);font-size:2rem;letter-spacing:.12em}.editor-preview-content{padding:1.25rem}.editor-preview-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.editor-preview-actions .primary,.editor-preview-actions .secondary{margin:0}.create-plot-heading{align-items:flex-start;margin-bottom:.35rem}.create-plot-heading h2{margin:.25rem 0 .4rem}.create-plot-heading .editor-hint{max-width:38rem;margin:0}.editor-preview-content h2{margin:.45rem 0;font-size:1.65rem}.editor-preview-content p{color:var(--muted, #aaa);line-height:1.55}.editor-preview-headline{color:var(--ink, #fff)!important;font-size:1rem}.editor-preview-close{position:absolute;top:.7rem;right:.7rem;z-index:2;width:2rem;height:2rem;color:#fff;background:#00000080;border:0;border-radius:50%;font-size:1.35rem}.story-create-page{width:min(100%,780px);padding-top:28px}.story-create-actions{display:flex;align-items:center;gap:8px}.story-create-actions button{white-space:nowrap}.story-create-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(187,142,135,.14)}.story-create-footer button{min-width:112px}.story-create-tabs{top:calc(64px + env(safe-area-inset-top) + .5rem);margin-top:0}.story-create-panel{display:grid;gap:18px;margin-top:0;padding:22px;border-color:#97706147;border-radius:20px;background:var(--ludio-surface, #211d28);box-shadow:0 18px 50px #0000002e}.story-create-panel+.story-create-panel{margin-top:16px}.story-editor-page .editor-grid{display:flex;flex-direction:column;gap:0;margin-top:0}.story-editor-page .story-editor-section-characters>.creator-field-hint{display:block}.story-editor-page .editor-form-grid{grid-template-columns:1fr}.story-editor-status{align-self:flex-start;width:fit-content;margin-top:4px}.story-editor-footer{margin-top:6px}.story-editor-footer button{flex:1}.story-editor-footer>.morph-submit-slot{width:100%}.story-create-panel .section-title{margin-bottom:2px}.story-create-panel .section-title .eyebrow{color:#c7a8b5;font-size:11px;letter-spacing:.16em}.story-create-panel .section-title .status{color:#b8a9b3;border-color:#ffffff1f;background:#ffffff09}.story-create-panel .field-label>span:first-child,.story-create-panel .creator-field>span:first-child{font-size:14px;font-weight:680;letter-spacing:-.01em}.story-create-panel input:not([type=checkbox]):not([type=radio]),.story-create-panel textarea,.story-create-panel select{min-height:48px;padding:11px 13px;color:#f8f4f5;border:1px solid rgba(185,150,145,.2);border-radius:12px;box-shadow:inset 0 1px #ffffff06}.story-create-panel textarea{min-height:112px;padding-right:74px;padding-bottom:28px;line-height:1.5;resize:vertical}.story-create-panel input:not([type=checkbox]):not([type=radio]),.story-create-panel textarea,.asset-create-page input:not([type=checkbox]):not([type=radio]),.asset-create-page textarea,.asset-create-page select{line-height:1.5;letter-spacing:-.005em}:where([data-keyboard]) .story-create-panel input:not([type=checkbox]):not([type=radio]):focus,:where([data-keyboard]) .story-create-panel textarea:focus,:where([data-keyboard]) .story-create-panel select:focus{outline:3px solid rgba(198,91,104,.13)}.story-create-panel .creator-field-hint,.story-create-panel .editor-hint{color:#a99da3;font-size:.75rem;line-height:1.45}.story-create-inline-section{display:grid;gap:12px;margin-top:4px;padding-top:20px;border-top:1px solid rgba(187,142,135,.14)}.story-create-inline-section h2,.story-create-inline-section h3,.story-editor-section-publishing h2{margin:0;font-size:1.08rem}.story-create-section-basics{margin-top:0;padding-top:0;border-top:0}.story-create-panel .creator-field,.asset-create-page .creator-field{position:relative}.story-field-counter,.image-prompt-counter{position:absolute;right:12px;bottom:9px;z-index:1;display:block;margin:0;padding:2px 5px;border-radius:6px;color:#a99da3;background:#1e161ab8;font-size:10px;line-height:1.2;letter-spacing:.01em;text-align:right;pointer-events:none}.story-create-panel input:not([type=checkbox]):not([type=radio]),.asset-create-page input:not([type=checkbox]):not([type=radio]){padding-right:68px}.story-create-panel .creator-field-hint,.asset-create-page .creator-field-hint{color:#a99da3;font-size:.72rem;line-height:1.4}.editor-panel-wide .creator-field input,.editor-panel-wide .creator-field textarea,.story-character-modal .creator-field input,.story-character-modal .creator-field textarea{line-height:1.5}.editor-panel-wide .creator-field textarea{padding-right:74px;padding-bottom:28px}.creator-character-media{display:grid;grid-template-columns:minmax(112px,144px) 1fr;gap:14px;align-items:end}@media(max-width:520px){.creator-character-media{grid-template-columns:96px 1fr;gap:10px}}.story-create-panel .section-title h2{margin:4px 0}.story-create-panel .creator-field{margin:0}.story-create-panel .editor-form-grid{gap:12px}.story-create-characters{margin-top:16px}.story-create-characters>.editor-fieldset{padding:16px 0;border-top:1px solid rgba(255,255,255,.09)}.story-create-characters>.editor-fieldset:first-of-type{border-top:0;padding-top:0}.story-create-characters .editor-fieldset .section-title h3{margin:0;font-size:16px}.story-create-panel .media-editor{margin-top:2px}.story-create-intro{margin:0 0 1rem}.story-create-assets{scroll-margin-top:5rem}.story-create-assets .creator-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:2px 0 0}.story-create-assets .creator-option{min-height:68px;padding:12px;border-color:#b68e892e;border-radius:14px;background:#3b27287a}.story-create-assets .creator-option.selected{border-color:transparent;background:var(--ludio-brand-fill-soft)}.story-create-cast-first{border-top:1px solid rgba(255,255,255,.08)}.story-create-cast-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;align-items:start}.story-create-character-tile-wrap{position:relative;min-width:0}.story-create-character-tile{width:100%;display:grid;justify-items:center;gap:7px;padding:0;border:0;background:transparent;color:inherit;text-align:center;cursor:pointer}.story-create-character-tile img,.story-create-character-avatar{width:min(116px,100%);aspect-ratio:1;height:auto;border-radius:50%;object-fit:cover;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#e8d9ff;font-size:34px}.story-create-character-avatar .ui-icon{width:34px;height:34px}.story-create-character-add-tile .story-create-character-avatar{border:2px dashed rgba(210,190,235,.62);font-size:38px;font-weight:300}.story-create-character-tile strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.story-create-character-tile small{color:var(--muted, #aaa);font-size:11px}.story-create-character-tile.selected .story-create-character-avatar,.story-create-character-tile.selected img{box-shadow:0 0 0 3px var(--ludio-focus-color)}.story-create-character-tile.disabled{opacity:.42;cursor:not-allowed}.story-create-character-delete{position:absolute;top:-7px;right:-7px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:#120e16f0;font-size:15px;line-height:1;cursor:pointer}:where([data-keyboard]) .story-create-character-delete:focus-visible{color:#ffb4bb;border-color:#ff8c96bf}@media(hover:hover){.story-create-character-delete:hover{color:#ffb4bb;border-color:#ff8c96bf}}.character-status-line{color:#bca9e8}.cast-custom-identity-setting{margin-top:4px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff09}.reader-entry-mode-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.reader-entry-mode-selector>button{display:grid;gap:5px;min-width:0;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff09;color:inherit;text-align:left;cursor:pointer}:where([data-keyboard]) .reader-entry-mode-selector>button:focus-visible{border-color:#ab84ffbf}@media(hover:hover){.reader-entry-mode-selector>button:hover{border-color:#ab84ffbf}}.reader-entry-mode-selector>button.selected{border-color:var(--ludio-accent-text);background:var(--ludio-brand-fill-soft);color:var(--ludio-text);box-shadow:none}.reader-entry-mode-selector strong{font-size:14px}.reader-entry-mode-selector small{color:var(--muted, #aaa);line-height:1.4}.reader-role-heading{display:grid;gap:4px;margin:18px 0 8px}.reader-role-heading strong{color:var(--text, #fff);font-size:13px;letter-spacing:.01em}.reader-role-heading span{color:var(--muted, #aaa);font-size:12px;line-height:1.45}.story-create-character-reader-choice{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#120e16f5;color:var(--muted, #aaa);font-size:10px;white-space:nowrap;cursor:pointer}.story-create-character-reader-choice:has(input:checked){border-color:#ab84ffe6;color:#eee}.story-create-character-reader-choice input{width:12px;height:12px;margin:0;accent-color:var(--ludio-brand)}@media(max-width:620px){.reader-entry-mode-selector{grid-template-columns:1fr}}.character-playable-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#ffffff09}.character-playable-toggle span{display:grid;gap:4px}.character-playable-toggle small{color:var(--muted, #aaa);line-height:1.4}.character-playable-toggle input{width:20px;height:20px;accent-color:var(--ludio-brand)}.story-character-playable-setting{margin-top:4px}.character-status-line.is-reader-character{color:#d9c9ff;font-weight:650}.story-character-status-pill{display:inline-flex;width:fit-content;margin:4px 0;padding:3px 8px;border:1px solid rgba(172,139,255,.32);border-radius:999px;color:#c5aaff;background:#8c5fff1f;font-size:11px}.story-editor-character-card{position:relative;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.story-editor-character-avatar-wrap{position:relative;width:76px;height:76px}.story-editor-character-avatar{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#e8d9ff;background:#ffffff14;font-size:26px}.story-editor-character-avatar img{width:100%;height:100%;object-fit:cover}.story-editor-character-delete{position:absolute;top:-8px;right:-8px;width:23px;height:23px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:#120e16f0;font-size:16px;line-height:1;cursor:pointer}:where([data-keyboard]) .story-editor-character-delete:focus-visible{color:#ffb4bb;border-color:#ff8c96bf}@media(hover:hover){.story-editor-character-delete:hover{color:#ffb4bb;border-color:#ff8c96bf}}.character-editor-details{border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.character-editor-details summary{color:#c9b4eb;cursor:pointer}.character-editor-details[open] summary{margin-bottom:12px}.story-editor-role-field{display:grid;gap:4px;text-align:left;margin-top:8px;max-width:320px}.story-editor-role-field span{color:var(--muted, #aaa);font-size:11px}.story-editor-role-field input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--ludio-field);color:inherit;padding:7px 9px}.story-editor-role-field input:focus{outline:2px solid var(--ludio-focus-color);outline-offset:1px}.story-editor-role-field small{color:var(--muted, #aaa);font-size:10px;line-height:1.35}.story-create-cover-field{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;margin:6px 0 18px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff06}.story-create-cover-type{grid-column:1 / -1;display:inline-flex;gap:6px}.story-create-cover-type button{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 11px;color:var(--muted, #aaa);background:#ffffff09;font-size:12px;cursor:pointer}.story-create-cover-type button.selected{border-color:transparent;color:var(--ludio-accent-text);background:var(--ludio-brand-fill-soft)}.story-create-cover-type button:focus-visible{outline-offset:2px}.creator-upload-progress{display:grid;gap:4px;margin-top:8px;max-width:360px}.creator-upload-progress progress{width:100%;height:6px;accent-color:var(--ludio-brand)}.creator-upload-progress small{color:var(--muted, #aaa);font-size:.72rem}.story-create-cover-preview .media-preview{width:118px;aspect-ratio:2 / 3}.story-create-player-avatar-row{display:flex;align-items:center;gap:16px;margin:10px 0 14px}.story-create-player-avatar-row .media-preview{width:78px;flex:0 0 78px}.image-prompt-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#040308c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.draft-restore-backdrop{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top,0px)) 20px max(20px,env(safe-area-inset-bottom,0px));background:#040308b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.draft-restore-card{--dialog-header-inset: 26px;width:min(440px,100%);max-height:calc(100dvh - max(20px,env(safe-area-inset-top,0px)) - max(20px,env(safe-area-inset-bottom,0px)));overflow-y:auto;padding:26px;border:1px solid rgba(210,168,158,.28);border-radius:22px;background:linear-gradient(145deg,#332329,#1b171e);box-shadow:0 24px 80px #00000080;text-align:center}.draft-restore-card p{margin:12px 0 22px;color:#b8adb3;line-height:1.6}.draft-restore-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.draft-restore-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere}.creator-inline-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:4px 0;color:var(--ink, #f7f3ff)}.creator-inline-setting>span{display:grid;gap:3px}.creator-inline-setting strong{font-size:.88rem;font-weight:650}.creator-inline-setting small{color:var(--muted, #aaa3b0);font-size:.73rem;line-height:1.4}.creator-inline-setting input[type=checkbox]{width:20px;height:20px;accent-color:var(--ludio-brand);flex:none}.policy-consent-row{display:flex;align-items:flex-start;gap:.65rem;margin-top:1.1rem;color:var(--muted, #aaa);font-size:.82rem;line-height:1.5}.policy-consent-row input{margin-top:.2rem;flex:0 0 auto}.policy-consent-row a{color:var(--ink, #fff);text-decoration:underline;text-underline-offset:2px}.image-prompt-modal[aria-busy=true]{pointer-events:auto}.image-prompt-modal[aria-busy=true] .image-style-option{cursor:wait;opacity:.68}.image-prompt-modal .creator-field{position:relative}.image-prompt-modal textarea{min-height:170px;padding-right:74px;padding-bottom:28px;line-height:1.5;resize:vertical}.image-prompt-actions{justify-content:flex-end;margin-top:16px}.asset-add-button{justify-self:start;min-height:44px;margin:0 0 2px;padding:10px 16px;border-style:dashed;border-color:#d3a69f57;border-radius:13px;background:#ffffff06}.asset-create-page{max-width:780px}.asset-create-page{min-height:calc(100dvh - 32px)}.asset-create-page .editor-panel{border-color:#97706147;border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(128,70,59,.13),transparent 35%),linear-gradient(155deg,#271819eb,#141117f7 58%);box-shadow:0 18px 50px #0000002e}.asset-create-page .creator-field-title{font-size:14px;font-weight:680;letter-spacing:-.01em}.asset-create-page .creator-field-hint,.asset-create-page .editor-hint{color:#a99da3;font-size:.75rem;line-height:1.45}.asset-create-page input:not([type=checkbox]):not([type=radio]),.asset-create-page textarea,.asset-create-page select{min-height:48px;padding:13px 14px;color:#f8f4f5;border:1px solid rgba(185,150,145,.2);border-radius:12px;box-shadow:inset 0 1px #ffffff06}.asset-create-page input:not([type=checkbox]):not([type=radio]){padding-right:68px}.asset-create-page textarea{min-height:112px;padding-right:74px;padding-bottom:28px;line-height:1.5;resize:vertical}:where([data-keyboard]) .asset-create-page input:not([type=checkbox]):not([type=radio]):focus,:where([data-keyboard]) .asset-create-page textarea:focus,:where([data-keyboard]) .asset-create-page select:focus{outline:3px solid rgba(198,91,104,.13)}.asset-create-lead{max-width:52rem;margin:0 0 1.1rem}.asset-create-panel{display:grid;gap:18px}.asset-create-media{display:grid;grid-template-columns:minmax(132px,180px) minmax(0,1fr);gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line, rgba(255,255,255,.12))}.asset-create-media .media-preview{width:100%;max-width:180px}.asset-create-media strong{display:block;margin-bottom:5px}.asset-create-media .editor-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.asset-create-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.story-create-panel .toggle-row,.story-create-panel .toggle-row span{font-size:.86rem;font-weight:400}.asset-create-drawer-layer{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 0 0;background:#050408b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asset-create-drawer-layer>.asset-create-page{width:min(780px,100%);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));min-height:0;margin:0;overflow-y:auto;overscroll-behavior:contain;padding:0 22px max(24px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(155deg,#271819fc,#141117fc 58%);box-shadow:0 -22px 70px #0000006b}.asset-create-close{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;margin-left:auto;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#f8f4f5;background:#ffffff12;font-size:25px;line-height:1;cursor:pointer}:where([data-keyboard]) .asset-create-close:focus-visible{border-color:#d87e82b3;background:#d87e8229}@media(hover:hover){.asset-create-close:hover{border-color:#d87e82b3;background:#d87e8229}}.story-character-modal-layer{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:20px 0 0;background:#050408b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-character-modal{width:min(560px,100%);max-height:min(760px,calc(100dvh - 28px));overflow-y:auto;overscroll-behavior:contain;padding:20px 22px max(22px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.14);border-radius:24px 24px 16px 16px;background:linear-gradient(155deg,#271819fc,#141117fc 58%);box-shadow:0 24px 80px #0000007a}.story-character-modal-handle{width:58px;height:5px;margin:-4px auto 16px;border-radius:999px;background:#6e6b73}.story-character-modal-head{display:flex;align-items:flex-start;gap:14px;margin:0 -22px;padding:18px 22px 14px;border-radius:24px 24px 0 0;background:#191117f0}.story-character-modal-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.025em}.story-character-modal-lead{margin:12px 0 18px;line-height:1.5}.story-character-modal-body{display:grid;gap:16px}.story-character-modal-avatar{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.story-character-modal-avatar .media-preview{width:112px;border-radius:50%}.story-character-modal-avatar .editor-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}.story-character-avatar-prompt{display:grid;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff09}.story-character-avatar-prompt textarea{min-height:82px}.story-character-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.story-character-modal-actions button{min-width:132px}@media(max-width:560px){.asset-create-media{grid-template-columns:112px minmax(0,1fr);gap:12px}.asset-create-media .editor-toolbar-actions{display:grid}.asset-create-footer{position:sticky;bottom:0;z-index:3;margin:16px -12px -12px;padding:12px;background:#0c0a10f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.asset-create-footer button{flex:1}.asset-create-page{width:min(100%,560px);min-height:calc(100dvh - env(safe-area-inset-top));padding-top:0;border-radius:24px 24px 0 0;background:linear-gradient(155deg,#271819fa,#141117fc)}}@media(max-width:620px){.story-character-modal-layer{align-items:flex-end;padding:8px 0 0}.story-character-modal{width:100%;max-height:calc(100dvh - 24px);border-radius:24px;padding-left:16px;padding-right:16px}.story-character-modal-head{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.story-character-modal-actions{position:sticky;bottom:0;margin-left:-16px;margin-right:-16px;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:#0c0a10f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.story-character-modal-actions button{flex:1;min-width:0}}@media(max-width:620px){.asset-create-drawer-layer>.asset-create-page{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));padding:0 16px max(22px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}}@media(min-width:700px){body{background:var(--ludio-bg)}#root{width:100%}.app-shell{width:min(100%,430px);max-width:430px;min-height:100dvh;margin-inline:auto;border-inline:1px solid rgba(255,255,255,.08);box-shadow:0 0 80px #00000057}.app-shell .bottom-nav{left:50%;right:auto;width:min(100%,430px);transform:translate(-50%)}}.creator-tab-panel#intro{display:none}@media(max-width:620px){.story-create-page{width:100%;padding-top:14px;padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}.story-create-actions{position:static;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0;border-top:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.story-create-footer{position:sticky;bottom:0;z-index:18;margin:18px -16px -18px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#130e14f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-create-footer button{flex:1;min-width:0}.story-create-actions button{min-width:0;min-height:40px;border-radius:14px;padding-inline:12px;font-size:13px}.story-create-actions .primary{background:linear-gradient(135deg,#c5535a,#9f3e55);box-shadow:0 8px 22px #97314138}.story-create-intro{margin:0 2px 10px;font-size:12px;line-height:1.5}.story-create-panel{gap:17px;padding:18px 16px;border-radius:18px}.story-create-panel .section-title{align-items:flex-start}.story-create-panel .section-title h2{font-size:20px}.story-create-panel .section-title .status{font-size:9px}.story-create-panel textarea{min-height:104px}.story-create-inline-section{padding-top:18px}.story-create-assets .creator-option-grid{grid-template-columns:1fr;gap:8px}.story-create-cast-list{gap:18px 10px}.story-create-character-tile img,.story-create-character-avatar{width:min(104px,100%)}.story-create-cover-field{grid-template-columns:86px 1fr;gap:12px;padding:12px}.story-create-cover-preview .media-preview{width:80px}.story-editor-footer{margin-left:-16px;margin-right:-16px}.story-create-player-avatar-row{align-items:flex-start}.story-create-player-avatar-row .editor-toolbar-actions{flex-direction:column;align-items:stretch}.asset-add-button{width:100%;justify-content:center}.story-create-tabs{top:.35rem}.story-choice-list{gap:7px}.story-choice-list button{min-height:38px;padding:8px 12px;border-color:#b0898538;background:#312225c2}.story-choice-list button.selected{border-color:transparent;background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text)}}.creator-tab-panel{display:none}.creator-tab-panel.is-active{display:block}.story-asset-inline-editor,.character-profile-header{display:none}.intro-beat-list{display:grid;gap:.65rem;margin:.8rem 0 1.1rem}.intro-beat-row{display:grid;grid-template-columns:minmax(7rem,.28fr) minmax(0,1fr) auto;gap:.55rem;align-items:start;padding:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff06}.intro-beat-row textarea{min-height:4.5rem}.intro-beat-row .text-button{margin-top:.35rem}.about-cover-summary{align-items:center;margin:0 0 1rem}.about-cover-summary .media-preview{width:5.8rem;flex:0 0 5.8rem}.about-cover-summary>div:last-child{display:grid;gap:.45rem}.about-cover-summary .secondary{width:max-content}@media(max-width:620px){.intro-beat-row{grid-template-columns:1fr auto}.intro-beat-row select{grid-column:1 / -1}.intro-beat-row textarea{grid-column:1}}.creator-mode-filters{display:flex;gap:.4rem;overflow-x:auto;margin:.75rem 0 .5rem}.creator-mode-filters button{flex:0 0 auto;padding:.45rem .75rem;color:var(--muted, #aaa);background:transparent;border:0;border-radius:999px}.creator-mode-filters button.selected{color:var(--ludio-accent-text);background:var(--ludio-brand-fill-soft)}@media(max-width:520px){.studio-head{align-items:stretch;flex-direction:column;gap:14px}.studio-head>.primary{width:100%}}.compact{padding:10px 14px}.creator-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:24px 0 16px;padding-bottom:2px}.creator-filters::-webkit-scrollbar{display:none}.creator-filters button{flex:0 0 auto;border:1px solid var(--ludio-line);border-radius:999px;background:var(--ludio-surface);color:#aaa4b2;padding:8px 12px;cursor:pointer;font-size:12px}.creator-filters button.selected{border-color:var(--ludio-brand);background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text)}.creator-search{display:flex;align-items:center;gap:9px;width:100%;max-width:520px;min-height:42px;margin:0 0 18px;padding:0 12px;border:1px solid var(--ludio-line);border-radius:12px;background:var(--ludio-field);color:#958da1}.creator-search>span{font-size:22px;line-height:1}.creator-search input{min-width:0;flex:1;border:0;outline:0;padding:0;background:transparent;color:#fff}.creator-search input::placeholder{color:#77717e}.creator-search-clear{border:0;background:transparent;color:#bcb4c7;cursor:pointer;font-size:22px;line-height:1;padding:0 3px}.draft-list{display:grid;gap:12px;margin-top:26px}.draft-card{border:1px solid var(--ludio-line);background:var(--ludio-surface);border-radius:16px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"content cover" "actions actions";gap:16px;align-items:start}.draft-card>div:not(.draft-card-cover):not(.draft-actions){grid-area:content;min-width:0}.draft-card-cover{grid-area:cover;width:84px;height:112px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--ludio-surface);color:#85858e;font-size:22px;font-weight:800}.draft-card-cover-link{color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}:where([data-keyboard]) .draft-card-cover-link:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #0000003d}@media(hover:hover){.draft-card-cover-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000003d}}.draft-card-cover img,.draft-card-cover video{width:100%;height:100%;object-fit:cover;display:block}.draft-card-cover-fallback{color:#85858e;font-size:11px;font-weight:500;letter-spacing:.08em}.draft-card h2{font-size:18px;margin:8px 0 5px}.draft-card-title-link{color:inherit;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px}:where([data-keyboard]) .draft-card-title-link:focus-visible{color:#c7b8ff;text-decoration:underline}@media(hover:hover){.draft-card-title-link:hover{color:#c7b8ff;text-decoration:underline}}.draft-card p{color:#96909d;font-size:13px;margin:0}.draft-card .draft-actions{grid-area:actions}.analytics-inline{display:block;margin-top:9px;color:var(--ludio-accent-text);font-size:11px;letter-spacing:.01em}.status{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ludio-accent-text)}.draft-status-help{display:block;margin-top:5px;color:#918895;font-size:11px;line-height:1.4}.secondary{border:1px solid var(--ludio-line-strong);cursor:pointer}.secondary.danger{border-color:#6c384d;color:#f0a2b0}@media(hover:hover){.secondary.danger:hover{border-color:#a34e6b;background:#351f31}}.preview-return{white-space:nowrap}.theatre .story-head{border-bottom:1px solid var(--ludio-line)}.theatre .transcript{padding-top:34px}.theatre-stage{position:relative;min-height:min(68vh,720px);display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:clamp(24px,6vw,62px) clamp(14px,5vw,46px) 26px;margin:0 -10px 30px;border-radius:24px;background-color:var(--ludio-bg);background-position:center;background-size:cover;overflow:hidden}.theatre-recap-anchor{position:absolute;top:14px;right:14px;z-index:4}.theatre-recap-toggle{border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0c0a1285;color:#eee8fa;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theatre-recap-toggle.selected,:where([data-keyboard]) .theatre-recap-toggle:focus-visible{border-color:#c6b5ffb8;background:#402f67cc}@media(hover:hover){.theatre-recap-toggle:hover{border-color:#c6b5ffb8;background:#402f67cc}}.theatre-recap-popover{display:grid;gap:8px;width:min(76vw,340px);max-height:min(48vh,360px);margin-top:8px;padding:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#120e1bf2;box-shadow:0 18px 44px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.theatre-runtime-notice{position:absolute;left:50%;top:calc(100% + 8px);z-index:16;width:max-content;max-width:min(88vw,520px);padding:7px 12px;border:1px solid rgba(196,177,255,.25);border-radius:999px;background:#15111ee6;color:#f1ebfae6;font-size:11px;line-height:1.25;opacity:0;pointer-events:none;transform:translate(-50%,-5px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theatre-runtime-notice.visible{opacity:1;transform:translate(-50%)}.theatre-recap-entry{display:grid;gap:4px;padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.09);color:#c8c0d2;font-size:12px;line-height:1.45}.theatre-recap-entry:last-child{border-bottom:0}.theatre-recap-entry strong{color:#eee8fa;font-weight:600}.theatre-recap-entry span{color:#aaa0b7}.theatre-content{display:grid;gap:14px;cursor:pointer}.theatre-user{align-self:flex-end;max-width:88%;padding:11px 15px;border-radius:16px 16px 4px;background:var(--ludio-brand-fill-soft);color:#fff;line-height:1.5}.theatre-user-row{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}.theatre-user-row .theatre-user{align-self:auto}.theatre-narration{margin:0;color:#aaa4b2;white-space:pre-wrap;font-size:var(--story-copy-size);line-height:1.6;font-style:normal;text-shadow:0 2px 14px rgba(0,0,0,.65)}.theatre-dialogue{display:grid;gap:7px;padding:16px 18px;border:1px solid rgba(213,195,255,.36);border-radius:18px;background:#181325c7;box-shadow:0 12px 35px #0000002e}.theatre-speaker{display:flex;align-items:center;gap:8px}.theatre-dialogue span{color:#c9baff;font-size:12px;font-weight:700}.theatre-dialogue em{color:#b8afc1;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--story-copy-size);line-height:1.6;font-style:normal}.theatre-dialogue strong{color:#eeeaf4;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--story-copy-size);line-height:1.6;font-weight:400}.theatre-next{align-self:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:#100d179e;color:#fff;font-size:25px;cursor:pointer;transition:transform .18s ease,background .18s ease}@media(hover:hover){.theatre-next:hover{transform:translateY(3px);background:var(--ludio-brand-fill-soft-hover)}}.theatre-choices{margin:0}.theatre-actions{justify-content:center;gap:10px;margin:8px auto 0}.theatre .story-head{grid-template-columns:34px minmax(0,1fr) auto auto auto;position:sticky;top:0;z-index:12;background:#0c0a12e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.theatre-stage{min-height:calc(100dvh - 118px);max-width:1180px;margin-inline:auto;padding:clamp(28px,5vw,64px) clamp(20px,6vw,84px) 36px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #0000004d}.theatre-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,9,16,.16),transparent 42%,rgba(11,9,16,.35))}.theatre-stage-cover-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.theatre-content,.theatre-recap-anchor,.theatre-next,.theatre-interaction,.theatre-actions{z-index:1}.theatre-content{width:min(100%,680px);margin-left:auto;padding:28px 26px 26px;border-radius:24px;background:linear-gradient(180deg,#0d0b131a,#0d0b1370);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.theatre-stage-meta{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(100%,680px);margin-left:auto;color:#f6f0fcb8;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.theatre-stage-meta-title{display:inline-flex;align-items:center;gap:10px;min-width:0}.theatre-stage-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;width:min(100%,680px);margin:0 auto 8px;min-height:32px}.theatre-stage-toolbar-spacer{flex:1}.theatre-stage-actions{position:absolute;left:50%;display:flex;align-items:center;justify-content:center;gap:7px;transform:translate(-50%)}.theatre-recap-toggle:disabled{opacity:.52;cursor:default}.theatre-stage-actions button{display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#14101d7a;color:#c9c0d0;cursor:pointer}:where([data-keyboard]) .theatre-stage-actions button:focus-visible{color:#fff;border-color:#c4b1ff7a;background:#4634688c}@media(hover:hover){.theatre-stage-actions button:hover{color:#fff;border-color:#c4b1ff7a;background:#4634688c}}.theatre-stage-actions button:disabled{opacity:.5;cursor:wait}.theatre-cast-rail{display:flex;align-items:center;gap:8px;margin-bottom:6px}.theatre-cast-avatar{appearance:none;border:0;padding:0;background:transparent;display:grid;gap:5px;justify-items:center;width:68px;color:#f6f0fcc7;font-size:10px;text-align:center;cursor:pointer}.theatre-cast-avatar .character-avatar{width:58px;height:58px;padding:2px;border:1px solid rgba(255,255,255,.22);opacity:.66;transition:transform .2s ease,opacity .2s ease,border-color .2s ease}@media(hover:hover){.theatre-cast-avatar:hover .character-avatar{opacity:1;transform:translateY(-2px);border-color:#c8b5ff}}.theatre-page-content{cursor:pointer}.theatre-page{display:grid;gap:17px;min-height:min(52vh,470px);align-content:center}.theatre-choice-content{display:none}.theatre-page-kicker{color:#b8a9ff;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.runtime-font-default.theatre{--theatre-scale: .9}.runtime-font-small.theatre{--theatre-scale: .78}.runtime-font-large.theatre{--theatre-scale: 1.02}.narration-page p{margin:0;color:#c9c0d0;white-space:pre-wrap;font-family:Georgia,Times New Roman,serif;font-size:clamp(calc(19px * var(--theatre-scale, 1)),calc(3vw * var(--theatre-scale, 1)),calc(32px * var(--theatre-scale, 1)));line-height:1.3;letter-spacing:-.012em;text-shadow:0 3px 20px rgba(0,0,0,.58)}.dialogue-page{align-content:center}.theatre-page-speaker{display:grid;justify-items:center;gap:9px;text-align:center}.theatre-page-speaker .character-avatar{width:82px;height:82px;border:2px solid rgba(224,210,255,.84);box-shadow:0 10px 28px #00000059}.theatre-page-speaker>div{display:grid;justify-items:center;gap:4px}.theatre-page-speaker strong{color:#fff;font-size:calc(19px * var(--theatre-scale, 1));font-weight:700}.dialogue-page em{color:#eee7f4c7;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.55}.dialogue-page p,.user-page>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#f2edf5;font-family:Georgia,Times New Roman,serif;font-size:clamp(calc(22px * var(--theatre-scale, 1)),calc(3.1vw * var(--theatre-scale, 1)),calc(37px * var(--theatre-scale, 1)));line-height:1.24;letter-spacing:-.014em;text-shadow:0 3px 22px rgba(0,0,0,.6)}.user-page>p{color:#d7caff}.theatre-user-speaker .theatre-player-avatar{width:82px;height:82px;flex-basis:82px;border-radius:50%;border-width:2px}.theatre-user-label{display:block;margin-bottom:4px;color:#d4c8ff;font-size:9px;letter-spacing:.14em}.theatre-page-nav{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(100%,680px);margin-left:auto}.theatre-page-nav-media{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:108px}.theatre-page-nav-media button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#16111fa8;color:#ded5ee;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}:where([data-keyboard]) .theatre-page-nav-media button:focus-visible{border-color:#d4c2ff8f;background:#62489a9e;color:#fff}@media(hover:hover){.theatre-page-nav-media button:hover{border-color:#d4c2ff8f;background:#62489a9e;color:#fff}}.theatre-page-nav-media button:disabled{opacity:.4;cursor:wait}.theatre-page-nav-media svg{width:17px;height:17px}.theatre-page-arrow{display:grid;place-items:center;width:70px;height:52px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:#16111fb8;color:#fff;font-size:29px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theatre-page-arrow-primary{background:#62489ac7;border-color:#d4c2ff8f}.theatre-page-arrow:disabled{opacity:.28;cursor:not-allowed}.theatre-player-avatar{display:grid;place-items:center;flex:none;width:46px;height:46px;overflow:hidden;border:2px solid rgba(255,255,255,.62);border-radius:50%;background:transparent;color:#fff;font-weight:700}.theatre-player-avatar img{width:100%;height:100%;object-fit:cover}.theatre-player-hint{color:#b8a9ff;font-size:10px;letter-spacing:.14em;font-weight:700}.theatre-dialogue .theatre-speaker .character-avatar{width:54px;height:54px;border:2px solid rgba(214,199,255,.78);box-shadow:0 7px 18px #0000003d}.theatre-dialogue .theatre-speaker{gap:11px}.theatre-dialogue .theatre-speaker span{font-size:14px;letter-spacing:.01em}.theatre-scene-loading,.theatre-suggestion-loading{display:flex;align-items:center;gap:9px;color:#d7cfdf;font-family:Georgia,Times New Roman,serif;font-size:calc(17px * var(--theatre-scale, 1));line-height:1.35}.theatre-loading-spinner{width:18px;height:18px;border:2px solid rgba(216,201,255,.24);border-top-color:#b8a9ff;border-radius:50%;animation:theatre-spin .8s linear infinite}@keyframes theatre-spin{to{transform:rotate(360deg)}}.theatre-interaction{width:min(100%,680px);margin-left:auto;min-height:min(52vh,470px);display:grid;align-content:center;padding:26px 20px 24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,#0d0b1347,#0d0b13bf);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 80px #0000004d}.theatre-choice-player{display:grid;justify-items:center;gap:7px;margin-bottom:18px;text-align:center}.theatre-choice-player .theatre-player-avatar{width:82px;height:82px;border-radius:50%;border-width:2px}.theatre-choice-player strong{color:#fff;font-size:calc(18px * var(--theatre-scale, 1))}.theatre-interaction-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.theatre-interaction-heading>div{display:grid;gap:4px}.theatre-interaction-kicker{color:#b8a9ff;font-size:10px;letter-spacing:.14em;font-weight:700}.theatre-interaction-heading strong{color:#f3eefb;font-size:15px;font-weight:600}.theatre-suggestion-refresh{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#ffffff0f;color:#ddd4ec;cursor:pointer}.theatre-suggestion-refresh svg{width:15px;height:15px}.theatre-suggestions{display:grid;gap:8px}.theatre-suggestion{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;width:100%;padding:12px 13px;border:1px solid rgba(213,195,255,.25);border-radius:13px;background:#281f3ab8;color:#f0eafa;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}:where([data-keyboard]) .theatre-suggestion:focus-visible{border-color:#9b7dff;background:#48346acc;transform:translateY(-1px)}@media(hover:hover){.theatre-suggestion:hover{border-color:#9b7dff;background:#48346acc;transform:translateY(-1px)}}.theatre-suggestion>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#a689ff2e;color:#cbb9ff;font-size:11px;font-weight:700}.theatre-suggestion strong{font-size:13px;font-weight:500;line-height:1.45}.theatre-suggestion-empty{margin:0;color:#aca1b5;font-size:12px;line-height:1.5}.theatre-manual-toggle{margin-top:13px;padding:0;border:0;background:transparent;color:var(--ludio-accent-text);font-size:12px;cursor:pointer}.theatre-manual-composer{display:grid;gap:9px;margin-top:12px}.theatre-manual-composer textarea{width:100%;resize:vertical;min-height:64px;padding:10px 12px;border:1px solid rgba(213,195,255,.25);border-radius:12px;background:var(--ludio-field);color:#f5f0fb;line-height:1.45}.theatre-manual-composer>div{display:flex;justify-content:flex-end;gap:8px}.theatre-manual-cancel,.theatre-manual-send{padding:7px 12px;border-radius:9px;font-size:12px;cursor:pointer}.theatre-manual-cancel{border:1px solid rgba(255,255,255,.14);background:transparent;color:#bbb1c3}.theatre-manual-send{border:1px solid var(--ludio-brand);background:var(--ludio-brand-fill);color:var(--ludio-on-accent)}.theatre-manual-send:disabled{opacity:.45;cursor:not-allowed}.theatre-recap{margin:0 -10px 18px;border-radius:18px;overflow:hidden;background-color:var(--ludio-surface);background-position:center;background-size:cover}.theatre-recap button{display:grid;gap:6px;width:100%;border:0;padding:18px 20px;text-align:left;background:#16121fd6;color:#fff;cursor:pointer}.theatre-recap span{color:#b7a9ff;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.theatre-recap strong{overflow:hidden;color:#ded8e5;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.theatre .transcript{padding-bottom:44px}@media(max-width:520px){.page{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.hero{padding-top:28px}.hero h1{font-size:clamp(34px,11vw,52px)}.story-page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.story-head{padding-top:16px}.transcript{min-height:calc(100dvh - 180px)}.theatre .transcript{padding-bottom:calc(44px + env(safe-area-inset-bottom))}.composer{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom))}.dialogue{font-size:var(--story-copy-size);line-height:1.6}.account-name{display:none}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-intro{grid-template-columns:70px 1fr;gap:11px}.story-head{grid-template-columns:25px minmax(0,1fr) auto;gap:9px}.theatre .story-head{grid-template-columns:25px minmax(0,1fr) auto auto auto}.story-head .mode-switch{grid-column:auto;justify-self:end}.draft-card{grid-template-columns:minmax(0,1fr) 72px;gap:13px}.draft-card-cover{width:72px;height:96px}.draft-card .secondary{width:100%}}@media(max-width:699px){body{background:radial-gradient(circle at 100% 0,rgba(100,76,190,.12),transparent 38%),#101014}.app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{min-height:calc(60px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));background:#101014ed}.account-name{display:none}.topbar-links{margin-right:6px}.logo{gap:16px;font-size:19px}.logo-mark{width:32px;height:32px}.topbar-links{gap:12px;margin-right:9px}.topbar-links a{font-size:14px}.topbar-links a:first-child{color:#d8d0e7;font-size:12px;font-weight:600}.page{padding-top:20px}.home-banner-cover{aspect-ratio:1.82 / 1;min-height:172px;border-radius:20px}.home-banner-copy{left:18px;right:18px;bottom:18px;max-width:none}.home-banner-copy h2{max-width:92%;font-size:clamp(1.45rem,7vw,2.1rem);line-height:1.08}.home-banner-copy p{max-width:90%;font-size:13px}.hero{padding:30px 0 23px}.hero h1{max-width:11ch;font-size:clamp(38px,12vw,54px)}.hero-copy{font-size:15px;line-height:1.55}.category{padding:9px 14px;font-size:13px}.story-grid{gap:11px}.cover{border-radius:15px}.compact-story-grid .card-copy h3,.card-copy h3{font-size:15px}.card-copy p{font-size:12px}.bottom-nav{height:calc(70px + env(safe-area-inset-bottom));gap:0;justify-content:space-around;padding-left:8px;padding-right:8px;background:#101014f5}.bottom-nav a{display:grid;min-width:0;flex:1 1 0;padding-left:2px;padding-right:2px;min-height:42px;place-items:center;border-radius:14px;font-size:12px}.bottom-nav .nav-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1}.bottom-nav a.active{background:var(--ludio-brand-soft);color:#dcd4ff}.story-page{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.story-head{position:sticky;top:calc(env(safe-area-inset-top) - 1px);z-index:4;grid-template-columns:30px minmax(0,1fr);gap:9px;margin:0 -14px;padding:12px 14px 13px;background:#101014eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.back{display:grid;width:30px;height:34px;place-items:center;font-size:33px}.story-head .eyebrow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.story-head h1{overflow:hidden;margin-top:3px;font-size:17px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.story-head{position:sticky;top:calc(env(safe-area-inset-top) - 1px);z-index:4;grid-template-columns:30px minmax(0,1fr) auto 34px;column-gap:10px;min-height:64px;padding-right:10px}.story-head-actions{grid-column:4;grid-row:1;align-self:center}.runtime-model-trigger{grid-column:3;grid-row:1;min-height:32px;padding:0 9px;font-size:10px}.story-head .mode-switch{position:absolute;top:12px;right:0;width:auto;max-width:182px;border-radius:13px;padding:3px;background:#ffffff0b}.mode-switch button{min-height:36px;min-width:82px;padding:7px 8px;border-radius:10px;font-size:12px;white-space:nowrap}.transcript{min-height:calc(100dvh - 210px);padding-top:20px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}.story-detail-shell{display:grid;margin-bottom:22px}.story-detail-lead{gap:14px}.story-detail-hero{min-height:218px;border-radius:16px}.story-intro-cover{width:132px;height:190px;margin:0;border-radius:14px}.story-detail-title{margin:0 0 7px;color:#fff;font-size:25px;line-height:1.12;letter-spacing:-.04em}.story-detail-tabs button{min-height:42px;padding:9px 11px;font-size:13px}.story-detail-panel h2{font-size:17px}.story-profile,.story-description{font-size:15px;line-height:1.65}.turn{margin-bottom:25px}.user-message{max-width:91%;margin-bottom:12px;padding:12px 14px;font-size:var(--story-copy-size)}.narration{margin-bottom:18px;padding:0 4px;font-size:var(--story-copy-size);line-height:1.6;font-style:normal}.character{gap:6px;margin-bottom:12px}.character-name{font-size:14px}.action{font-size:var(--story-copy-size);line-height:1.6;font-style:normal}.character-bubble{max-width:94%;margin-left:36px;padding:11px 13px;border-radius:5px 16px 16px;background:linear-gradient(145deg,#1d1927,#19171f)}.dialogue{font-size:var(--story-copy-size);line-height:1.6}.choice-list{gap:9px}.choice{min-height:48px;padding:11px 13px;border-radius:14px;font-size:15px;line-height:1.4}.choice>span:first-child{min-width:24px;height:24px;font-size:12px}.turn-actions{gap:8px;margin-top:14px}.turn-actions button{width:38px;height:38px;border-radius:11px}.composer{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));gap:6px;padding:6px;border-radius:17px;box-shadow:0 12px 35px #00000059}.composer input,.composer textarea{min-height:40px;padding:8px 9px}.suggestion,.send{flex:0 0 40px;width:40px;height:40px;border-radius:12px}.theatre .transcript{padding-top:12px;padding-bottom:calc(182px + env(safe-area-inset-bottom))}.theatre-stage{min-height:min(74dvh,690px);margin:0 -14px 24px;padding:22px 15px 20px;border-radius:0}.theatre-content{width:100%;margin-left:0;padding:20px 15px 18px;border-radius:18px;background:linear-gradient(180deg,#0d0b1314,#0d0b1380)}.theatre-stage-meta{width:100%;margin-left:0}.theatre-cast-rail{width:100%;overflow-x:auto;padding-bottom:2px}.theatre-cast-avatar{flex:0 0 62px;width:62px}.theatre-cast-avatar .character-avatar{width:54px;height:54px}.theatre-page{min-height:min(52dvh,400px)}.narration-page p{font-size:clamp(calc(18px * var(--theatre-scale, 1)),calc(5.3vw * var(--theatre-scale, 1)),calc(27px * var(--theatre-scale, 1)));color:#c9c0d0}.dialogue-page p,.user-page>p{font-size:clamp(calc(20px * var(--theatre-scale, 1)),calc(5.8vw * var(--theatre-scale, 1)),calc(30px * var(--theatre-scale, 1)))}.theatre-page-speaker .character-avatar,.theatre-user-speaker .theatre-player-avatar,.theatre-choice-player .theatre-player-avatar{width:76px;height:76px;flex-basis:auto}.theatre-page-speaker strong{font-size:calc(18px * var(--theatre-scale, 1))}.theatre-page-nav{width:100%}.theatre-page-arrow{width:64px;height:50px}.theatre-page-nav-media{min-width:96px;gap:6px}.theatre-page-nav-media button{width:44px;height:44px}.theatre-interaction{width:100%;margin-left:0;min-height:min(54dvh,430px);padding:15px 14px 17px;border-radius:17px}.theatre-cast-avatar{width:62px;min-width:62px;min-height:44px;height:auto}.theatre-dialogue .theatre-speaker .character-avatar{width:50px;height:50px}.theatre-content{gap:12px}.theatre-narration{font-size:var(--story-copy-size);line-height:1.6;font-style:normal}.theatre-dialogue{gap:6px;padding:15px;border-radius:16px}.theatre-dialogue span{font-size:13px}.theatre-dialogue em{font-size:var(--story-copy-size);line-height:1.6;font-style:normal}.theatre-dialogue strong{font-size:var(--story-copy-size);line-height:1.6}.theatre-next{width:58px;height:58px;margin-top:2px}.theatre-choices .choice{background:#14101dd1}}.choice-list{display:grid;gap:9px;margin-top:18px}.choice{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--ludio-line);background:var(--ludio-surface);color:#eee7fa;border-radius:12px;padding:12px 14px;text-align:left;cursor:pointer}.choice>span:first-child{width:24px;height:24px;border-radius:8px;background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text);display:grid;place-items:center;font-size:12px;font-weight:700}@media(hover:hover){.choice:hover{border-color:var(--ludio-brand);background:var(--ludio-surface-raised)}}.turn-actions{display:flex;gap:8px;margin-top:12px}.turn-actions button{border:1px solid var(--ludio-line);border-radius:9px;background:var(--ludio-surface);color:#bdb2d4;cursor:pointer}@media(hover:hover){.turn-actions button:hover:not(:disabled){border-color:var(--ludio-brand);color:#fff}}.turn-actions button:disabled{cursor:not-allowed;opacity:.45}.ui-icon{display:block;width:20px;height:20px;flex:0 0 auto}.turn-actions .ui-icon{width:18px;height:18px;margin:auto}.send .ui-icon{width:19px;height:19px;margin:auto}.bottom-nav a{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav a .ui-icon{width:20px;height:20px;opacity:.78}.bottom-nav a.active .ui-icon{opacity:1}.nav-label{line-height:1}.thinking{display:flex;gap:5px;align-items:center;padding:12px 14px;color:var(--ludio-accent-text)}.thinking span{width:6px;height:6px;border-radius:50%;background:var(--ludio-accent-text);animation:thinking-pulse 1.1s infinite ease-in-out}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}@keyframes thinking-pulse{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.draft-actions{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}.draft-actions::-webkit-scrollbar{display:none}.draft-actions a,.draft-actions button{text-decoration:none}.draft-actions>.draft-edit-button,.draft-actions>.draft-more{flex:1 1 0;min-width:0}.draft-actions>.draft-more{display:flex;min-width:0}.draft-actions>.draft-more>.draft-edit-button{width:100%}.draft-edit-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:32px;min-width:0;padding:6px 8px;border-radius:9px;font-size:11px;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-more{position:relative}.draft-more-trigger{min-width:38px;padding-inline:8px;letter-spacing:.12em}.draft-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:8;min-width:112px;padding:5px;border:1px solid var(--ludio-line);border-radius:10px;background:var(--ludio-surface);box-shadow:0 12px 28px #00000052}.draft-more-menu button{width:100%;border:0;border-radius:7px;padding:8px 10px;background:transparent;color:#e86d7d;text-align:left;cursor:pointer;font-size:12px}:where([data-keyboard]) .draft-more-menu button:focus-visible{background:var(--ludio-surface-raised)}@media(hover:hover){.draft-more-menu button:hover{background:var(--ludio-surface-raised)}}.draft-lock-note{color:#8f8798;font-size:11px;white-space:nowrap}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.editor-panel{background:var(--ludio-surface);border:1px solid var(--ludio-line);border-radius:16px;padding:18px}.editor-panel-wide{grid-column:1 / -1}.editor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-choice-list{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.editor-choice-list button{min-height:32px;padding:6px 10px;color:var(--muted, #aaa);background:var(--ludio-surface);border:1px solid var(--ludio-line);border-radius:999px;font-size:12px;cursor:pointer}:where([data-keyboard]) .editor-choice-list button:focus-visible{color:#fff;background:var(--ludio-brand-soft);border-color:var(--ludio-brand-line)}@media(hover:hover){.editor-choice-list button:hover{color:#fff;background:var(--ludio-brand-soft);border-color:var(--ludio-brand-line)}}.editor-choice-list button.selected{color:var(--ludio-accent-text);background:var(--ludio-brand-fill-soft);border-color:transparent}.story-choice-list{gap:8px;margin:10px 0 4px}.story-choice-list button{min-height:36px;padding:8px 13px;font-size:13px;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.story-choice-list button:active{transform:scale(.97)}.editor-fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}.character-profile-header{display:none!important;margin-top:18px;padding:16px 0 6px;border-top:1px solid var(--ludio-line)}.character-profile-header .section-title{margin-bottom:2px}.character-profile-header h3{margin:0;font-size:15px}.editor-fieldset legend{margin-bottom:2px;color:#9f91e8;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.editor-panel h2{font-size:17px;margin:0 0 15px}.editor-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ludio-line);padding:11px 0;color:#e4deeb}.editor-row span{color:#9f91e8;font-size:12px}.editor-row strong{font-size:13px}.asset-row-copy{display:grid;gap:3px;min-width:0;flex:1}.asset-row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-row-copy small{color:#8f8997;font-size:11px}.asset-thumb{width:52px;height:38px;flex:0 0 auto;object-fit:cover;border:1px solid var(--ludio-line);border-radius:7px;background:var(--ludio-surface)}.editor-row-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.text-button.danger{color:#e98b98}.editor-hint{color:#8f8997;font-size:12px;line-height:1.45}.editor-panel .studio-form{margin-top:18px}.editor-panel .secondary{width:100%}@media(max-width:700px){.editor-grid{grid-template-columns:1fr}.editor-panel-wide{grid-column:auto}.editor-form-grid{grid-template-columns:1fr}.draft-actions{width:100%}.draft-actions>*{flex:1;text-align:center}}.suggestion{border:0;background:var(--ludio-surface);color:#d3c9ff;border-radius:10px;width:34px;cursor:pointer;align-self:flex-end}@media(hover:hover){.suggestion:hover{background:#3b2e58;color:#fff}}.composer-stack{position:fixed;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));max-width:806px;margin:0 auto;z-index:20}.composer-stack .composer{position:relative;inset:auto;max-width:none;margin:0}.suggestion{display:grid;place-items:center}.suggestion .ui-icon{width:18px;height:18px}.suggestion:disabled{opacity:.55;cursor:wait}@media(max-width:720px){.composer-stack{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom))}}.profile-page h1{font-size:clamp(34px,8vw,62px);line-height:1.04;letter-spacing:-.06em;margin:12px 0}.profile-copy{color:#a8a2b0;line-height:1.55;max-width:430px;margin:0 0 24px}.profile-hero{display:flex;align-items:center;gap:15px;margin:24px 0 30px}.profile-hero h1{margin:0 0 5px;font-size:clamp(28px,7vw,46px)}.profile-hero p{margin:0;color:#908a99;font-size:13px}.profile-avatar{display:grid;place-items:center;color:#fff;font-size:25px;font-weight:700}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-follow{width:100%;margin:0 0 18px}.relationship-page{max-width:720px;padding-top:42px;padding-bottom:120px}.relationship-page h1{margin:12px 0 24px;font-size:clamp(32px,8vw,56px);letter-spacing:-.06em}.relationship-list{display:grid;gap:10px}.relationship-card{display:flex;align-items:center;gap:12px;border:1px solid var(--ludio-line);border-radius:14px;padding:12px 14px;background:var(--ludio-surface);color:#fff;text-decoration:none}@media(hover:hover){.relationship-card:hover{border-color:var(--ludio-brand);background:var(--ludio-surface-raised)}}.relationship-card>span:last-child{display:grid;gap:3px}.relationship-card small{color:#938d9b;font-size:12px}.relationship-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:transparent;color:#fff;font-weight:700}.relationship-avatar img{width:100%;height:100%;object-fit:cover}.profile-follow.selected{color:#d7d0ff;border-color:#5b4c83}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.profile-stats div{display:grid;gap:4px;border:1px solid var(--ludio-line);border-radius:14px;padding:15px;background:var(--ludio-surface)}.profile-stats strong{color:#fff;font-size:22px}.profile-stats span{color:#8f8997;font-size:11px}.profile-actions{display:grid;gap:10px}.profile-action{display:grid;gap:5px;width:100%;border:1px solid var(--ludio-line);border-radius:14px;padding:16px;text-align:left;color:#fff;text-decoration:none;cursor:pointer}@media(hover:hover){.profile-action:hover{border-color:var(--ludio-brand);background:var(--ludio-surface-raised)}}.profile-action span{color:#938d9b;font-size:12px}.profile-action.danger strong{color:#ffb9b9}.hero-meta{display:flex;align-items:center;justify-content:space-between;max-width:520px}.hero-meta .eyebrow{margin:0}.notification-list{display:grid;gap:12px;width:min(100%,620px)}.notification-list h1{font-size:clamp(32px,7vw,54px);letter-spacing:-.06em;line-height:1.05;margin:8px 0 10px}.notification-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.notification-heading .text-button{flex:none;margin-bottom:12px}.notification-card{display:flex;align-items:flex-start;gap:12px;width:100%;border:1px solid var(--ludio-line);border-radius:15px;padding:15px;text-align:left;background:var(--ludio-surface);color:#f5f1fb;cursor:pointer}@media(hover:hover){.notification-card:hover{border-color:var(--ludio-brand);background:var(--ludio-surface-raised)}}.notification-card.is-read{opacity:.68}.notification-card>span:nth-child(2){display:grid;gap:5px}.notification-card small{color:#958e9e;font-size:12px;line-height:1.45}.notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#8f7bff;flex:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ludio-line);border-radius:14px;padding:14px;background:var(--ludio-surface)}.toggle-row span{display:grid;gap:4px}.toggle-row small{color:#938d9b;font-size:12px;line-height:1.4}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--ludio-brand);flex:none}.settings-page{display:grid;gap:18px}.settings-page>.hero-copy{max-width:42rem;margin:-6px 0 4px}.settings-card{display:grid;gap:10px;width:min(100%,620px);padding:18px;border:1px solid var(--ludio-line);border-radius:16px;background:var(--ludio-surface)}.settings-card h2{margin:0;font-size:21px;letter-spacing:-.03em}.settings-card .eyebrow{margin:0}.settings-value{margin:0;color:#f5f1fb;font-size:16px;overflow-wrap:anywhere}.settings-card-action{display:inline-flex;align-items:center;justify-content:space-between;width:min(100%,620px);min-height:48px;padding:12px 14px;border:1px solid var(--ludio-line);border-radius:13px;text-decoration:none}@media(max-width:560px){.settings-card,.settings-card-action{width:100%}}.blocked-list{display:grid;gap:7px;margin-top:4px}.blocked-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--ludio-line);border-radius:11px;padding:10px 12px;background:var(--ludio-surface)}.blocked-row>span{display:grid;gap:3px}.blocked-row strong{color:#d6cfff;font-size:11px;letter-spacing:.08em}.blocked-row small{color:#a59dab;font-size:12px;overflow-wrap:anywhere}.text-button{border:0;background:transparent;cursor:pointer;font-size:12px;flex:none}.more-page{max-width:720px;padding-top:42px;padding-bottom:120px}.more-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.more-heading h1{font-size:clamp(32px,7vw,54px);line-height:1.04;letter-spacing:-.06em;margin:12px 0 0;max-width:580px}.more-heading .back{flex:none;margin-top:4px}.more-section{display:grid;gap:10px;margin-top:28px}.more-section h2{color:#918a9d;font-size:11px;font-weight:700;letter-spacing:.13em;margin:0 3px;text-transform:uppercase}.more-card{overflow:hidden;border:1px solid var(--ludio-line);border-radius:16px}.more-row{display:flex;width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:14px 16px;color:#f5f1fb;text-decoration:none;border-bottom:1px solid var(--ludio-line)}.more-row:last-child{border-bottom:0}@media(hover:hover){.more-row:hover{background:var(--ludio-surface-raised)}}.more-row>span:first-child{display:grid;gap:4px}.more-row strong{font-size:14px;font-weight:650}.more-row small,.form-hint{color:#918b9a;font-size:12px;line-height:1.4}.membership-invite-card>.form-hint{display:block;margin-top:8px}.more-row>span:last-child{color:#8f7bff;font-size:22px}.help-faq-list{display:grid}.help-faq{border-bottom:1px solid var(--ludio-line)}.help-faq:last-child{border-bottom:0}.help-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:14px 16px;color:#f5f1fb;cursor:pointer;list-style:none;font-size:14px;font-weight:650}.help-faq summary::-webkit-details-marker{display:none}.help-faq summary span{color:#8f7bff;font-size:20px;transition:transform .18s ease}.help-faq[open] summary span{transform:rotate(180deg)}.help-faq p{margin:-2px 16px 16px;color:#aaa2b4;font-size:13px;line-height:1.55}.redeem-form{display:grid;gap:8px;padding:16px;border-bottom:1px solid var(--ludio-line)}.redeem-form label{color:#d8d1df;font-size:13px;font-weight:600}.redeem-controls{display:flex;gap:8px}.redeem-controls input{min-width:0;flex:1}.redeem-controls .secondary{width:auto;flex:none;padding-inline:15px}.more-logout{margin-top:28px}.coins-page{max-width:760px;padding-top:42px;padding-bottom:120px}.coins-page>.back{display:inline-block;margin-bottom:26px}.coins-page h1{max-width:650px;margin:12px 0 0;font-size:clamp(40px,8vw,70px);line-height:.98;letter-spacing:-.065em}.coins-balance{display:grid;gap:5px;margin-top:32px;padding:22px;border:1px solid #3b3152;border-radius:18px;background:linear-gradient(130deg,#241b39,#19171e 70%)}.coins-balance strong{margin-top:2px;color:#fff;font-size:42px;letter-spacing:-.05em}.coins-balance>span:not(.eyebrow){color:#aaa1b4;font-size:13px}.coins-balance .text-button{justify-self:start;margin-top:6px}.coins-balance-breakdown{color:#8e8698;font-size:12px}.coins-membership{position:relative;display:grid;align-content:start;gap:10px;min-height:220px;padding:18px;border:1px solid var(--ludio-line);border-radius:16px;background:var(--ludio-surface)}.coins-membership{border-color:#8068f4;background:linear-gradient(165deg,#28203d,#19171e 72%)}.coins-membership h2{margin:0;color:#fff;font-size:24px}.coins-membership p{margin:0;color:#a9a1b0;font-size:14px;line-height:1.5}.coins-membership ul{display:grid;gap:8px;margin:2px 0 8px;padding-left:18px;color:#e9e3f2;font-size:13px;line-height:1.5}.coins-membership button{width:100%;margin-top:5px}.coins-membership button:disabled{cursor:default;opacity:.65}.coins-badge{position:absolute;top:12px;right:12px;color:#c9bcff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.coins-note{display:grid;gap:6px;margin-top:26px;padding:17px 18px;border:1px solid var(--ludio-line);border-radius:14px;color:#aaa1b0;font-size:13px;line-height:1.5}.coins-note strong{color:#f2edf8}.coins-note .text-button{justify-self:start}@media(max-width:520px){.more-page{padding-top:28px}.more-heading h1{font-size:34px}.redeem-controls{align-items:stretch;flex-direction:column}.redeem-controls .secondary{width:100%}.coins-page{padding-top:28px}.coins-membership{min-height:0}}.asset-upload-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.asset-upload-row .editor-hint{margin:0}.asset-upload-row .media-upload-button,.asset-upload-row .media-ai-button{width:auto;min-height:38px;white-space:nowrap}.media-ai-button{color:var(--ludio-accent-text);border-color:#a48cff61;background:#6e4fd229}:where([data-keyboard]) .media-ai-button:focus-visible{color:#fff;border-color:#c3b1ffbf;background:#6e4fd24d}@media(hover:hover){.media-ai-button:hover{color:#fff;border-color:#c3b1ffbf;background:#6e4fd24d}}.media-upload-button{color:#eee8f6}.media-editor{display:flex;align-items:center;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--panel) 86%,transparent)}.media-editor-controls{display:grid;min-width:0;gap:.65rem}.media-preview{flex:0 0 auto;overflow:hidden;width:106px;border:1px solid rgba(255,255,255,.12);border-radius:.8rem;background:var(--ludio-field)}.media-preview-portrait{aspect-ratio:2 / 3}.media-preview-square{aspect-ratio:1}.media-preview-landscape{aspect-ratio:16 / 10;width:140px}.media-preview img,.media-preview video{display:block;width:100%;height:100%;object-fit:cover}.media-preview-empty{display:grid;width:100%;height:100%;min-height:82px;place-items:center;align-content:center;gap:.35rem;color:#c6b9f5;text-align:center}.media-preview-empty span{font-size:1.35rem}.media-preview-empty small{color:var(--muted, #aaa);font-size:.68rem}.asset-generate-row{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:.65rem;padding:.8rem;border:1px solid var(--line);border-radius:.9rem;background:color-mix(in srgb,var(--panel) 85%,transparent)}.asset-generate-row textarea{min-height:5rem}.asset-ai-button{min-height:2.75rem;white-space:nowrap}@media(max-width:620px){.media-editor{align-items:flex-start}.media-editor .asset-upload-row{align-items:stretch;flex-direction:column}.media-editor .asset-upload-row button{width:100%}.story-editor-page .story-editor-cover-field .asset-upload-row{flex-direction:row;flex-wrap:wrap;align-items:center}.story-editor-page .story-editor-cover-field .asset-upload-row button{width:auto;flex:1 1 140px}.asset-generate-row{grid-template-columns:92px minmax(0,1fr)}}.immersive-shell{padding-top:0;padding-bottom:0}.immersive-shell>.topbar,.immersive-shell>.bottom-nav,.immersive-shell>.app-update-banner{display:none}.immersive-shell .story-page,.immersive-shell .story-create-page,.immersive-shell>.page.studio-page{padding-top:max(16px,calc(env(safe-area-inset-top) + 8px));padding-bottom:max(24px,env(safe-area-inset-bottom))}.immersive-shell .story-page .transcript,.immersive-shell .story-page.theatre .transcript{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.immersive-shell .composer-stack,.immersive-shell .composer{bottom:max(12px,env(safe-area-inset-bottom))}.immersive-shell .theatre-stage{margin-bottom:calc(20px + env(safe-area-inset-bottom))}@media(max-width:699px){.immersive-shell .story-page,.immersive-shell .story-create-page,.immersive-shell>.page.studio-page{padding-top:max(12px,calc(env(safe-area-inset-top) + 6px))}.immersive-shell .story-page .transcript,.immersive-shell .story-page.theatre .transcript{padding-bottom:calc(126px + env(safe-area-inset-bottom))}.immersive-shell .composer-stack,.immersive-shell .composer{bottom:max(10px,env(safe-area-inset-bottom))}}.immersive-shell .story-page.detail{position:relative;max-width:620px;padding:0;background:var(--ludio-bg)}.story-page.detail>.story-head{position:fixed;top:0;left:50%;width:min(100%,620px);transform:translate(-50%);z-index:8;grid-template-columns:40px minmax(0,1fr) 40px;margin:0;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border:0;background:linear-gradient(180deg,#101014f0,#101014c7);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-page.detail>.story-head h1{position:relative;width:auto;height:auto;overflow:hidden;margin:0;color:#fff;font-size:17px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap;clip-path:none}.story-page.detail .back,.story-page.detail .story-menu-trigger{display:grid;place-items:center;width:40px;height:40px;color:#fff;background:transparent;border-radius:50%;-webkit-backdrop-filter:none;backdrop-filter:none}.story-page.detail .detail-transcript{padding-top:0}.story-page.detail .story-detail-shell{gap:0;margin:0}.story-page.detail .story-detail-lead{position:relative;display:flex;align-items:flex-end;min-height:min(620px,70svh);padding-top:170px;isolation:isolate}.story-page.detail .story-detail-hero{position:fixed;top:0;left:50%;width:min(100%,620px);height:min(620px,70svh);transform:translate(-50%);min-height:0;border-radius:0;z-index:0}.story-page.detail .story-detail-copy{z-index:1}.story-page.detail .story-intro-cover{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;border-radius:0;aspect-ratio:auto;box-shadow:none}.story-page.detail .story-intro-cover img{object-position:center 30%}.story-page.detail .story-intro-cover .cover-scrim{background:linear-gradient(180deg,#1010140d 25%,#10101440 48%,#101014de 76%,#101014)}.story-page.detail .story-detail-hero:after{display:none}.story-page.detail .story-detail-copy{position:relative;width:100%;padding:64px 20px 12px;gap:10px;background:linear-gradient(transparent,#101014d1 55%,#101014)}.story-page.detail .story-detail-title{margin:0;color:#fff;font-size:clamp(26px,6vw,34px);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}.story-detail-subtitle{margin:0;color:#f1edf5;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none}.story-page.detail .story-tags span{color:#aaa5b2;font-size:12px}.story-page.detail .story-detail-panel{padding:20px 20px 0}.story-page.detail .story-detail-panel{position:relative;z-index:2;background:var(--ludio-bg)}.story-detail-author{width:fit-content;color:#bdb0f5;font-size:12px;text-decoration:none;unicode-bidi:isolate}@media(hover:hover){.story-detail-author:hover{color:#fff;text-decoration:underline}}.story-detail-stats{display:flex;flex-wrap:wrap;gap:14px;color:#b3acba;font-size:12px}.story-detail-stats span,.story-detail-stats .story-stat-button{display:inline-flex;align-items:center;gap:6px;color:#b3acba;font-size:15px;line-height:1}.story-detail-stats .story-stat-button{padding:0;border:0;background:transparent;cursor:pointer}:where([data-keyboard]) .story-detail-stats .story-stat-button:focus-visible{color:#fff}@media(hover:hover){.story-detail-stats .story-stat-button:hover{color:#fff}}.story-detail-stats .story-stat-button.selected{color:#ff719c}.story-detail-stats .story-stat-button.selected .ui-icon{fill:currentColor}.story-detail-stats .story-stat-button:disabled{cursor:wait;opacity:.7}.story-page.detail .story-inline-notice{position:fixed;top:70px;left:16px;right:16px;z-index:9;max-width:588px}@media(max-width:699px){.story-page.detail .story-detail-lead{min-height:min(620px,70svh)}.story-page.detail .story-detail-copy,.story-page.detail .story-detail-panel{padding-right:16px;padding-left:16px}}button,input,textarea,select{-webkit-tap-highlight-color:transparent}.bottom-nav a,.topbar-links a,.story-menu-trigger,.story-head-actions button,.theatre-head-actions button,.turn-actions button,.suggestion,.send,.theatre-page-arrow,.theatre-next{min-height:44px}.story-dialog-close,.asset-create-close,.search-page-clear{min-width:44px;min-height:44px}.story-dialog-close,.asset-create-close{display:grid;place-items:center}@media(max-width:699px){:root{--ludio-mobile-topbar: calc(56px + env(safe-area-inset-top)) ;--ludio-mobile-bottom-nav: calc(70px + env(safe-area-inset-bottom)) }.app-shell{padding-bottom:var(--ludio-mobile-bottom-nav)}.topbar-links a,.bell-link{width:44px;min-width:44px;height:44px}.topbar-section-title strong{font-size:17px}.bottom-nav{height:var(--ludio-mobile-bottom-nav);gap:0;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.bottom-nav a{min-height:52px;padding-top:4px;padding-bottom:4px;font-size:11px}.category{min-height:44px}.search-page-clear{width:38px;height:38px;margin-right:3px}.search-recent-chip .search-chip-remove{min-width:40px;min-height:40px}.story-page.detail .story-character-card .character-avatar,.story-page.detail .story-character-avatar-button{width:64px;height:64px}.story-page.detail .story-character-card{grid-template-columns:64px minmax(0,1fr)}}.theatre-stage-actions button{width:44px;height:44px}.theatre-stage-actions svg{width:17px;height:17px}.theatre-stage-meta>.theatre-recap-anchor{position:relative;top:auto;right:auto;z-index:4}.theatre-stage-page-count{margin-left:auto;direction:ltr;unicode-bidi:isolate}.theatre-recap-dialog{width:min(100%,620px);max-height:min(78dvh,680px);overflow-y:auto}.theatre-recap-dialog-list{display:grid;gap:2px;margin-top:20px}.theatre-recap-dialog-list .theatre-recap-entry{padding:13px 0;border-bottom-color:var(--ludio-line);font-size:13px}.theatre-recap-dialog-list .theatre-recap-entry:first-child{padding-top:0}.theatre-recap-dialog-list .theatre-recap-entry:last-child{padding-bottom:0}.theatre-page-nav-media{flex:1 1 auto}.theatre-recap-toggle{min-height:44px;padding:10px 14px}.story-detail-section .story-character-role{display:block;overflow:visible;text-overflow:clip;white-space:normal}.story-detail-section .story-profile{display:block;overflow:visible}.story-detail-section .story-character-profile,.story-detail-section .story-creator-note-copy{display:block;overflow:visible;white-space:pre-wrap}.search-clear-all{min-height:40px;padding:8px 4px!important}@media(min-width:700px){.story-page>.story-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:12;background:#101014eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}}.turn-actions button{width:44px;min-width:44px;height:44px}.theatre-stage{scroll-margin-top:86px}:root{--ludio-field: #313133;--ludio-accent: #8061f5;--ludio-accent-soft: rgba(128, 97, 245, .18);--ludio-radius-card: 18px;--ludio-radius-field: 12px;--ludio-body-size: 15px;--ludio-body-leading: 1.55}html,body{color:var(--ludio-text)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.page,.story-page,.search-page{color:var(--ludio-text)}.editor-hint,.creator-field-hint,.story-create-intro,.story-detail-subtitle,.story-detail-author,.story-character-role,.story-character-profile{color:var(--ludio-muted)}.story-create-panel input:not([type=checkbox]):not([type=radio]),.story-create-panel textarea,.story-create-panel select,.asset-create-page input:not([type=checkbox]):not([type=radio]),.asset-create-page textarea,.asset-create-page select,.story-character-modal input:not([type=checkbox]):not([type=radio]),.story-character-modal textarea,.story-character-modal select,.search-page-form,.composer{border-color:var(--ludio-line);background:var(--ludio-field);border-radius:var(--ludio-radius-field)}:where([data-keyboard]) .story-create-panel input:not([type=checkbox]):not([type=radio]):focus,:where([data-keyboard]) .story-create-panel textarea:focus,:where([data-keyboard]) .story-create-panel select:focus,:where([data-keyboard]) .asset-create-page input:not([type=checkbox]):not([type=radio]):focus,:where([data-keyboard]) .asset-create-page textarea:focus,:where([data-keyboard]) .asset-create-page select:focus,:where([data-keyboard]) .story-character-modal input:not([type=checkbox]):not([type=radio]):focus,:where([data-keyboard]) .story-character-modal textarea:focus,:where([data-keyboard]) .story-character-modal select:focus,:where([data-keyboard]) .search-page-form:focus-within,:where([data-keyboard]) .composer:focus-within{border-color:#8061f5d1;box-shadow:0 0 0 3px var(--ludio-accent-soft)}:where([data-keyboard]) .composer input:focus,:where([data-keyboard]) .composer input:focus-visible,:where([data-keyboard]) .composer textarea:focus,:where([data-keyboard]) .composer textarea:focus-visible{border:0;outline:none;box-shadow:none}.story-create-panel textarea,.asset-create-page textarea,.story-character-modal textarea{line-height:var(--ludio-body-leading)}.story-create-panel .creator-field-hint,.asset-create-page .creator-field-hint,.story-character-modal .creator-field-hint{font-size:12px;line-height:1.4}.story-detail-stats .ui-icon{width:22px;height:22px}.story-detail-section h2,.story-create-panel h2,.story-create-panel h3{letter-spacing:-.015em}.story-entry-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}@media(max-width:699px){.app-shell{min-height:100dvh;padding-bottom:var(--ludio-mobile-bottom-nav)}.topbar{min-height:var(--ludio-mobile-topbar);padding-top:env(safe-area-inset-top)}.topbar-links a,.bell-link,.story-menu-trigger,.story-head-actions button,.theatre-head-actions button,.turn-actions button,.theatre-stage-actions button,.theatre-page-arrow,.theatre-next,.search-page-clear,.search-recent-chip .search-chip-remove{min-width:var(--ludio-control);min-height:var(--ludio-control)}.topbar-links a,.bell-link,.story-menu-trigger,.story-head-actions button,.theatre-head-actions button{width:var(--ludio-control);height:var(--ludio-control)}.bottom-nav{min-height:var(--ludio-mobile-bottom-nav);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-height:var(--ludio-control);font-size:11px}.home-banner-cover{min-height:0}.home-banner-controls{bottom:14px}.story-page>.story-head{min-height:60px}.story-head h1{font-size:16px}.story-head-actions{gap:4px}.story-page.chat>.story-head{grid-template-columns:30px minmax(0,1fr) auto var(--ludio-control)}.runtime-model-trigger{min-height:40px;padding-inline:11px;font-size:12px}.story-runtime-segmented button{min-height:var(--ludio-control)}.composer{margin-bottom:max(8px,env(safe-area-inset-bottom))}.composer input,.composer textarea{line-height:1.45}.story-detail-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.story-detail-panel{padding-inline:16px}.story-detail-section{padding-block:20px}.story-entry-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}.story-create-panel,.story-editor-panel,.asset-create-page{border-radius:var(--ludio-radius-card)}.story-create-panel .section-title h2,.story-editor-panel .section-title h2{font-size:20px}.story-create-cast-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-create-character-tile{min-height:132px}.theatre-stage{min-height:calc(100dvh - var(--ludio-mobile-topbar) - 12px);height:auto;overflow:visible;justify-content:flex-start;padding-bottom:max(20px,env(safe-area-inset-bottom))}.theatre-stage-copy{max-width:100%}.theatre-stage-actions{gap:4px}.theatre-stage-actions svg{width:18px;height:18px}.theatre-page-navigation{padding-bottom:max(18px,env(safe-area-inset-bottom))}}.avatar img,.character-avatar img,.theatre-player-avatar img,.profile-avatar img{border-radius:inherit}.story-head.story-head-menu-open{z-index:40!important}.story-head.story-head-menu-open .story-menu-trigger{background:transparent;color:#fff}.story-runtime-action{border-radius:12px;transition:background .16s ease,color .16s ease}:where([data-keyboard]) .story-runtime-action:focus-visible{background:#ffffff0e}@media(hover:hover){.story-runtime-action:hover{background:#ffffff0e}}.story-runtime-action:first-of-type{background:transparent}:where([data-keyboard]) .story-runtime-action:first-of-type:focus-visible{background:#8061f52b}@media(hover:hover){.story-runtime-action:first-of-type:hover{background:#8061f52b}}.story-runtime-action strong{font-size:15px;font-weight:600}.story-runtime-action small{max-width:30ch;font-size:12px}.story-runtime-setting{padding:10px 4px 6px}.story-runtime-setting>span{color:#d0cad8;font-size:12px;font-weight:600}.story-runtime-segmented{gap:7px}.story-runtime-segmented button{min-height:38px;border-radius:10px;background:var(--ludio-surface-raised);color:#bdb5c7;transition:border-color .16s ease,background .16s ease,color .16s ease}:where([data-keyboard]) .story-runtime-segmented button:focus-visible{border-color:#8061f5b3;color:#f4efff}@media(hover:hover){.story-runtime-segmented button:hover{border-color:#8061f5b3;color:#f4efff}}.story-runtime-segmented button.selected{border-color:transparent;background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text);box-shadow:none}.story-runtime-divider{margin:16px 0;background:#ffffff1a}:root{--ludio-danger: #ff5252;--ludio-control: var(--ludio-control-height, 44px);--ludio-content-gutter: clamp(16px, 4vw, 28px)}button,a,input,textarea,select{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.topbar{min-height:calc(68px + env(safe-area-inset-top));padding-inline:var(--ludio-content-gutter);border-bottom:1px solid rgba(255,255,255,.055);background:color-mix(in srgb,var(--ludio-bg) 82%,transparent);box-shadow:0 8px 24px #0000001f}.logo{gap:11px;font-size:19px;letter-spacing:-.035em}.logo-mark{width:32px;height:32px;border-radius:11px}.topbar-links a{width:40px;height:40px;border-radius:12px;color:var(--ludio-muted)}.page{width:100%;padding-inline:var(--ludio-content-gutter)}.page h1,.page h2,.page h3{text-wrap:balance}.eyebrow{color:#b8a6ff;font-size:10px;letter-spacing:.16em}.primary,.secondary{min-height:var(--ludio-control-height);padding:var(--ludio-control-padding);border-radius:var(--ludio-control-radius);font-size:var(--ludio-control-font);line-height:var(--ludio-control-line);font-weight:var(--ludio-control-weight);letter-spacing:0}.primary{border:1px solid rgba(184,164,255,.32)}input:not([type=checkbox]):not([type=radio]),textarea,select{border-radius:var(--ludio-radius-md)}:where([data-keyboard]) input:not([type=checkbox]):not([type=radio]):focus,:where([data-keyboard]) textarea:focus,:where([data-keyboard]) select:focus{outline:0}.bottom-nav{border-top:1px solid rgba(255,255,255,.08);background:#0e0d12e6;box-shadow:0 -12px 32px #00000029;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.bottom-nav a{min-height:58px;color:#837d8e}.bottom-nav a.active{color:#e7ddff}.bottom-nav a.active:before{border-radius:14px}.profile-page{padding-bottom:118px}.profile-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.profile-page-header h1{max-width:14ch;margin:10px 0 0;font-size:clamp(31px,7vw,48px);line-height:1.02}.profile-settings-trigger,.icon-button{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:0;border-radius:0;background:transparent;color:#ddd5e9;cursor:pointer;font-size:18px}.profile-identity-card{display:flex;align-items:center;background:var(--ludio-brand-fill-soft);box-shadow:var(--ludio-shadow-soft)}.profile-identity-copy{flex:1}.profile-identity-copy h2{letter-spacing:-.025em}.profile-identity-copy p{overflow:hidden;margin:0;color:var(--ludio-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-avatar{background:transparent}.profile-edit-link{align-self:flex-start;padding:7px 10px;border-radius:9px;color:var(--ludio-accent-text);font-size:12px;text-decoration:none}:where([data-keyboard]) .profile-edit-link:focus-visible{background:var(--ludio-brand-soft);color:#fff}@media(hover:hover){.profile-edit-link:hover{background:var(--ludio-brand-soft);color:#fff}}.profile-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.profile-actions-secondary{display:block}.profile-action{border-color:var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-surface)}.profile-action-primary{min-height:78px;justify-content:center;border-color:var(--ludio-brand-line);background:var(--ludio-brand-fill-soft)}:where([data-keyboard]) .profile-action-primary:focus-visible{background:var(--ludio-brand-fill-soft-hover)}@media(hover:hover){.profile-action-primary:hover{background:var(--ludio-brand-fill-soft-hover)}}.profile-settings-overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#0403079e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-settings-sheet{width:min(100%,390px);height:100%;overflow-y:auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));border-left:1px solid var(--ludio-line);box-shadow:-24px 0 70px #00000057}.profile-settings-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:24px}.profile-settings-sheet-head h2{margin:7px 0 0;font-size:28px;letter-spacing:-.04em}.profile-settings-list{display:grid;gap:7px}.profile-setting-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:58px;padding:10px 11px;border:1px solid transparent;border-radius:var(--ludio-radius-md);background:#ffffff0b;color:var(--ludio-text);text-align:left;text-decoration:none;cursor:pointer}:where([data-keyboard]) .profile-setting-row:focus-visible{border-color:var(--ludio-line-strong);background:var(--ludio-brand-soft)}@media(hover:hover){.profile-setting-row:hover{border-color:var(--ludio-line-strong);background:var(--ludio-brand-soft)}}.profile-setting-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--ludio-brand-soft);color:var(--ludio-accent-text);font-size:14px}.profile-setting-row span:nth-child(2){display:grid;min-width:0;gap:3px}.profile-setting-row strong{font-size:14px;font-weight:600}.profile-setting-row small{display:block;color:var(--ludio-muted);font-size:11px;line-height:1.35;white-space:normal}.profile-setting-chevron{color:var(--ludio-subtle);font-size:20px}.profile-language-options{display:grid;gap:4px;margin:-2px 0 4px 45px;padding:5px;border:1px solid var(--ludio-line);border-radius:12px;background:#00000029}.profile-language-options button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ludio-text);text-align:left;cursor:pointer}.profile-language-options small{color:var(--ludio-muted);font-size:11px}.profile-setting-danger{margin-top:9px;color:#ffdce4}.profile-setting-danger .profile-setting-icon{background:#ff6f911f;color:var(--ludio-danger)}.profile-avatar-link,.profile-name-link{color:inherit;text-decoration:none}.profile-avatar-link{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}:where([data-keyboard]) .profile-avatar-link:focus-visible{transform:scale(1.03);box-shadow:0 0 0 3px var(--ludio-focus-color)}@media(hover:hover){.profile-avatar-link:hover{transform:scale(1.03);box-shadow:0 0 0 3px var(--ludio-focus-color)}}:where([data-keyboard]) .profile-name-link:focus-visible h2{color:var(--ludio-accent-text)}@media(hover:hover){.profile-name-link:hover h2{color:var(--ludio-accent-text)}}.profile-bio{display:-webkit-box;max-width:38ch;margin:8px 0 0!important;overflow:hidden;color:var(--ludio-muted)!important;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.profile-balance-card{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;margin:4px 0 12px;padding:15px 16px;border:1px solid var(--ludio-brand-line);border-radius:var(--ludio-radius-md);background:var(--ludio-brand-fill-soft);color:var(--ludio-text);text-align:left;cursor:pointer}.profile-balance-card>span:first-child{display:grid;gap:2px}.profile-balance-card strong{font-size:22px;letter-spacing:-.025em}.profile-balance-card small,.profile-balance-card>span:last-child{color:var(--ludio-muted);font-size:12px}.profile-balance-card b{margin-left:6px;color:var(--ludio-accent-text);font-size:20px;font-weight:400}.profile-primary-actions .profile-action-primary{min-height:76px;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:13px 12px;text-align:left}.profile-section-heading{display:flex;justify-content:space-between;gap:12px}.profile-section-heading strong{color:var(--ludio-text);font-size:13px;letter-spacing:.01em}.profile-section-heading span{color:var(--ludio-muted)}.profile-action-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--ludio-brand-line);border-radius:10px;background:var(--ludio-brand-soft);color:var(--ludio-accent-text);font-size:15px}.profile-action-copy{display:grid;min-width:0;gap:3px}.profile-action-copy strong{overflow:hidden;color:var(--ludio-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.profile-action-copy small{overflow:hidden;color:var(--ludio-muted);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.profile-action-chevron{color:#a996df;font-size:19px;line-height:1}.profile-utility-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#040307ad;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.profile-utility-sheet{position:relative;width:min(100%,560px);max-height:min(88dvh,720px);overflow-y:auto;padding:20px 18px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--ludio-line);border-bottom:0;border-radius:22px 22px 0 0;background:var(--ludio-surface-raised);box-shadow:0 -24px 70px #0000006b}.profile-persona-modal{align-self:center;width:min(calc(100% - 32px),560px);max-height:min(82dvh,720px);border-bottom:1px solid var(--ludio-line);border-radius:22px;box-shadow:0 24px 70px #0000007a}.profile-utility-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:44px;padding-right:52px;margin-bottom:20px}.profile-utility-head>.icon-button{position:absolute;top:0;right:0}[dir=rtl] .profile-utility-head{padding-right:0;padding-left:52px}[dir=rtl] .profile-utility-head>.icon-button{right:auto;left:0}.profile-utility-head h2{margin:7px 0 0;font-size:26px;letter-spacing:-.035em}.profile-utility-content{display:grid;gap:16px}.profile-confirm-overlay{z-index:70}.profile-confirm-sheet{max-width:480px}.profile-confirm-copy{margin:0 0 20px;line-height:1.55}.profile-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-plan-status,.profile-coins-balance{display:grid;gap:5px;padding:15px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-surface)}.profile-plan-status strong{font-size:19px}.profile-plan-status span,.profile-utility-copy,.profile-coins-balance small{color:var(--ludio-muted);font-size:13px;line-height:1.5}.profile-utility-list{display:grid;gap:7px;margin:0;padding-left:19px;color:var(--ludio-muted);font-size:13px}.profile-plan-grid,.profile-coin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-paywall-actions{display:grid;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ludio-line)}.profile-paywall-actions .profile-utility-copy{margin:0}.runtime-paywall-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#09080db8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.runtime-paywall-dialog{--dialog-header-inset: 22px;width:min(100%,420px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;padding:22px;border:1px solid var(--ludio-line);border-radius:24px;background:var(--ludio-surface, #18161e);box-shadow:0 24px 80px #00000052;overscroll-behavior:contain}.runtime-paywall-copy{margin:0 0 20px;color:var(--ludio-muted, #aaa6b0);font-size:14px;line-height:1.55}.runtime-video-options{display:grid;gap:14px;margin:18px 0 4px;padding:14px;border:1px solid var(--ludio-line);border-radius:16px;background:#ffffff08}.runtime-video-option-group{min-width:0;margin:0;padding:0;border:0}.runtime-video-option-group legend{margin-bottom:8px;color:var(--ludio-muted, #aaa6b0);font-size:12px;font-weight:700}.runtime-video-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.runtime-video-option{min-width:0;min-height:38px;white-space:normal;overflow-wrap:anywhere;padding:7px 8px;border:1px solid var(--ludio-line);border-radius:10px;background:transparent;color:var(--ludio-text, #f6f2f8);font-size:13px;font-weight:700;cursor:pointer}@media(hover:hover){.runtime-video-option:hover:not(:disabled){border-color:#845cffbf}}.runtime-video-option.selected{border-color:transparent;background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text);box-shadow:none}.runtime-video-option.selected .runtime-video-option-summary{color:var(--ludio-accent-text)}.runtime-video-option:disabled{cursor:wait;opacity:.65}.runtime-video-option-summary{margin:0;color:var(--ludio-text, #f6f2f8);font-size:12px;font-weight:700;line-height:1.4}.runtime-video-option-error{margin:0;color:#ffb7bd;font-size:12px;line-height:1.4}.runtime-paywall-actions{display:grid;gap:10px}.runtime-paywall-actions button{width:100%}.profile-plan-grid button,.profile-coin-grid button{position:relative;display:grid;gap:3px;min-height:58px;align-content:center;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-surface);color:var(--ludio-text);cursor:pointer}.plan-recommend-badge{position:absolute;top:7px;right:8px;color:var(--ludio-accent-text)!important;font-size:10px!important;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.profile-coin-grid button{padding:12px;text-align:left}.profile-coin-grid button span,.profile-plan-grid button span{color:var(--ludio-muted);font-size:12px}.profile-coin-grid button.featured{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft)}.profile-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.profile-inline-form input,.profile-inline-form textarea{width:100%;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-field);color:var(--ludio-text);padding:12px 13px}.profile-invite-form{grid-template-columns:1fr}.profile-invite-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;color:var(--ludio-muted)}.profile-invite-summary strong{color:var(--ludio-text);font-size:26px}.profile-invite-summary small{width:100%;color:var(--ludio-subtle)}.profile-utility-message{margin:0;color:var(--ludio-accent-text);font-size:13px}.profile-edit-avatar-block{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-surface)}.profile-edit-avatar-block>div{display:grid;gap:4px}.profile-edit-avatar-block small{color:var(--ludio-muted);font-size:12px;line-height:1.35}.profile-edit-avatar-button{position:relative;width:70px;height:70px;overflow:visible;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.profile-edit-avatar-button img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-edit-avatar-button>span{position:absolute;right:0;bottom:0;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#7655ff;color:#fff;font-size:12px}.profile-edit-avatar-button .ui-icon{width:14px;height:14px}.profile-character-count{display:block;text-align:right}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:520px){.profile-private-fields-grid{grid-template-columns:1fr}.profile-page{padding-top:25px}.profile-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-action-primary{min-height:72px}.profile-edit-avatar-block{grid-template-columns:70px minmax(0,1fr)}.profile-edit-avatar-block>.text-button{grid-column:2;justify-self:start}}html[dir=rtl] .story-start-hint,html[dir=rtl] .story-action-menu button,html[dir=rtl] .story-action-menu a,html[dir=rtl] .media-preview-trigger{text-align:right}html[dir=rtl] .story-action-menu{left:0;right:auto}html[dir=rtl] .story-profile,html[dir=rtl] .story-detail-headline,html[dir=rtl] .story-opening-beat p,html[dir=rtl] .story-creator-note-copy,html[dir=rtl] .profile-utility-copy,html[dir=rtl] .profile-copy{text-align:start}html[dir=rtl] .billing-plan-grid button,html[dir=rtl] .coins-pack-card{text-align:right}html[dir=rtl] .invite-email-form button{justify-self:end}html[dir=rtl] .profile-character-count{text-align:left}.feedback-sheet-content{display:grid;gap:14px}.feedback-form{display:grid;gap:12px}.feedback-form textarea{width:100%;min-height:142px;padding:14px;border:1px solid var(--ludio-line);border-radius:14px;background:var(--ludio-field);color:#fff;resize:vertical}:where([data-keyboard]) .feedback-form textarea:focus{border-color:#9570ff;outline:none;box-shadow:0 0 0 3px #9570ff29}.feedback-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-button{color:#aa92ff;padding:2px 0}.home-banner-link{display:block;color:inherit;text-decoration:none}.story-rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:100%;color:var(--ludio-muted);font-size:11px;line-height:1.6;text-align:start}.story-rating strong{color:var(--ludio-text);font-weight:600;font-variant-numeric:tabular-nums}.story-rating>.ui-icon:first-child{width:12px;height:12px;color:var(--ludio-rating);fill:currentColor}.story-rating--prominent{font-size:13px}.story-rating--prominent>.ui-icon:first-child{width:16px;height:16px}button.story-rating{min-height:44px;padding:4px 0;border:0;background:transparent;cursor:pointer}.card-copy>.story-rating{margin-top:7px}.story-rating-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid var(--ludio-line-strong)}.story-rating-panel p{margin:0;color:var(--ludio-muted);font-size:12px}.personal-story-rating{display:flex;align-items:center;gap:8px;min-height:40px;max-width:100%;padding:0;border:0;background:transparent;color:var(--ludio-muted);font-size:11px;cursor:pointer}.personal-rating-stars{display:flex;gap:2px;color:var(--ludio-line-strong)}.personal-rating-stars .filled{color:var(--ludio-rating)}.personal-rating-stars .ui-icon,.personal-story-rating>.ui-icon{width:13px;height:13px}.personal-rating-stars .ui-icon{fill:currentColor}.library-rated-card{min-width:0}.library-rated-card>.library-card{min-height:142px}.library-rated-card>.personal-story-rating{margin-inline-start:116px}.studio-rating-feedback{position:relative;z-index:2;margin-top:8px;pointer-events:auto}.studio-rating-feedback summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--ludio-muted);font-size:11px}.studio-rating-feedback summary>.ui-icon{width:12px;height:12px}.studio-rating-distribution{display:grid;gap:5px;padding:4px 0 8px}.studio-rating-distribution>div{display:grid;grid-template-columns:18px minmax(40px,1fr) 32px;align-items:center;gap:8px;color:var(--ludio-muted);font-size:11px}.studio-rating-distribution meter{width:100%;height:8px;accent-color:var(--ludio-accent)}.studio-rating-distribution span:last-child{text-align:end;font-variant-numeric:tabular-nums}:where([data-keyboard]) :is(button.story-rating,.personal-story-rating,.studio-rating-feedback summary):focus-visible{outline:2px solid var(--ludio-accent-text);outline-offset:3px;border-radius:4px}:root{--ludio-bg: #111111;--ludio-surface: #222222;--ludio-surface-raised: #2B2B2B;--ludio-surface-soft: var(--ludio-surface-raised);--ludio-border: #393939;--ludio-field: #2B2B2B;--ludio-line: var(--ludio-border);--ludio-line-strong: #525252;--ludio-text: #F2F1EE;--ludio-muted: #B0AEAA;--ludio-subtle: #92918E;--ludio-brand: #8B2CF5;--ludio-brand-strong: #C18AFF;--ludio-brand-soft: #231A31;--ludio-brand-soft-hover: #30213E;--ludio-on-accent: #FFFFFF;--ludio-rating: #E8C37E;--ludio-accent-text: #C18AFF;--ludio-brand-line: color-mix(in srgb, var(--ludio-accent-text) 45%, transparent);--ludio-focus-color: color-mix(in srgb, var(--ludio-accent-text) 22%, transparent);--ludio-brand-gradient-start: #5850EC;--ludio-brand-gradient-middle: #8B2CF5;--ludio-brand-gradient-end: #C429AA;--ludio-brand-gradient: linear-gradient(105deg, var(--ludio-brand-gradient-start), var(--ludio-brand-gradient-middle), var(--ludio-brand-gradient-end));--ludio-brand-gradient-hover: linear-gradient(105deg, color-mix(in srgb, var(--ludio-brand-gradient-start) 90%, #000), color-mix(in srgb, var(--ludio-brand-gradient-middle) 90%, #000), color-mix(in srgb, var(--ludio-brand-gradient-end) 90%, #000));--ludio-brand-fill: var(--ludio-brand-gradient) border-box no-repeat;--ludio-brand-fill-hover: var(--ludio-brand-gradient-hover) border-box no-repeat;--ludio-brand-fill-soft: var(--ludio-brand-soft) border-box no-repeat;--ludio-brand-fill-soft-hover: var(--ludio-brand-soft-hover) border-box no-repeat;--ludio-control-height: 44px;--ludio-control-heightLarge: 48px;--ludio-control-radius: 8px;--ludio-control-font: 14px;--ludio-control-weight: 600;--ludio-control-line: 20px;--ludio-control-padding: 10px 16px;--ludio-radius-sm: 10px;--ludio-radius-md: 12px;--ludio-radius-lg: 16px;--ludio-shadow-soft: 0 10px 28px rgba(0, 0, 0, .18)}body{color:var(--ludio-text);background:var(--ludio-bg)}.topbar{background:color-mix(in srgb,var(--ludio-bg) 90%,transparent);border-bottom-color:var(--ludio-line);box-shadow:0 8px 24px #00000029}:where([data-keyboard]) .topbar-links a:focus-visible,:where([data-keyboard]) .profile-settings-trigger:focus-visible,:where([data-keyboard]) .icon-button:focus-visible{border-color:transparent;background:transparent;color:#fff}@media(hover:hover){.topbar-links a:hover,.profile-settings-trigger:hover,.icon-button:hover{border-color:transparent;background:transparent;color:#fff}}.primary{border-color:transparent;background:var(--ludio-brand-fill);color:var(--ludio-on-accent);box-shadow:none}:where([data-keyboard]) .primary:not(:disabled):focus-visible{background:var(--ludio-brand-fill-hover)}@media(hover:hover){.primary:not(:disabled):hover{background:var(--ludio-brand-fill-hover)}}.secondary{border-color:var(--ludio-line-strong);background:var(--ludio-surface-raised);color:var(--ludio-text)}:where([data-keyboard]) .secondary:not(:disabled):focus-visible{border-color:var(--ludio-accent-text)}@media(hover:hover){.secondary:not(:disabled):hover{border-color:var(--ludio-accent-text)}}input:not([type=checkbox]):not([type=radio]),textarea,select{border-color:var(--ludio-line);background:var(--ludio-field);color:var(--ludio-text)}@media(hover:hover){input:not([type=checkbox]):not([type=radio]):hover,textarea:hover,select:hover{border-color:var(--ludio-line-strong);background:var(--ludio-field)}}:where([data-keyboard]) input:not([type=checkbox]):not([type=radio]):focus,:where([data-keyboard]) textarea:focus,:where([data-keyboard]) select:focus{border-color:var(--ludio-brand-strong);background:var(--ludio-field);box-shadow:0 0 0 3px var(--ludio-focus-color)}.bottom-nav{background:var(--ludio-navigation);border-top-color:var(--ludio-line);box-shadow:0 -10px 28px #00000038}.bottom-nav a{color:var(--ludio-muted)}.bottom-nav a.active{background:transparent;color:var(--ludio-accent-text)}.bottom-nav a.active:before{background:var(--ludio-brand-soft)}.home-banner-controls button.selected,.category.selected{border-color:var(--ludio-brand-line);background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text)}.story-card,.library-story-card,.history-story-card,.more-card,.profile-identity-card{border-color:var(--ludio-line);background:var(--ludio-surface);box-shadow:none}@media(hover:hover){.profile-language-options button:hover{background:var(--ludio-brand-fill-soft)}}.profile-language-options button.selected{background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text)}.profile-language-options button.selected>span:last-child{color:var(--ludio-accent-text)}.topbar-route-actions{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:10px;order:2}.topbar-route-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--ludio-line);border-radius:12px;background:var(--ludio-surface-raised);color:#e8e2f0;font-size:12px;font-weight:650;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}:where([data-keyboard]) .topbar-route-action:focus-visible{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft);color:#fff}@media(hover:hover){.topbar-route-action:hover{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft);color:#fff}}.topbar-route-action .ui-icon{width:17px;height:17px}.topbar-route-action-icon{width:44px;padding:0;font-size:18px;border-color:transparent;background:transparent}.topbar-route-action-icon .ui-icon{width:24px;height:24px}:where([data-keyboard]) .topbar-route-action-icon:focus-visible{border-color:transparent;background:transparent;color:#fff}@media(hover:hover){.topbar-route-action-icon:hover{border-color:transparent;background:transparent;color:#fff}}.app-shell .topbar-route-action-icon,:where([data-keyboard]) .app-shell .topbar-route-action-icon:focus-visible,.app-shell .topbar-links .bell-link,.app-shell .topbar-links .search-link{border-color:transparent;background:transparent;box-shadow:none}@media(hover:hover){.app-shell .topbar-route-action-icon:hover{border-color:transparent;background:transparent;box-shadow:none}}.account-actions{margin-left:10px}.profile-guest-title{margin:0 0 18px;font-size:clamp(28px,7vw,40px);line-height:1.08;letter-spacing:-.04em}@media(max-width:699px){.image-prompt-backdrop{place-items:end center;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.image-prompt-modal{width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:18px 16px max(18px,env(safe-area-inset-bottom));border-radius:22px}.image-prompt-modal textarea{min-height:132px}.image-prompt-actions{position:sticky;bottom:0;z-index:1;margin-left:-16px;margin-right:-16px;margin-bottom:calc(-1*max(18px,env(safe-area-inset-bottom)));padding:12px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#15131b00,#15131bf5 35%)}}@media(max-width:699px){.topbar-route-actions{margin-right:max(4px,env(safe-area-inset-right))}}:root{--ludio-consumer-canvas-width: 480px;--ludio-consumer-frame-width: 100%}@media(min-width:700px){:root{--ludio-consumer-frame-width: calc(var(--ludio-consumer-canvas-width) - 2px)}.app-shell{width:var(--ludio-consumer-canvas-width);max-width:var(--ludio-consumer-canvas-width)}.app-shell>.topbar,.app-shell .topbar{left:50%;right:auto;width:var(--ludio-consumer-canvas-width);max-width:var(--ludio-consumer-canvas-width);transform:translate(-50%)}.app-shell>.bottom-nav,.app-shell .bottom-nav{left:50%;right:auto;width:var(--ludio-consumer-canvas-width);max-width:var(--ludio-consumer-canvas-width);transform:translate(-50%)}.app-shell .story-entry-bar{left:50%;right:auto;width:var(--ludio-consumer-canvas-width);max-width:var(--ludio-consumer-canvas-width);transform:translate(-50%)}.app-shell .composer,.app-shell .composer-stack{left:50%;right:auto;width:calc(var(--ludio-consumer-canvas-width) - 32px);max-width:calc(var(--ludio-consumer-canvas-width) - 32px);transform:translate(-50%)}.app-shell .composer-stack>.composer{left:auto;right:auto;width:100%;max-width:none;transform:none}.app-shell .theatre-stage{padding-inline:24px}.app-shell .theatre-content,.app-shell .theatre-stage-meta,.app-shell .theatre-stage-toolbar,.app-shell .theatre-page-nav,.app-shell .theatre-interaction{width:100%;max-width:none}.app-shell .story-page.detail,.app-shell .immersive-shell .story-page.detail{width:100%;max-width:var(--ludio-consumer-canvas-width);margin-inline:auto}.app-shell .story-page.detail>.story-head{width:var(--ludio-consumer-canvas-width);max-width:var(--ludio-consumer-canvas-width)}.app-shell .story-page.detail .story-inline-notice{left:50%;right:auto;width:calc(var(--ludio-consumer-canvas-width) - 32px);max-width:calc(var(--ludio-consumer-canvas-width) - 32px);transform:translate(-50%)}.app-shell .story-role-picker,.app-shell .story-persona-picker,.app-shell .creator-modal-card,.app-shell .quick-create-backdrop>*,.app-shell .editor-preview-backdrop>*,.app-shell .image-prompt-modal,.app-shell .draft-restore-card,.app-shell .story-character-modal,.app-shell .profile-settings-sheet,.app-shell .profile-utility-sheet{max-width:var(--ludio-consumer-canvas-width)}.app-shell .asset-create-drawer-layer>.asset-create-page{max-width:var(--ludio-consumer-canvas-width)}.app-shell .profile-settings-sheet{margin-right:calc(50% - (var(--ludio-consumer-canvas-width) / 2))}.app-shell .runtime-debug-trigger{right:calc(50% - (var(--ludio-consumer-canvas-width) / 2) + 18px)}.app-shell .runtime-debug-panel{right:calc(50% - (var(--ludio-consumer-canvas-width) / 2) + 18px);max-width:calc(var(--ludio-consumer-canvas-width) - 32px)}}@media(max-width:699px){.app-shell{width:100%;max-width:none}.app-shell>.topbar,.app-shell .topbar{left:0;right:0;width:100%;max-width:none;transform:none}.app-shell>.bottom-nav,.app-shell .bottom-nav{left:0;right:0;width:100%;max-width:none;transform:none}.app-shell .profile-settings-sheet{margin-right:0}}.story-create-overview{margin:0 0 20px;padding:0 2px;color:var(--muted, #aaa3b0);font-size:.82rem;line-height:1.55}.story-create-page:not(.story-create-wizard) .story-create-panel.story-settings-panel,.story-create-page:not(.story-create-wizard) .story-create-panel.story-editor-workspace{display:flex;flex-direction:column;gap:26px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.story-create-page:not(.story-create-wizard) .story-create-inline-section,.story-create-page:not(.story-create-wizard) .story-editor-section{display:flex;flex-direction:column;gap:12px;width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.story-create-page:not(.story-create-wizard) .story-create-section-basics,.story-create-page:not(.story-create-wizard) .story-editor-section-prompt{padding-top:0;border-top:0}.story-create-page:not(.story-create-wizard) .story-create-section-heading,.story-create-page:not(.story-create-wizard) .story-editor-section>h2,.story-create-page:not(.story-create-wizard) .story-editor-section>.section-title,.story-create-page:not(.story-create-wizard) .story-editor-section>.editor-subsection-heading{margin:0;padding:0 2px}.story-create-page:not(.story-create-wizard) .story-create-section-heading h2,.story-create-page:not(.story-create-wizard) .story-editor-section>h2,.story-create-page:not(.story-create-wizard) .story-editor-section>.section-title h2,.story-create-page:not(.story-create-wizard) .story-editor-section>.editor-subsection-heading h2{margin:0;color:var(--text, #fff);font-size:1.15rem;line-height:1.25;letter-spacing:-.015em}.story-create-page:not(.story-create-wizard) .story-create-section-heading .editor-hint,.story-create-page:not(.story-create-wizard) .story-editor-section>.editor-hint,.story-create-page:not(.story-create-wizard) .story-editor-section>.section-title .editor-hint,.story-create-page:not(.story-create-wizard) .story-editor-section>.editor-subsection-heading .editor-hint{max-width:58ch;margin:4px 0 0;color:var(--muted, #aaa3b0);font-size:.76rem;line-height:1.5}.story-create-page:not(.story-create-wizard) .story-create-section-card{display:grid;gap:14px;width:100%;min-width:0;padding:20px;border:1px solid rgba(151,112,97,.28);border-radius:18px;background:var(--ludio-surface);box-shadow:var(--ludio-shadow-soft)}.creator-field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.creator-field-counter{flex:0 0 auto;margin-left:auto;color:var(--ludio-subtle, #7f7d8d);font-size:.64rem;font-weight:500;line-height:1.2;letter-spacing:.01em;text-align:right;white-space:nowrap}.story-create-form-page:not(.story-create-wizard) .story-create-panel input,.story-create-form-page:not(.story-create-wizard) .story-create-panel textarea{padding-right:13px;padding-bottom:11px}.story-create-form-page:not(.story-create-wizard) .story-create-panel textarea{min-height:136px;line-height:1.5}:where([data-keyboard]) .story-create-form-page:not(.story-create-wizard) .story-create-panel input:focus,:where([data-keyboard]) .story-create-form-page:not(.story-create-wizard) .story-create-panel textarea:focus,:where([data-keyboard]) .story-create-form-page:not(.story-create-wizard) .story-create-panel select:focus,:where([data-keyboard]) .story-create-form-page:not(.story-create-wizard) .story-create-panel input:focus-visible,:where([data-keyboard]) .story-create-form-page:not(.story-create-wizard) .story-create-panel textarea:focus-visible,:where([data-keyboard]) .story-create-form-page:not(.story-create-wizard) .story-create-panel select:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ludio-focus-color)}.quick-create-form textarea{min-height:154px}:where([data-keyboard]) .quick-create-form textarea:focus,:where([data-keyboard]) .quick-create-form textarea:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ludio-focus-color)}.story-create-form-page:not(.story-create-wizard) .story-choice-list-collapsed{max-height:80px;overflow:hidden}.story-create-form-page:not(.story-create-wizard) .story-choice-toggle{display:inline-flex;align-items:center;gap:5px;width:fit-content;margin:-2px 0 0;padding:4px 0;border:0;color:var(--ludio-muted, #aaa8b8);background:transparent;font-size:.72rem;font-weight:600;cursor:pointer}:where([data-keyboard]) .story-create-form-page:not(.story-create-wizard) .story-choice-toggle:focus-visible{color:var(--ludio-text, #f2f1f7)}@media(hover:hover){.story-create-form-page:not(.story-create-wizard) .story-choice-toggle:hover{color:var(--ludio-text, #f2f1f7)}}.required-mark{display:none}.story-create-page:not(.story-create-wizard) .story-create-section-card>form,.story-create-page:not(.story-create-wizard) .story-create-section-card>.studio-form,.story-create-page:not(.story-create-wizard) .story-create-section-card>.editor-form-grid{display:grid;gap:14px;min-width:0}.story-create-page:not(.story-create-wizard) .story-create-section-card .story-create-footer{margin-top:2px}@media(max-width:699px){.story-create-overview{margin-bottom:16px;font-size:.78rem}.story-create-page:not(.story-create-wizard) .story-create-section-card{padding:16px;border-radius:16px}.story-create-page:not(.story-create-wizard) .story-create-panel.story-settings-panel,.story-create-page:not(.story-create-wizard) .story-create-panel.story-editor-workspace{gap:22px}}.image-prompt-backdrop{display:flex;align-items:stretch;justify-content:center;padding:0}.image-prompt-modal{display:flex;flex:0 1 min(calc(var(--ludio-consumer-canvas-width, 480px) - 2px),100%);flex-direction:column;width:min(calc(var(--ludio-consumer-canvas-width, 480px) - 2px),100%);max-width:none;height:100%;max-height:none;overflow:hidden;padding:0;border:0;border-radius:0;background:var(--ludio-surface);color:var(--ludio-text);box-shadow:none}.image-prompt-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px))}.image-prompt-actions{flex:0 0 auto;position:sticky;bottom:0;z-index:2;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--ludio-surface) 32%)}.image-prompt-error{flex:0 0 auto;margin:0 max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));font-size:.8rem;line-height:1.4;overflow-wrap:anywhere}.image-prompt-generate{min-width:8em}.image-reference-preview{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--muted, #aaa3b0);font-size:.75rem}.image-reference-preview img{width:48px;height:64px;flex:0 0 auto;object-fit:cover;border-radius:7px;background:#ffffff14}.image-reference-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-reference-preview .text-button{margin-left:auto;flex:0 0 auto}.image-reference-error{margin:0}.image-prompt-label{display:inline-flex;align-items:center;gap:5px}.image-prompt-info{display:inline-grid;flex:0 0 32px;width:32px;min-width:32px;height:32px;min-height:32px;margin:-7px 0;padding:0;place-items:center;border:0;border-radius:50%;color:var(--ludio-muted);background:transparent;box-shadow:none;cursor:pointer}.image-prompt-info .ui-icon{width:17px;height:17px}.image-prompt-info:focus-visible{outline:2px solid var(--ludio-brand-strong);outline-offset:2px}.image-prompt-input-wrap{position:relative;min-height:220px;margin-top:8px;overflow:hidden;border:1px solid var(--ludio-line-strong);border-radius:16px;background:var(--ludio-field);transition:border-color .16s ease,box-shadow .16s ease}:where([data-keyboard]) .image-prompt-input-wrap:focus-within{border-color:var(--ludio-brand-strong);box-shadow:0 0 0 3px var(--ludio-focus-color)}@media(hover:hover){.image-prompt-input-wrap:hover{border-color:color-mix(in srgb,var(--ludio-brand-strong) 45%,var(--ludio-line-strong))}}.image-prompt-modal .image-prompt-input-wrap textarea{display:block;width:100%;min-height:220px;margin:0;padding:18px 18px 76px;border:0;border-radius:0;outline:0;resize:none;appearance:none;background:transparent;box-shadow:none}:where([data-keyboard]) .image-prompt-modal .image-prompt-input-wrap textarea:focus{border:0;outline:0;box-shadow:none}.image-prompt-modal .image-prompt-input-wrap textarea::placeholder{color:#8f8796}.image-prompt-reference-trigger{position:absolute;bottom:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;max-width:calc(100% - 120px);height:42px;min-height:42px;padding:0 11px;border:1px solid var(--ludio-line);border-radius:12px;color:#a39aa8;background:#ffffff0b;font:inherit;font-size:.76rem;font-weight:600;line-height:1;cursor:pointer}.image-prompt-reference-trigger .ui-icon{width:17px;height:17px;flex:0 0 auto}.image-prompt-reference-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-keyboard]) .image-prompt-reference-trigger:focus-visible{color:#fff;border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft)}@media(hover:hover){.image-prompt-reference-trigger:hover{color:#fff;border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft)}}.image-prompt-input-wrap .image-prompt-counter{position:absolute;right:15px;bottom:14px;margin:0}.image-style-field{margin-top:16px}.image-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;padding:0}.image-style-option{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;padding:4px;border:1px solid var(--ludio-line-strong);border-radius:var(--ludio-radius-md);background:var(--ludio-surface);color:var(--ludio-text);box-shadow:none;font:inherit;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.image-style-thumbnail{display:block;width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;border-radius:calc(var(--ludio-radius-md) - 4px);background:var(--ludio-surface-raised)}.image-style-option>span{display:-webkit-box;min-width:0;min-height:2.8em;padding:9px 3px 7px;overflow:hidden;color:inherit;font-size:12px;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.image-style-option.selected{border-color:var(--ludio-brand-strong);background:color-mix(in srgb,var(--ludio-brand-strong) 12%,var(--ludio-surface));color:var(--ludio-accent-text)}.image-style-check{position:absolute;inset-block-start:10px;inset-inline-end:10px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--ludio-brand);color:var(--ludio-on-accent)}.image-style-check .ui-icon{width:14px;height:14px}.image-style-option:disabled{cursor:default}:where([data-keyboard]) .image-style-option:focus-visible{outline:2px solid var(--ludio-brand-strong);outline-offset:2px}@media(hover:hover){.image-style-option:hover:not(:disabled):not(.selected){border-color:var(--ludio-brand-strong);background:var(--ludio-surface-raised)}}@media(prefers-reduced-motion:reduce){.image-style-option{transition:none}}.media-preview-trigger{position:relative;gap:0;overflow:hidden;border-radius:14px}.media-preview-trigger>span:not(.media-preview-overlay-label),.media-preview-trigger .media-preview-empty small{display:none}.media-preview-overlay-label{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:16px 7px 8px;border-radius:0 0 12px 12px;color:#fff;background:linear-gradient(transparent,#000000d1);font-size:.72rem;font-weight:650;line-height:1.2;text-align:center;pointer-events:none}.story-create-page .story-character-avatar-trigger .media-preview,.story-create-page .asset-portrait-media-trigger .media-preview{width:132px}@media(max-width:699px){.image-prompt-modal{width:100%;flex-basis:100%}.image-prompt-modal textarea{min-height:150px}.story-create-page .story-character-avatar-trigger .media-preview,.story-create-page .asset-portrait-media-trigger .media-preview{width:108px}}.profile-page{width:100%;max-width:480px;padding:24px 16px calc(112px + env(safe-area-inset-bottom))}.profile-page>.profile-identity-card,.profile-page>.profile-section{width:100%}.profile-identity-card{position:relative;align-items:flex-start;gap:14px;min-height:104px;padding:16px 42px 16px 16px;border:1px solid var(--ludio-line);border-radius:18px}.profile-identity-avatar-column{display:grid;flex:0 0 92px;justify-items:center;gap:6px;min-width:0}.profile-identity-social{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;width:100%;color:var(--ludio-muted);font-size:10px;line-height:1.25;text-align:center}.profile-identity-social a{color:var(--ludio-muted);text-decoration:none;white-space:nowrap}:where([data-keyboard]) .profile-identity-social a:focus-visible{color:var(--ludio-accent-text);text-decoration:underline}@media(hover:hover){.profile-identity-social a:hover{color:var(--ludio-accent-text);text-decoration:underline}}.profile-identity-social-inline{justify-content:flex-start;width:auto;gap:8px;text-align:start;font-size:11px}.profile-identity-social-inline a{display:inline-flex;align-items:center;padding-block:6px}.profile-custom-personas-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:2px 0;border:0;background:transparent;color:var(--ludio-accent-text);font-size:10px;line-height:1.25;text-align:center;cursor:pointer}:where([data-keyboard]) .profile-custom-personas-link:focus-visible{color:#fff;text-decoration:underline}@media(hover:hover){.profile-custom-personas-link:hover{color:#fff;text-decoration:underline}}.profile-avatar{width:72px;height:72px;flex:none;border-radius:50%}.profile-identity-copy{display:grid;align-content:start;gap:4px;min-width:0;padding-top:1px}.profile-identity-copy h2{margin:0;color:var(--ludio-text);font-size:19px;font-weight:720;line-height:1.2}.profile-email{display:flex!important;gap:5px;min-width:0;color:var(--ludio-muted)!important;font-size:11px!important;line-height:1.35;white-space:nowrap}.profile-email span{flex:0 0 auto;color:var(--ludio-subtle)}.profile-email{overflow:hidden;text-overflow:ellipsis}.profile-bio{max-width:30ch;margin-top:3px!important;font-size:12px!important}.profile-identity-edit{position:absolute;top:14px;right:14px;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--ludio-line);border-radius:10px;background:var(--ludio-surface-raised);color:var(--ludio-accent-text);font-size:13px;text-decoration:none}:where([data-keyboard]) .profile-identity-edit:focus-visible,:where([data-keyboard]) .profile-language-option:focus-visible,:where([data-keyboard]) .profile-referral-card:focus-visible,:where([data-keyboard]) .profile-tool-row:focus-visible,:where([data-keyboard]) .profile-stat-card:focus-visible{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft)}@media(hover:hover){.profile-identity-edit:hover,.profile-language-option:hover,.profile-referral-card:hover,.profile-tool-row:hover,.profile-stat-card:hover{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft)}}.profile-section-heading{align-items:baseline;margin:0 2px 10px}.profile-section-heading h2{margin:0;color:var(--ludio-text);font-size:15px;font-weight:680;letter-spacing:-.01em}.profile-section-heading span{color:var(--ludio-subtle);font-size:11px}.profile-section-copy{margin:-2px 0 9px;color:var(--ludio-muted);font-size:11px;line-height:1.45}.profile-stats-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.profile-stats-two{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats-three>a,.profile-stats-three>button{display:grid;min-height:86px;align-content:center;justify-items:center;row-gap:8px;min-width:0;padding:12px 8px;box-sizing:border-box;border-color:var(--ludio-line);border-radius:13px;background:var(--ludio-surface);color:var(--ludio-text);font:inherit;text-align:center;text-decoration:none;cursor:pointer}.profile-stats-three>button:disabled,.profile-artifact-disabled{cursor:default;opacity:.58}:where([data-keyboard]) .profile-stats-three>button:disabled:focus-visible,:where([data-keyboard]) .profile-artifact-disabled:focus-visible{border-color:var(--ludio-line);background:var(--ludio-surface)}@media(hover:hover){.profile-stats-three>button:disabled:hover,.profile-artifact-disabled:hover{border-color:var(--ludio-line);background:var(--ludio-surface)}}:where([data-keyboard]) .profile-stats-three>a:focus-visible,:where([data-keyboard]) .profile-stats-three>button:focus-visible{border-color:var(--ludio-line-strong);background:var(--ludio-surface-soft)}@media(hover:hover){.profile-stats-three>a:hover,.profile-stats-three>button:hover{border-color:var(--ludio-line-strong);background:var(--ludio-surface-soft)}}.profile-stats-three strong{color:var(--ludio-text);font-size:19px;line-height:1.1}.profile-stats-three>.profile-artifact-disabled{cursor:not-allowed;opacity:.48}:where([data-keyboard]) .profile-stats-three>.profile-artifact-disabled:focus-visible{border-color:var(--ludio-line);background:var(--ludio-surface)}@media(hover:hover){.profile-stats-three>.profile-artifact-disabled:hover{border-color:var(--ludio-line);background:var(--ludio-surface)}}.profile-stats-three span{color:var(--ludio-muted);font-size:10px;line-height:1.25;text-align:center}.profile-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-benefit-card{display:flex;min-height:178px;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid var(--ludio-line);border-radius:16px;background:var(--ludio-surface)}.profile-membership-card{border-color:var(--ludio-brand-line);background:var(--ludio-surface-raised)}.profile-coins-card{border-color:#ebc26c38;background:var(--ludio-surface)}.profile-benefit-top{display:flex;align-items:center;gap:7px;margin-bottom:14px}.profile-benefit-icon,.profile-referral-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--ludio-brand-soft);color:var(--ludio-accent-text);font-size:13px}.profile-coins-card .profile-benefit-icon{background:#e9b85126;color:#f3d48b}.profile-benefit-kicker{color:var(--ludio-muted);font-size:11px;font-weight:650}.profile-benefit-card>strong{color:var(--ludio-text);font-size:18px;line-height:1.2}.profile-benefit-card>p{min-height:34px;margin:5px 0 12px;color:var(--ludio-muted);font-size:11px;line-height:1.42}.profile-benefit-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin-top:auto;padding:0 10px;border:1px solid var(--ludio-line);border-radius:10px;background:var(--ludio-surface-raised);color:var(--ludio-text);font-size:11px;cursor:pointer}.profile-benefit-button-primary{border-color:var(--ludio-brand-line);background:var(--ludio-brand-soft);color:var(--ludio-text)}.profile-benefit-button span{color:var(--ludio-accent-text);font-size:16px;line-height:1}.profile-referral-card,.profile-tool-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:11px 12px;border:1px solid var(--ludio-line);border-radius:14px;background:var(--ludio-surface);color:var(--ludio-text);text-align:left;text-decoration:none;cursor:pointer}.profile-rewards-list{display:grid;gap:8px;padding:0}.profile-language-sheet-options{gap:7px;max-height:min(540px,calc(88dvh - 120px));overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 4px;scrollbar-gutter:stable}.profile-language-option{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 13px;border:1px solid var(--ludio-line);border-radius:12px;background:var(--ludio-surface);color:var(--ludio-text);text-align:start;cursor:pointer}.profile-language-option.selected{border-color:transparent;background:var(--ludio-brand-fill-soft);color:var(--ludio-accent-text)}.profile-language-option.selected :is(small,b){color:var(--ludio-accent-text)}.profile-language-option small{color:var(--ludio-muted);font-size:11px;text-align:start}.profile-language-option b{color:var(--ludio-accent-text);font-size:15px}.profile-settings-modal-card{display:grid;gap:7px;padding:15px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-surface)}.profile-settings-modal-card strong{overflow:hidden;font-size:15px;text-overflow:ellipsis}.profile-settings-modal-card small{color:var(--ludio-muted);font-size:12px;line-height:1.45}.profile-modal-block-form{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:8px}.profile-modal-block-form select,.profile-modal-block-form input{min-width:0}.profile-account-danger{display:grid;gap:7px;padding:15px;border:1px solid rgba(255,111,145,.2);border-radius:var(--ludio-radius-md);background:#ff6f910b}.profile-account-danger h3{margin:0;font-size:16px}.profile-account-danger .delete-account-form{margin-top:4px}@media(max-width:520px){.profile-modal-block-form{grid-template-columns:1fr 1fr}.profile-modal-block-form input{grid-column:1 / -1;grid-row:1}.profile-modal-block-form select{grid-column:1;grid-row:2}.profile-modal-block-form button{grid-column:2;grid-row:2}}.profile-referral-copy,.profile-tool-row>span:nth-child(2){display:grid;min-width:0;gap:3px}.profile-referral-copy strong,.profile-tool-row strong{font-size:13px;font-weight:650}.profile-referral-copy small,.profile-tool-row small{overflow:hidden;color:var(--ludio-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-tool-row{grid-template-columns:32px minmax(0,1fr) 20px}.profile-main-settings-list{gap:7px}.profile-main-settings-list .profile-language-options{margin-bottom:0}.profile-plan-renews{color:var(--ludio-muted);font-size:11px}@media(max-width:360px){.profile-page{padding-inline:12px}.profile-benefit-grid{grid-template-columns:1fr}.profile-benefit-card{min-height:148px}}.home-banner-controls button,.home-banner-controls button.selected{display:grid;width:28px;min-width:28px;height:44px;min-height:44px;padding:0;place-items:center;border:0;border-radius:10px;background:transparent}.home-banner-controls button:before{width:6px;height:6px;border-radius:999px;background:#ffffff6b;content:""}.home-banner-controls button.selected:before{width:18px;background:#fff}.home-banner-controls button:hover,:where([data-keyboard]) .home-banner-controls button:focus-visible,.home-banner-controls button.selected{background:transparent}.home-banner-controls{box-sizing:border-box;align-items:center;gap:2px;justify-content:center;justify-content:safe center;width:max-content;max-width:calc(100% - 24px);max-height:48px;overflow-x:auto;overflow-y:hidden;padding:2px 4px;position:static;transform:none;margin:.55rem auto 0;scrollbar-width:none}.home-banner-controls.scrollable{justify-content:flex-start}.home-banner-controls::-webkit-scrollbar{display:none}.home-banner-controls button{flex:0 0 28px}:root{--ludio-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ludio-surface-hover: var(--ludio-surface-soft);--ludio-overlay: rgba(4, 3, 7, .68);--ludio-focus-ring: 0 0 0 3px var(--ludio-focus-color);--ludio-motion-fast: .16s;--ludio-motion-standard: cubic-bezier(.2, 0, 0, 1);--text: var(--ludio-text);--ink: var(--ludio-text);--muted: var(--ludio-muted);--line: var(--ludio-line);--accent: var(--ludio-brand)}html,body{background:var(--ludio-bg)}body{background:var(--ludio-bg);font-family:var(--ludio-font-family)}button,a,input,textarea,select{transition:border-color var(--ludio-motion-fast) var(--ludio-motion-standard),background-color var(--ludio-motion-fast) var(--ludio-motion-standard),color var(--ludio-motion-fast) var(--ludio-motion-standard),box-shadow var(--ludio-motion-fast) var(--ludio-motion-standard),transform var(--ludio-motion-fast) var(--ludio-motion-standard)}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}.bottom-nav a,.topbar-links a,.story-menu-trigger,.story-head-actions button,.turn-actions button,.suggestion,.send{min-height:44px}.bottom-nav a{min-width:56px}.story-card,.library-story-card,.history-story-card,.more-card,.profile-identity-card,.profile-setting-row,.profile-referral-card,.profile-tool-row,.task-card{border-color:var(--ludio-line)}.story-card,.library-story-card,.history-story-card,.more-card{border-radius:var(--ludio-radius-lg);background:var(--ludio-surface)}.profile-settings-sheet,.profile-utility-sheet,.story-role-picker,.story-persona-picker,.story-character-modal,.creator-modal-card,.draft-restore-card{border-color:var(--ludio-line);background:var(--ludio-surface)}.profile-settings-sheet,.story-role-picker,.story-persona-picker,.story-character-modal,.creator-modal-card,.draft-restore-card{box-shadow:0 24px 70px #00000057}.home-banner-copy p{display:-webkit-box;overflow:hidden;max-width:100%;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.profile-persona-manager{gap:12px}.profile-persona-new{justify-self:start}.profile-persona-list{display:grid;gap:8px}.profile-persona-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-surface)}.profile-persona-row .character-avatar{width:42px;height:42px}.profile-persona-copy{display:grid;min-width:0;gap:3px}.profile-persona-copy strong{overflow:hidden;color:var(--ludio-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.profile-persona-copy span,.profile-persona-copy small{overflow:hidden;color:var(--ludio-muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.profile-persona-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.profile-persona-actions .text-button,.profile-persona-editor-head .text-button{min-height:32px;padding:4px 2px;font-size:11px}.danger-text-button{color:var(--ludio-danger)}.profile-persona-empty{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed var(--ludio-line-strong);border-radius:var(--ludio-radius-md);color:var(--ludio-muted)}.profile-persona-empty>div{display:grid;gap:3px}.profile-persona-empty strong{color:var(--ludio-text);font-size:13px}.profile-persona-empty small{font-size:11px}.profile-persona-editor{display:grid;gap:10px;padding:12px;border:1px solid var(--ludio-line-strong);border-radius:var(--ludio-radius-md);background:var(--ludio-surface-soft)}.profile-persona-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-persona-editor-head strong{color:var(--ludio-text);font-size:13px}.profile-persona-editor label{display:grid;gap:5px;color:var(--ludio-muted);font-size:11px}.profile-persona-editor input,.profile-persona-editor textarea{width:100%;border:1px solid var(--ludio-line);border-radius:10px;background:var(--ludio-field);color:var(--ludio-text);line-height:1.45}.profile-persona-editor input{min-height:40px;padding:8px 10px}.profile-persona-editor textarea{min-height:90px;padding:9px 10px;resize:vertical}.profile-persona-editor-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:420px){.profile-persona-row{grid-template-columns:42px minmax(0,1fr)}.profile-persona-actions{grid-column:1 / -1;justify-content:flex-start;padding-left:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.profile-page{padding-top:18px}.profile-identity-card{border-color:var(--ludio-line);background:var(--ludio-surface-raised);box-shadow:0 18px 42px #0000002e}.profile-identity-social-inline a{min-height:36px;padding-inline:2px;color:var(--ludio-accent-text);font-size:12px}.profile-section{margin-top:28px}.profile-activity-section .profile-section-heading{margin-bottom:12px}.profile-stats-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.profile-stat-card{display:grid;min-width:0;min-height:78px;align-content:center;justify-items:center;gap:7px;padding:10px 7px;border:1px solid var(--ludio-line);border-radius:14px;background:var(--ludio-surface);color:var(--ludio-text);text-align:center;text-decoration:none;cursor:pointer}.profile-stat-card strong{color:var(--ludio-text);font-size:22px;font-variant-numeric:tabular-nums;line-height:1}.profile-stat-card span{overflow:hidden;max-width:100%;color:var(--ludio-muted);font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.profile-benefits-section{margin-top:30px}.profile-benefits-section .profile-section-heading span{color:var(--ludio-subtle)}.profile-benefit-grid-compact{gap:8px}.profile-benefit-grid-compact .profile-benefit-card{min-height:142px;padding:12px;border-radius:14px}.profile-benefit-grid-compact .profile-benefit-top{margin-bottom:10px}.profile-benefit-grid-compact .profile-benefit-card>strong{font-size:16px}.profile-benefit-grid-compact .profile-benefit-card>p{min-height:18px;margin:4px 0 8px}.profile-benefit-grid-compact .profile-benefit-button{min-height:44px}.profile-referral-section,.profile-settings-section{margin-top:30px}.profile-referral-section .profile-section-heading,.profile-settings-section .profile-section-heading{margin-bottom:10px}@media(max-width:360px){.profile-stats-cards{gap:6px}.profile-stat-card{min-height:72px;padding-inline:4px}.profile-stat-card strong{font-size:20px}}.app-shell:not(.immersive-shell),.app-shell.immersive-shell:is(.membership-shell,.coin-store-shell,.tasks-shell,.route-fullscreen-shell),.app-shell.immersive-shell:has(.moment-page:not(.moment-preview-page),>.unified-asset-create,.story-page.chat>.runtime-share-selection-bar){position:fixed;inset:var(--app-viewport-top, 0px) 0 auto;height:var(--app-viewport-height, 100dvh);min-height:0;margin-inline:auto;overflow:hidden}.app-shell.immersive-shell{padding-bottom:0}.app-shell:not(.immersive-shell){display:flex;flex-direction:column;height:var(--app-viewport-height, 100dvh);min-height:0;padding:0;overflow:hidden}.app-shell:not(.immersive-shell)>:is(.topbar,.bottom-nav,.app-update-banner){position:relative;inset:auto;flex:0 0 auto;width:100%;max-width:none;transform:none}.app-scroll-region{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:16px}.app-scroll-region:focus-visible{outline-offset:-2px}.app-shell--without-bottom-nav>.app-scroll-region{padding-bottom:env(safe-area-inset-bottom,0px)}.app-scroll-region>.discover-feed-page{display:flex;flex-direction:column;height:100%;min-height:0}.app-scroll-region .discover-feed{flex:1 1 auto;height:auto;min-height:0}.app-scroll-region .discover-slide{height:100%!important;min-height:0}:where(html:has(.app-shell,.native-auth),.app-shell,.app-shell *,.native-auth,.native-auth *){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ludio-muted) 50%,transparent) transparent}:where(html:has(.app-shell,.native-auth),.app-shell,.app-shell *,.native-auth,.native-auth *)::-webkit-scrollbar{width:8px;height:8px}:where(html:has(.app-shell,.native-auth),.app-shell,.app-shell *,.native-auth,.native-auth *)::-webkit-scrollbar-track{background:transparent}:where(html:has(.app-shell,.native-auth),.app-shell,.app-shell *,.native-auth,.native-auth *)::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-color:color-mix(in srgb,var(--ludio-muted) 50%,transparent);background-clip:padding-box}.app-shell :where([role=dialog],.profile-settings-sheet,.profile-utility-sheet,.image-prompt-scroll,.quick-create-body,.reply-directions){overscroll-behavior:contain}@media(max-width:699px),(hover:none),(pointer:coarse){html:has(:is(.app-shell,.native-auth)),.app-shell,.app-shell *,.native-auth,.native-auth *{scrollbar-width:none}html:has(:is(.app-shell,.native-auth))::-webkit-scrollbar,.app-shell::-webkit-scrollbar,.app-shell *::-webkit-scrollbar,.native-auth::-webkit-scrollbar,.native-auth *::-webkit-scrollbar{display:none;width:0;height:0}}@media(max-width:699px){.immersive-shell:has(.story-page.chat){position:fixed;inset:var(--app-viewport-top, 0px) 0 auto;height:var(--app-viewport-height, 100dvh);min-height:0;margin-inline:auto;padding-bottom:0;overflow:hidden}.immersive-shell .story-page.chat{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding-top:0;padding-bottom:0}.immersive-shell .story-page.chat>.story-runtime-header{position:relative;top:auto;z-index:4}.immersive-shell .story-page.chat>.transcript{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding-top:20px;padding-bottom:24px;scroll-padding-block:20px}.immersive-shell .story-page.chat>.composer-stack{position:relative;inset:auto;z-index:5;flex:0 0 auto;width:auto;max-width:none;margin:0 max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-bottom,0px))}.immersive-shell .story-page.chat>.composer-stack .composer{position:relative;inset:auto;width:100%;max-width:none;margin:0}}.story-taxonomy-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;margin-block-start:10px}.story-tag-chip{display:inline-flex;min-width:0;max-width:100%;border:1px solid var(--story-tag-border);background:var(--story-tag-background);color:var(--story-tag-text);border-radius:999px;padding:4px 7px;font-size:.7rem;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.story-tag-chip bdi{min-width:0}.story-create-taxonomy-control .story-tag-chip{border-color:transparent;background:var(--ludio-brand-soft);color:var(--ludio-accent-text)}.story-tag-overflow{flex:0 0 auto;border:0;background:none;color:var(--ludio-muted);font-size:.7rem;line-height:1.4;padding:0}.story-tags--compact{position:relative;flex-wrap:nowrap;gap:5px;overflow:hidden;min-height:1.7rem;font-size:.7rem}.story-tags--compact>.story-tag-chip{flex:0 0 auto;white-space:nowrap}.story-tags--compact>.story-tag-chip bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-tag-measure{position:absolute;display:flex;width:max-content;visibility:hidden;pointer-events:none;white-space:nowrap}.story-tag-measure>*{flex:0 0 auto}.story-taxonomy-picker{width:100%;min-width:0}.story-taxonomy-picker fieldset{padding:0;margin:16px 0;min-width:0;border:0}.story-taxonomy-picker legend{margin-block-end:8px;font-size:.85rem;font-weight:600}.story-taxonomy-group{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.story-taxonomy-option{min-height:44px;min-width:44px;max-width:100%;padding:8px 13px;border:1px solid var(--ludio-line-strong);border-radius:999px;background:var(--ludio-surface);color:var(--ludio-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}@media(hover:hover){.story-taxonomy-option[aria-pressed=false]:not(:disabled):hover{background:var(--ludio-surface-raised);color:var(--ludio-text)}}.story-taxonomy-option[aria-pressed=true]{background:var(--ludio-brand-fill-soft);border-color:transparent;color:var(--ludio-accent-text)}.story-taxonomy-option:disabled{opacity:.4;cursor:default}@media(prefers-reduced-motion:reduce){.story-taxonomy-option{transition:none}}.story-taxonomy-filter{display:flex;gap:12px;align-items:center;padding-block:8px;font-size:.85rem;min-width:0}.story-taxonomy-filter select{min-width:0;max-width:100%;flex:1}.discover-taxonomy-filter{padding-inline:16px}.story-card--cinematic{display:block;min-width:0;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-lg);overflow:hidden;background:var(--ludio-bg)}.story-card--cinematic .cover{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:auto;min-height:220px;height:100%;border-radius:0;box-shadow:none}.story-card--cinematic .cover-scrim{background:linear-gradient(180deg,transparent 25%,rgba(10,10,14,.62) 54%,var(--ludio-bg) 85%)}.story-card--cinematic .card-copy{position:relative;inset:auto;width:100%;padding:108px 9px 10px;z-index:1}.story-card--cinematic .card-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 7px;font-size:1rem;line-height:1.3;letter-spacing:-.015em}.story-card--cinematic .card-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.9em;margin:0;color:var(--ludio-text);opacity:.82;font-size:.75rem;line-height:1.45}.story-card--cinematic .story-taxonomy-tags{margin-block-start:9px}html[lang^=zh] .story-card--cinematic .card-copy h3{font-family:Songti SC,"Noto Serif CJK SC","Source Han Serif SC",ui-serif,serif;font-weight:700}@media(max-width:359px){.home-browse-toolbar .home-category-strip{gap:12px}.home-browse-toolbar .category{font-size:.8rem}.story-card--cinematic .card-copy{padding-inline:8px}}.bottom-nav.bottom-nav--five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-height:calc(64px + env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom));padding-inline:6px}.bottom-nav--five a{min-width:0;min-height:44px}.bottom-nav--five .nav-label{max-width:100%;font-size:11px;line-height:1.2;overflow-wrap:anywhere}.bottom-nav--five a .ui-icon{width:24px;height:24px}.bottom-nav--five a.active{color:var(--ludio-accent-text);background:none}.bottom-nav--five a.active:before{background:none}.app-shell>.topbar-primary,.works-header.topbar-primary{box-sizing:border-box;display:grid;grid-template-columns:minmax(var(--topbar-actions-width, 0px),1fr) minmax(0,auto) minmax(var(--topbar-actions-width, 0px),1fr);align-items:center;column-gap:8px;min-height:calc(56px + env(safe-area-inset-top,0px));height:calc(56px + env(safe-area-inset-top,0px));padding:calc(6px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px));border:0;background:var(--ludio-bg);box-shadow:none}.topbar-primary:before{grid-area:1 / 1;content:""}.topbar-primary :is(.topbar-page-heading,.topbar-section-title,.primary-content-tabs){grid-area:1 / 2;justify-content:center;min-width:0;text-align:center}.topbar-primary :is(.topbar-page-heading h1,.topbar-section-title strong,.primary-content-tabs button,.primary-content-tabs a[data-content-tab]){margin:0;overflow:hidden;color:var(--ludio-text);font-weight:600;line-height:1.4;letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap}.topbar-primary :is(.topbar-page-heading h1,.topbar-section-title strong){font-size:20px}.topbar-primary .primary-content-tabs :is(button,a[data-content-tab]){font-size:18px}.topbar-primary .account-actions:empty{display:none}.topbar-actions{display:contents}.topbar-primary>.topbar-actions{grid-area:1 / 3;justify-self:end;width:max-content;display:flex;align-items:center;justify-content:flex-end;gap:8px}.topbar-primary .topbar-actions>:is(.account-actions,.topbar-route-actions){margin:0}.topbar-primary .topbar-links{flex:0 0 auto;gap:0;margin:0}.topbar-primary .topbar-links a{box-sizing:border-box;width:44px;min-width:44px;height:44px;padding:0;color:var(--ludio-text)}.topbar-primary .topbar-links .ui-icon{width:24px;height:24px}.bell-link{position:relative}.bell-link .notification-badge{position:absolute;top:0;inset-inline-end:0;min-width:15px;height:15px;padding:0 4px;border:2px solid var(--ludio-bg);border-radius:999px;background:var(--ludio-brand);color:var(--ludio-on-accent);font-size:9px;font-weight:800;line-height:11px;text-align:center;pointer-events:none}@media(max-width:399px){.app-shell>.topbar-primary,.works-header.topbar-primary{gap:8px;padding-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px))}}.app-shell :where(.primary,.secondary,.danger-button){min-height:var(--ludio-control-height);border-radius:var(--ludio-control-radius);line-height:var(--ludio-control-line);text-align:center;box-shadow:none;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.app-shell :where(button,input,textarea,select):disabled{cursor:not-allowed}.app-shell :where(button,a)[aria-busy=true]{cursor:progress}.app-shell :where(.icon-button,.back){min-width:44px;min-height:44px}.app-shell .topbar-page-heading{min-width:0}.app-shell .topbar-page-heading h1{overflow-wrap:anywhere}.app-shell :where(.notice,.form-hint){overflow-wrap:anywhere}.app-shell :where(input,textarea,select){scroll-margin-block:90px}.app-shell :where(.placeholder){max-width:480px;padding:32px 20px}.app-shell :where(.placeholder) h1{font-size:27px;line-height:1.4;letter-spacing:-.03em}.app-shell :where(.placeholder) p{color:var(--ludio-muted);font-size:14px;line-height:1.7}.app-shell :where(.placeholder) .primary{margin-top:14px}@media(prefers-reduced-motion:reduce){.app-shell :where(.primary,.secondary,.danger-button){transition:none}}.profile-space-shell .app-scroll-region{background:var(--ludio-bg)}.library-shell .bottom-nav{background:var(--ludio-bg);border-top:1px solid var(--ludio-line);box-shadow:none}.library-shell .bottom-nav a.active{background:transparent;box-shadow:none;color:var(--ludio-accent-text)}.library-shell .bottom-nav a.active:before{display:none}.page-navigation-header{--page-navigation-side: 44px;--page-navigation-safe-top: env(safe-area-inset-top, 0px);box-sizing:border-box;display:grid;grid-template-columns:var(--page-navigation-side) minmax(0,1fr) var(--page-navigation-side);grid-template-rows:44px;flex:0 0 auto;align-items:center;gap:0;width:100%;height:calc(56px + var(--page-navigation-safe-top));min-height:calc(56px + var(--page-navigation-safe-top));margin:0;padding:calc(6px + var(--page-navigation-safe-top)) max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px));border:0;border-radius:0;background:var(--ludio-bg);color:var(--ludio-text);box-shadow:none}:where(dialog,[role=dialog]) .page-navigation-header{padding-block-end:5px;border-block-end:1px solid color-mix(in srgb,var(--ludio-line) 65%,transparent);background:inherit;background-image:none}.page-navigation-header--inset{--page-navigation-safe-top: 0px}.page-navigation-header--wide-actions{--page-navigation-side: 88px}.page-navigation-back{box-sizing:border-box;display:grid;grid-area:1 / 1;place-items:center;justify-self:start;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;transition:none;animation:none;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.page-navigation-back>.ui-icon{width:24px;height:24px}:dir(rtl) .page-navigation-back>.ui-icon{transform:scaleX(-1)}.page-navigation-back:disabled{opacity:.5;cursor:not-allowed}.page-navigation-header .page-navigation-back:not(:disabled):is(:hover,:active){background:transparent;box-shadow:none;filter:none;transform:none;transition:none}.page-navigation-back:focus-visible{outline-offset:2px}.page-navigation-header>.page-navigation-title{grid-area:1 / 2;min-width:0;margin:0;padding:0;overflow:hidden;color:inherit;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap}.page-navigation-actions{display:flex;grid-area:1 / 3;align-items:center;justify-content:flex-end;min-width:0}.page-navigation-actions>*{min-width:0;max-width:100%}.section-anchor-nav{position:sticky;top:var(--section-nav-top, 0px);z-index:6;display:flex;gap:8px;overflow-x:auto;padding:0 var(--section-nav-gutter, 16px);border:0;border-bottom:1px solid var(--ludio-line);border-radius:0;background:color-mix(in srgb,var(--ludio-bg) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none}.section-anchor-nav::-webkit-scrollbar{display:none}.section-anchor-nav>a{position:relative;display:flex;flex:1 0 auto;align-items:center;justify-content:center;min-height:44px;padding:0 8px;color:var(--ludio-muted);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.section-anchor-nav>a:focus-visible{outline-offset:-3px}@media(max-width:420px){.section-anchor-nav{gap:0}.section-anchor-nav>a{padding-inline:4px;font-size:13px}}:has(>header.dialog-header){scrollbar-width:none}:has(>header.dialog-header)::-webkit-scrollbar{display:none}.dialog-header{box-sizing:border-box;position:sticky;top:calc(-1 * var(--dialog-header-inset-block, var(--dialog-header-inset, 0px)));z-index:2;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:minmax(44px,auto);flex:0 0 auto;align-items:center;gap:0;width:calc(100% + 2 * var(--dialog-header-inset, 0px));height:auto;min-height:56px;margin:calc(-1 * var(--dialog-header-inset-block, var(--dialog-header-inset, 0px))) calc(-1 * var(--dialog-header-inset, 0px)) 8px;padding:6px 12px 5px;border:0;border-block-end:1px solid color-mix(in srgb,var(--ludio-line) 65%,transparent);border-radius:0;background:inherit;background-image:none;color:var(--ludio-text);box-shadow:none}.dialog-header--sheet{top:0;width:100%;margin:0;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.dialog-header+*{margin-block-start:0}.dialog-header>.dialog-header-title{grid-area:1 / 2;min-width:0;margin:0;padding:0;color:inherit;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:normal;text-align:center;overflow-wrap:anywhere;text-wrap:balance}.dialog-header-title:focus{outline:none}.dialog-header>.dialog-header-close{box-sizing:border-box;display:grid;grid-area:1 / 3;place-items:center;justify-self:end;align-self:start;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dialog-header-close>.ui-icon{width:24px;height:24px}.dialog-header-close:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.dialog-header-close:not(:disabled):hover{background:var(--ludio-surface-raised)}}.dialog-header-close:focus-visible{outline-offset:2px}.dialog-header-leading{display:flex;grid-area:1 / 1;align-self:start;align-items:center;justify-content:start;min-width:0}.dialog-header-leading>*{max-width:100%}[data-sheet-drawer][data-sheet-drawer]{translate:0 var(--sheet-drag-y, 0px);align-self:flex-end;border-radius:24px 24px 0 0}.comments-sheet.is-expanded[data-sheet-drawer]{border-radius:0}[data-sheet-static]{position:relative}[data-sheet-backdrop]{align-items:flex-end}[data-sheet-drawer]>header,[data-sheet-drawer]>.dialog-header,[data-sheet-drawer] .comments-header{touch-action:none;cursor:grab}[data-sheet-dragging=true]{will-change:translate;-webkit-user-select:none;user-select:none;cursor:grabbing}.bottom-sheet-handle{position:absolute;z-index:3;top:0;left:calc(50% - 40px);display:grid;place-items:center;flex:none;width:80px;height:28px;min-height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;touch-action:none;cursor:grab}.bottom-sheet-handle>span{width:36px;height:4px;border-radius:2px;background:var(--ludio-muted);opacity:.65}.bottom-sheet-handle[data-disabled=true],.bottom-sheet-handle:disabled{cursor:default}.bottom-sheet-handle[data-disabled=true]>span,.bottom-sheet-handle:disabled>span{opacity:.3}.app-shell .profile-utility-sheet.profile-center-sheet[data-sheet-drawer]{align-self:flex-end;width:var(--ludio-consumer-canvas-width, 480px);max-width:100%;border-radius:24px 24px 0 0}.login-dialog[data-sheet-drawer]{inset:auto 0 0;margin:0 auto;border-radius:24px 24px 0 0}@media(prefers-reduced-motion:reduce){[data-sheet-drawer]{scroll-behavior:auto}}.media-source-backdrop{position:fixed;inset:0;z-index:110;display:flex;align-items:flex-end;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) 0 0;background:var(--ludio-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.media-source-drawer{--dialog-header-inset: 20px;width:min(var(--ludio-consumer-canvas-width, 480px),100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:20px max(20px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));border:0;border-top:1px solid var(--ludio-line);border-radius:24px 24px 0 0;background:var(--ludio-surface);color:var(--ludio-text);box-shadow:var(--ludio-shadow-soft)}.media-source-options{display:grid;gap:0}.media-source-drawer>.dialog-header--sheet{top:-20px;width:calc(100% + 40px);margin:-20px -20px 8px}.media-source-option{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:76px;padding:14px 4px;border:0;border-bottom:1px solid var(--ludio-line);border-radius:0;background:transparent;color:var(--ludio-text);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;transition:background .16s ease}.media-source-option:last-child{border-bottom:0}@media(hover:hover){.media-source-option:not(:disabled):hover{background:var(--ludio-surface-raised)}}.media-source-option:not(:disabled):active{background:var(--ludio-surface-raised)}.media-source-option:focus-visible{outline-offset:-2px}.media-source-option:disabled{cursor:wait;opacity:.5}.media-source-option-icon{display:grid;width:40px;height:40px;place-items:center;color:var(--ludio-text)}.media-source-option-icon .ui-icon{width:22px;height:22px}.media-source-option-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.media-source-option-copy strong{font-size:15px;font-weight:600;line-height:1.5}.media-source-option-copy small{color:var(--ludio-muted);font-size:13px;line-height:1.5}.media-source-option>.media-source-option-arrow{width:18px;height:18px;color:var(--ludio-muted)}.media-source-option-arrow .ui-icon{width:18px;height:18px}.media-source-option:dir(rtl)>.media-source-option-arrow{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){.media-source-option{transition:none}}.media-preview-frame:has(.media-preview[data-empty=true]){border:1px dashed var(--ludio-border);background:var(--ludio-field)}.media-preview[data-empty=true]{background:var(--ludio-field)}.media-preview[data-empty=true] .media-preview-empty{box-sizing:border-box;min-height:0;gap:8px;color:var(--ludio-muted)}.media-preview-empty>span{display:grid;place-items:center;line-height:1}.media-preview-empty .ui-icon{width:26px;height:26px}.media-preview-empty small:empty{display:none}.media-preview[data-empty=true] .media-preview-empty small{color:var(--ludio-muted);font-size:12px;line-height:1.5}.media-preview-frame:has(>.media-preview-overlay-label) .media-preview-empty{padding-bottom:28px}.media-preview-frame:has(.media-preview[data-empty=true]) .media-preview-overlay-label{top:calc(50% + 10px);bottom:auto;padding:0 8px;color:var(--ludio-muted);background:none;font-size:12px;font-weight:500;line-height:1.5}.story-create-page .story-create-character-avatar[data-empty=true]{border:1px dashed var(--ludio-border);background:var(--ludio-field);color:var(--ludio-muted)}.creator-image{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.creator-image>:is(img,.progressive-image){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.content-media-frame{display:flex;justify-content:center;min-width:0;width:100%}.content-media-frame .content-media-element{display:block;width:auto;height:auto;max-width:100%;max-height:var(--content-media-max-height, min(65svh, 680px));aspect-ratio:auto;object-fit:contain;border-radius:var(--ludio-radius-md, 10px);background:var(--ludio-bg)}.content-media-open{display:flex;justify-content:center;min-width:44px;min-height:44px;max-width:100%;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in}.content-media-open:active{opacity:.85}html[data-input-modality=pointer] :focus{outline:none!important}:where(html:not([data-input-modality=pointer])) :where(a[href],button,input,textarea,select,summary,[tabindex],[contenteditable]):focus-visible{outline:2px solid var(--adm-text, var(--ludio-text, #fff));outline-offset:3px}html[data-input-modality=keyboard] :focus-visible{outline-color:var(--adm-text, var(--ludio-text, #fff))!important}.loading-skeleton{--skeleton-base: var(--ludio-surface-raised);min-width:0;width:100%;padding-block:16px}.loading-skeleton__content{display:grid;gap:20px;min-width:0}.loading-skeleton__block{display:block;min-width:0;height:14px;border-radius:var(--ludio-radius-sm, 10px);background:var(--skeleton-base, var(--ludio-surface-raised))}.loading-skeleton__lines{display:grid;align-content:center;gap:10px;flex:1;min-width:0;width:100%}.loading-skeleton__lines>:first-child{width:72%;height:18px}.loading-skeleton__lines>:nth-child(2){width:96%}.loading-skeleton__lines>:last-child{width:54%}.loading-skeleton__row,.loading-skeleton__identity{display:flex;align-items:center;gap:14px;min-width:0}.loading-skeleton__thumbnail{width:64px;height:88px;flex-shrink:0}.loading-skeleton__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.loading-skeleton__identity>.loading-skeleton__avatar{width:80px;height:80px}.loading-skeleton--cards>.loading-skeleton__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.loading-skeleton--cards{padding:0}.loading-skeleton__card{position:relative;aspect-ratio:2 / 3;overflow:hidden;border-radius:12px;min-width:0}.loading-skeleton__card-copy{position:absolute;inset:auto 10px 12px}.loading-skeleton__card-copy .loading-skeleton__block{background:var(--ludio-line-strong)}.loading-skeleton__cover{width:100%;height:auto;aspect-ratio:2 / 3;border-radius:var(--ludio-radius-md, 12px)}.loading-skeleton__hero{width:100%;height:auto;aspect-ratio:16 / 10;border-radius:var(--ludio-radius-lg, 16px)}.loading-skeleton--detail{max-width:680px;margin-inline:auto}.loading-skeleton--feed{padding:12px 16px}.loading-skeleton--feed .loading-skeleton__hero{aspect-ratio:auto;height:clamp(320px,58dvh,600px)}.loading-skeleton--form .loading-skeleton__row{padding-block:12px}.loading-skeleton--form .loading-skeleton__lines>:nth-child(2){width:100%;height:48px}.loading-skeleton--comments .loading-skeleton__row{align-items:flex-start}.loading-skeleton--reader{padding:20px 16px}.loading-skeleton--reader .loading-skeleton__row{min-height:76px}.loading-skeleton--suggestions{padding:12px 0}.loading-skeleton--suggestions .loading-skeleton__content{gap:10px}.loading-skeleton__suggestion{height:56px;width:100%}.loading-skeleton--inline{display:inline-flex;align-items:center;width:5em;max-width:100%;height:1.25em;padding:0;vertical-align:middle}.loading-skeleton--inline>.loading-skeleton__block{width:100%;height:.7em;background:currentColor;opacity:.3}.cover-loading-skeleton{position:absolute;inset:0;pointer-events:none}.cover-loading-skeleton>.loading-skeleton__block{width:100%;height:100%;border-radius:inherit}.loading-skeleton__icon{width:18px;height:18px;border-radius:6px}.story-route-skeleton{display:flex;flex-direction:column;min-height:100dvh;width:100%;padding:0 0 env(safe-area-inset-bottom,0px);background:var(--ludio-bg)}.story-route-skeleton--chat,.story-route-skeleton--theatre{height:100dvh;overflow:hidden}.story-route-skeleton--web{max-width:var(--ludio-consumer-canvas-width, 480px);margin-inline:auto}.story-route-skeleton__header{margin-inline:auto}.story-route-skeleton__icon{width:44px;height:44px;flex:none;border-radius:50%}.story-route-skeleton__body,.story-route-skeleton__footer{width:min(100%,680px);min-width:0;margin-inline:auto}.story-route-skeleton__body{flex:1;min-height:0;overflow:hidden}.story-route-skeleton--chat .story-route-skeleton__body,.story-route-skeleton--chat .story-route-skeleton__footer{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}.story-route-skeleton--detail .story-route-skeleton__body{overflow:visible}.story-route-skeleton__stage{display:flex;flex-direction:column;gap:20px;padding-top:12px}.story-route-skeleton__body>.loading-skeleton{padding-inline:0}.story-route-skeleton__stage>.loading-skeleton{flex:none}.story-route-skeleton__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;min-height:84px;padding-block:16px}.story-route-skeleton__field{flex:1;height:48px;border-radius:24px}.loading-skeleton{position:relative;overflow:hidden;isolation:isolate}.loading-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,var(--ludio-text) 5%,transparent) 48%,transparent 70%);transform:translate(-100%);animation:ludio-skeleton-sweep 1.5s ease-in-out infinite;pointer-events:none}@keyframes ludio-skeleton-sweep{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.loading-skeleton:after{animation:none;display:none}}[data-reveal=pending]{opacity:0}[data-reveal=pending]:focus-within{opacity:1}.progressive-image{position:relative;display:block;overflow:hidden;isolation:isolate;background:var(--image-color, var(--ludio-surface-raised));width:100%}.progressive-image>img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit}.progressive-image__preview{position:absolute;inset:0;filter:blur(20px);transform:scale(1.04);pointer-events:none}.progressive-image__clear{position:relative;opacity:0}.progressive-image[data-progressive-state=ready]>.progressive-image__clear{opacity:1}.progressive-image[data-progressive-state=ready]>.progressive-image__preview{visibility:hidden}.loading-handoff{position:relative;min-width:0;width:100%}.loading-handoff__outgoing{position:absolute;inset:0;overflow:hidden;pointer-events:none;animation:ludio-handoff-out .3s ease forwards}@keyframes ludio-handoff-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){[data-reveal=pending]{opacity:1}.progressive-image__preview{transform:none}.loading-handoff__outgoing{display:none;animation:none}}.cover>.progressive-image,.story-intro-cover>.progressive-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.works-category-feed>.loading-handoff{height:100%}.home-hero-skeleton{padding:0}.home-hero-skeleton>.loading-skeleton__content{gap:0}.home-hero-skeleton__cover{display:flex;align-items:flex-end;width:100%;min-width:0;min-height:160px;padding:16px;border-radius:var(--ludio-radius-lg);background:var(--ludio-surface-raised)}.home-hero-skeleton__cover .loading-skeleton__block{background:var(--ludio-line-strong)}.home-hero-skeleton__pagination{display:flex;align-items:center;justify-content:center;gap:22px;height:44px}.home-hero-skeleton__pagination>.loading-skeleton__block{width:6px;height:6px;border-radius:50%}.discover-stage-skeleton{position:relative;flex:1;height:100%;min-height:0;padding:0;overflow:hidden}.discover-stage-skeleton>.loading-skeleton__content{position:relative;height:100%;min-height:0}.discover-stage-skeleton__cover{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.discover-stage-skeleton__copy{position:absolute;inset-inline:18px;bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px 12px;max-height:calc(100% - 90px - env(safe-area-inset-top,0px));overflow:hidden}.discover-stage-skeleton__copy .loading-skeleton__block{background:var(--ludio-line-strong)}.discover-stage-skeleton__cast{width:70%;height:36px;border-radius:18px}.discover-stage-skeleton__entry{grid-column:1 / -1;height:48px}.discover-stage-skeleton__information{display:grid;gap:14px;min-height:0;overflow:hidden}.discover-stage-skeleton__tags{width:56%;height:22px}.discover-stage-skeleton__author,.work-feed-skeleton__author{display:flex;align-items:center;gap:8px;min-height:28px}.discover-stage-skeleton__author>:first-child,.work-feed-skeleton__author>:first-child{flex:none;width:27px;height:27px;border-radius:50%}.discover-stage-skeleton__author>:last-child,.work-feed-skeleton__author>:last-child{width:45%}.discover-stage-skeleton__actions,.work-feed-skeleton__actions{display:grid;align-content:end;justify-items:center;gap:18px}.discover-stage-skeleton__actions>.loading-skeleton__block,.work-feed-skeleton__actions>.loading-skeleton__block{width:28px;height:36px}.work-feed-skeleton{position:relative;height:100%;min-height:0;padding:0;overflow:hidden}.work-feed-skeleton>.loading-skeleton__content{height:100%;gap:0}.work-feed-skeleton__artwork{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.work-feed-skeleton__header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:center;gap:20px;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0}.work-feed-skeleton__tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.work-feed-skeleton__tabs>.loading-skeleton__block{width:40px;height:18px}.work-feed-skeleton__search{position:absolute;inset-inline-end:22px;width:24px;height:24px;border-radius:50%}.work-feed-skeleton__copy{position:absolute;inset-inline:18px;bottom:22px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;max-height:calc(100% - 88px - env(safe-area-inset-top,0px));overflow:hidden}.work-feed-skeleton__information{display:grid;align-content:end;gap:12px;min-height:0;overflow:hidden}.work-feed-skeleton__copy .loading-skeleton__block,.work-feed-skeleton__header .loading-skeleton__block{background:var(--ludio-line-strong)}.work-feed-skeleton__source{width:60%;height:26px}.work-feed-skeleton__author{min-height:44px}.work-feed-skeleton--video .work-feed-skeleton__copy{bottom:62px}.work-feed-skeleton__timeline{position:absolute;inset:auto 12px 18px;height:18px}.library-skeleton,.studio-skeleton{padding:0}.library-skeleton>.loading-skeleton__content{gap:14px}.library-skeleton__heading{display:flex;align-items:center;height:30px}.library-skeleton__heading>.loading-skeleton__block{width:90px;height:12px}.library-skeleton__card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;min-height:166px;padding:12px;border:1px solid var(--ludio-line);border-radius:13px;background:var(--ludio-surface)}.library-skeleton__cover{width:100%;height:140px;border-radius:8px}.library-skeleton__copy{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}.library-skeleton__copy>.loading-skeleton__lines{flex:none;align-content:start}.library-skeleton__meta{width:70%;height:22px}.library-skeleton--comments .library-skeleton__card{display:block;min-height:128px}.library-skeleton--comments .library-skeleton__copy{gap:18px}.studio-skeleton>.loading-skeleton__content{gap:10px}.studio-skeleton__card{display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-areas:"copy cover" "actions actions";gap:14px 16px;padding:13px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-lg);background:var(--ludio-surface)}.studio-skeleton__cover{grid-area:cover;width:72px;height:96px}.studio-skeleton__copy{grid-area:copy;display:grid;align-content:start;gap:14px;min-width:0}.studio-skeleton__badge{width:64px;height:22px;border-radius:999px}.studio-skeleton__actions{grid-area:actions;display:flex;gap:8px}.studio-skeleton__actions>.loading-skeleton__block{flex:1;height:44px}.studio-skeleton__actions>:last-child{flex:0 0 44px}.route-skeleton-home{padding-top:0;height:100%;overflow-y:auto}.route-skeleton-home__filters{display:flex;gap:8px;margin-bottom:12px}.route-skeleton-home__filters>.loading-skeleton__block{width:100%;height:46px}.route-skeleton-home__filters>:last-child{width:30%}.route-skeleton-discover{display:flex;flex-direction:column;height:100%;min-height:0}.route-skeleton-library{padding:0 14px 26px}.route-skeleton-tabs{display:flex;align-items:center;gap:28px;height:49px;margin-bottom:14px;border-bottom:1px solid var(--ludio-line)}.route-skeleton-tabs>.loading-skeleton__block{width:64px}.route-skeleton-studio{padding:0 20px 28px}.route-skeleton-tabs--studio{flex-wrap:wrap;gap:0;height:auto;min-height:45px;padding:0}.route-skeleton-tab{display:flex;align-items:center;justify-content:center;flex:1 0 64px;max-width:100%;height:44px}.route-skeleton-tab>.loading-skeleton__block{width:min(70%,64px);height:14px}@media(max-width:399px){.work-feed-skeleton__header{justify-content:start;padding-inline-end:64px}.work-feed-skeleton__tabs{flex:1}}@media(max-height:600px){.discover-stage-skeleton__information{gap:8px}.work-feed-skeleton__copy{bottom:12px}.work-feed-skeleton--video .work-feed-skeleton__copy{bottom:58px}}@media(min-width:700px){.studio-skeleton__card{grid-template-columns:minmax(0,1fr) 84px;padding:14px}.studio-skeleton__cover{width:84px;height:112px}}.search-cards-skeleton{margin-top:0}.immersive-shell .search-results-heading{min-height:28px}.search-cards-skeleton>.loading-skeleton__content{gap:11px}.search-cards-skeleton .loading-skeleton__card{aspect-ratio:2 / 3;min-height:220px}.search-cards-skeleton .loading-skeleton__cover{position:absolute;inset:0;height:100%;aspect-ratio:auto}.route-skeleton-search{padding:12px 16px 32px}.route-skeleton-search__header{width:calc(100% + 32px);margin:-12px -16px 24px}.route-skeleton-search__header>.route-skeleton-search__field{grid-area:1 / 2 / 2 / 4;width:100%;height:50px;border-radius:var(--ludio-radius-lg)}.workspace-skeleton{padding:0}.workspace-skeleton>.loading-skeleton__content{gap:12px}.workspace-skeleton__card{display:grid;gap:18px;padding:18px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-lg);background:var(--ludio-surface)}.workspace-skeleton__heading{display:flex;justify-content:space-between;gap:24px}.workspace-skeleton__heading>.loading-skeleton__block{width:64px;height:18px}.workspace-skeleton__action{width:80px;height:36px;justify-self:end}.workspace-skeleton__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workspace-skeleton--metrics .loading-skeleton__lines>:last-child{display:none}.workspace-skeleton--tasks .workspace-skeleton__card{grid-template-columns:minmax(0,1fr) 64px;gap:14px;padding:16px}.workspace-skeleton--tasks .workspace-skeleton__heading,.workspace-skeleton--tasks .workspace-skeleton__card>.loading-skeleton__lines{grid-column:1}.workspace-skeleton__reward{grid-column:2;grid-row:1 / 3;align-self:center;height:60px}.workspace-skeleton--tasks .workspace-skeleton__action{grid-column:1 / -1}.work-image-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;padding:calc(64px + env(safe-area-inset-top,0px)) 10px 16px}.work-image-skeleton-card{overflow:hidden;border-radius:10px;background:var(--ludio-surface)}.work-image-skeleton-picture{width:100%;height:auto;aspect-ratio:4 / 5;border-radius:0}.work-image-skeleton-card:nth-child(2n) .work-image-skeleton-picture{aspect-ratio:3 / 4}.work-image-skeleton-card>.loading-skeleton__lines{padding:10px}.work-image-skeleton-card>.work-feed-skeleton__author{min-height:44px;padding:0 10px}.work-book-skeleton,.work-moment-skeleton-list{padding:calc(64px + env(safe-area-inset-top,0px)) 16px 20px}.work-book-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.work-book-skeleton-card{overflow:hidden;border-radius:10px;background:var(--ludio-surface)}.work-book-skeleton-cover{width:100%;height:auto;aspect-ratio:2 / 3;border-radius:0}.work-book-skeleton-card>.loading-skeleton__lines{padding:10px}.work-book-skeleton-card>.work-feed-skeleton__author{min-height:44px;padding:0 10px}.work-moment-skeleton-list{display:grid;gap:14px}.profile-skeleton{padding:0}.profile-skeleton>.loading-skeleton__content{gap:0}.profile-skeleton__identity{display:flex;align-items:center;gap:13px;min-height:105px;padding:5px 0 17px}.profile-skeleton__edit{flex:none;width:60px;height:16px}.profile-skeleton__identity>.loading-skeleton__lines{padding-top:12px}.profile-skeleton__avatar{flex:none;width:60px;height:60px;border-radius:50%}.profile-skeleton__wallet,.profile-skeleton__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:12px 8px;border-block:1px solid var(--ludio-line)}.profile-skeleton__wallet{min-height:70px}.profile-skeleton__wallet .loading-skeleton__lines>:last-child{display:none}.profile-skeleton__wallet .loading-skeleton__lines{gap:4px}.profile-skeleton__section{display:grid;gap:11px;margin-top:23px}.profile-skeleton__heading{width:76px;height:20px}.profile-skeleton__tiles{display:grid;gap:8px}.profile-skeleton:not(.profile-skeleton--public) .profile-skeleton__identity{min-height:196px}.profile-skeleton__content{overflow:hidden;border-radius:var(--home-radius-banner);background:var(--home-color-card)}.profile-skeleton__content .profile-skeleton__row{min-height:var(--profile-size-row);padding:var(--home-space-14) var(--home-space-16)}.profile-skeleton__content .profile-skeleton__row:last-child{border-bottom:0}.profile-skeleton:not(.profile-skeleton--public) .profile-skeleton__wallet{min-height:80px}.profile-skeleton__tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-skeleton__tiles>.loading-skeleton__lines{min-height:86px;justify-items:center;gap:8px;border-radius:13px;background:var(--ludio-surface)}.profile-skeleton__tiles .loading-skeleton__lines>:last-child{display:none}.profile-skeleton__tiles .loading-skeleton__block{width:55%}.profile-skeleton__menu{display:grid;margin-top:23px}.profile-skeleton__row{display:flex;align-items:center;gap:12px;min-height:64px;border-bottom:1px solid var(--ludio-line)}.profile-skeleton__row>.loading-skeleton__block{width:24px;height:24px}.profile-skeleton__row .loading-skeleton__lines>:last-child{display:none}.profile-skeleton--public{padding:0}.profile-skeleton--public .profile-skeleton__avatar{width:64px;height:64px}.profile-skeleton--public .profile-skeleton__identity{padding:0}.profile-skeleton--public .profile-skeleton__identity>.loading-skeleton__lines{padding:0}.profile-skeleton--public .profile-skeleton__menu{margin-top:14px}.profile-skeleton--public .profile-skeleton__row{min-height:60px;padding-inline:16px}.profile-skeleton--public .profile-skeleton__row>.loading-skeleton__block{display:none}.profile-skeleton__stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 16px;min-height:73px}.profile-skeleton__stats .loading-skeleton__lines>:last-child{display:none}.profile-skeleton__follow{height:44px}.profile-skeleton__stories{display:grid;gap:16px;margin-top:22px}.profile-skeleton__stories>.loading-skeleton__block{width:40%;height:20px}.profile-skeleton__stories>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-skeleton__stories>div>.loading-skeleton__block{height:auto;aspect-ratio:2 / 3}.membership-skeleton{padding:0}.membership-skeleton>.loading-skeleton__content{gap:0}.membership-skeleton__hero{position:relative;padding:211px 24px 0}.membership-skeleton__hero>.loading-skeleton__lines{justify-items:center;min-height:155px}.membership-skeleton__art{position:absolute;inset:16px 0 auto;height:200px;overflow:hidden}.membership-skeleton__art>.loading-skeleton__block{position:absolute;left:calc(50% - 63px);width:126px;height:186px;border-radius:14px}.membership-skeleton__art>:first-child{left:calc(50% - 168px);top:24px;transform:rotate(-12deg)}.membership-skeleton__art>:last-child{left:calc(50% + 42px);top:24px;transform:rotate(12deg)}.membership-skeleton__art>:nth-child(2){z-index:1}.membership-skeleton__content{display:grid;gap:24px;padding:24px}.membership-skeleton__coin{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--ludio-line);border-radius:15px}.membership-skeleton__coin>.loading-skeleton__block{flex:none;width:39px;height:39px}.membership-skeleton__benefits,.membership-skeleton__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.membership-skeleton__benefits>.loading-skeleton__lines{min-height:108px}.membership-skeleton__plans>.loading-skeleton__lines{padding:16px 12px;min-height:147px;border:1px solid var(--ludio-line);border-radius:14px}.coin-packs-skeleton{padding:0}.coin-packs-skeleton>.loading-skeleton__content{gap:0}.coin-packs-skeleton__heading{display:flex;justify-content:space-between;margin:24px 0 12px;min-height:21px;align-items:center}.coin-packs-skeleton__heading>.loading-skeleton__block{width:30%}.coin-packs-skeleton__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.coin-packs-skeleton__pack{display:grid;place-items:center;min-height:98px;padding:18px 6px 11px;border:1px solid var(--ludio-line);border-radius:13px;background:var(--ludio-surface)}.coin-packs-skeleton__pack .loading-skeleton__lines{justify-items:center;gap:8px}.coin-packs-skeleton__pack .loading-skeleton__lines>:nth-child(2){width:40%;height:11px}.coin-packs-skeleton__pack .loading-skeleton__lines>:last-child{height:12px}.route-skeleton-profile{padding:0 20px 28px}.route-skeleton-public-profile{padding:20px var(--ludio-content-gutter) 32px}.route-skeleton-membership{padding:0}.route-skeleton-billing-footer{display:grid;gap:12px;padding:20px 24px max(24px,env(safe-area-inset-bottom))}.route-skeleton-billing-footer>.loading-skeleton__block{height:48px}.route-skeleton-coins{display:flex;flex:1;flex-direction:column;min-height:0;padding:0}.route-skeleton-coins__body{flex:1;min-height:0;overflow:hidden;padding-inline:24px}.route-skeleton-coins__hero{display:grid;align-content:end;justify-items:center;gap:20px;height:270px;padding-bottom:24px}.route-skeleton-coins__art{width:100px;height:90px;border-radius:50%}.route-skeleton-coins__balance{height:94px}.app-shell.route-fullscreen-shell,.route-coin-shell{display:flex;flex-direction:column;width:100%;max-width:480px;height:100dvh;min-height:0;margin-inline:auto;padding:0;overflow:hidden;background:var(--ludio-bg)}.route-fullscreen-shell>.topbar.topbar-secondary{position:relative;inset:auto;flex:none;width:100%;max-width:none;transform:none}.route-fullscreen-shell>.route-skeleton-membership{flex:1;min-height:0;overflow:hidden}.coin-packs-skeleton__pack:last-child:nth-child(3n+1){grid-column:1 / -1;min-height:56px;padding:13px 16px}.coin-packs-skeleton__pack:last-child:nth-child(3n+1) .loading-skeleton__lines{display:flex;justify-content:space-between;align-items:center}.coin-packs-skeleton__pack:last-child:nth-child(3n+1) .loading-skeleton__lines>.loading-skeleton__block{width:20%;height:16px}.profile-skeleton--public .profile-skeleton__identity{min-height:64px}.profile-skeleton__identity .loading-skeleton__lines>:last-child{display:none}.membership-skeleton__plan-section{display:grid;gap:8px}.membership-skeleton__plan-section>.loading-skeleton__block{width:40%;height:14px}@media(max-width:360px){.route-skeleton-profile{padding-inline:16px}.profile-skeleton:not(.profile-skeleton--public) .profile-skeleton__avatar{width:52px;height:52px}}.route-coin-shell{max-width:none}.route-coin-shell--web{max-width:480px}.people-skeleton{padding:0}.people-skeleton>.loading-skeleton__content{gap:0;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-lg);overflow:hidden}.people-skeleton .loading-skeleton__row{align-items:center;min-height:60px;padding:10px 16px;border-bottom:1px solid var(--ludio-line)}.people-skeleton .loading-skeleton__row:last-child{border-bottom:0}.people-skeleton .loading-skeleton__lines>:last-child{display:none}.auth-route-loading--native,.route-admin-loading{min-height:100dvh;padding:max(24px,env(safe-area-inset-top,0px)) 24px;background:var(--ludio-bg);color:var(--ludio-text)}.route-admin-loading>.loading-skeleton{max-width:720px;margin-inline:auto}.moment-preview-overlay{position:fixed;inset:0;z-index:95;overflow:auto;background:var(--ludio-bg);overscroll-behavior:contain}.moment-preview-page{min-height:100dvh;margin:0 auto}.story-share-page{max-width:760px}.story-page.moment-page{display:flex;flex-direction:column;height:var(--app-viewport-height, 100dvh);min-height:0;padding:0}.moment-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:0 max(20px,env(safe-area-inset-right,0px)) max(30px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}.moment-content:focus-visible{outline-offset:-2px}.moment-header{position:relative;z-index:22}.moment-header :is(a,button):focus-visible{outline-offset:2px}@media(max-width:360px){.moment-content{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}}.moment-like-button{flex:none;min-height:44px;justify-self:end;padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;font-size:12px;white-space:nowrap;display:inline-flex;min-width:52px;align-items:center;justify-content:center;gap:5px;color:var(--ludio-muted);cursor:pointer}.moment-like-button .ui-icon{width:15px;height:15px}.moment-like-button.selected{border-color:color-mix(in srgb,var(--ludio-like) 48%,transparent);background:color-mix(in srgb,var(--ludio-like) 12%,transparent);color:var(--ludio-like)}.moment-like-button.selected .ui-icon{fill:currentColor}.moment-like-button:disabled{cursor:default}.story-detail-skeleton{padding:0}.story-detail-skeleton>.loading-skeleton__content{gap:0}.story-detail-skeleton__lead{position:relative;display:flex;align-items:flex-end;min-height:clamp(340px,94vw,420px);padding-top:calc(216px + env(safe-area-inset-top,0px))}.story-detail-skeleton__cover{position:absolute;inset:calc(56px + env(safe-area-inset-top,0px)) 0 0;height:auto;width:100%;border-radius:0}.story-detail-skeleton__title{position:relative;width:100%;padding:20px clamp(20px,5vw,24px) 8px}.story-detail-skeleton__title .loading-skeleton__lines{gap:12px}.story-detail-skeleton__title .loading-skeleton__block{background:var(--ludio-line-strong)}.story-detail-skeleton__title .loading-skeleton__lines>:first-child{height:32px}.story-detail-skeleton__info{display:grid;gap:24px;padding:14px clamp(20px,5vw,24px) 96px}.story-detail-skeleton__author{width:42%;height:22px}.story-detail-skeleton__stats{display:flex;justify-content:space-between;padding-block:10px}.story-detail-skeleton__stats>.loading-skeleton__block{width:22%;height:28px}.story-detail-skeleton__section{width:35%;height:22px}.immersive-shell .story-page.detail.story-detail-empty:has(.story-detail-skeleton){padding-top:0}.story-route-skeleton.story-route-skeleton--detail{position:relative;padding-inline:0;padding-top:0}.story-route-skeleton--detail>.story-route-skeleton__header{position:absolute;top:0;z-index:1}.story-route-skeleton--detail .story-route-skeleton__body{width:100%}.story-route-skeleton.story-route-skeleton--theatre{padding-inline:0}.story-route-skeleton--theatre .story-route-skeleton__stage{position:relative;width:100%;padding:0;justify-content:flex-end;gap:0}.moment-skeleton{padding:10px 0 32px}.moment-skeleton>.loading-skeleton__content{gap:24px}.moment-skeleton__kicker{width:24%;height:12px}.moment-skeleton__title{width:85%;height:40px}.moment-skeleton__byline{display:flex;align-items:center;gap:10px}.moment-skeleton__byline>.loading-skeleton__block{width:35%;height:14px}.moment-skeleton__byline>:first-child{width:32px;height:32px;border-radius:50%}.moment-skeleton__stats{display:flex;gap:20px}.moment-skeleton__stats>.loading-skeleton__block{width:30%;height:18px}.moment-skeleton__source{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--ludio-line);border-radius:12px}.moment-skeleton__source>.loading-skeleton__block{flex:none;width:47px;height:58px}.story-detail-skeleton__title{display:grid;align-content:end;gap:16px;min-height:202px}.story-detail-skeleton__meta{display:flex;align-items:center;gap:10px;height:44px}.story-detail-skeleton__meta>.story-detail-skeleton__avatar{flex:none;width:36px;height:36px;border-radius:50%}.story-detail-skeleton__meta>:last-child{width:25%;margin-inline-start:auto;height:28px}.story-route-skeleton--theatre>.story-route-skeleton__header{width:100%}.user-name{min-width:0;max-width:100%;overflow-wrap:anywhere}.user-name--plus .user-name__text{color:var(--member-violet)}@supports (background-clip: text) or (-webkit-background-clip: text){.user-name--plus .user-name__text{background:linear-gradient(110deg,var(--member-violet),var(--member-rose) 34%,var(--member-gold) 67%,var(--member-aqua));background-clip:text;-webkit-background-clip:text;color:transparent}}.user-name__badge{display:inline-flex;width:1em;height:1em;margin-inline-start:.3em;vertical-align:-.12em}.user-name__badge>.ui-icon{width:100%;height:100%}@media(forced-colors:active){.user-name--plus .user-name__text{background:none;color:CanvasText}.user-name__badge .ui-icon{stroke:CanvasText}}.selection-checkbox,.character-playable-toggle .selection-checkbox{position:relative;display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;align-self:center;width:44px;height:44px;gap:0;cursor:pointer}.selection-checkbox>input.selection-checkbox-input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:inherit}.selection-checkbox .selection-checkbox-mark{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:24px;height:24px;border:1.5px solid var(--ludio-muted);border-radius:7px;background:var(--ludio-surface-raised);color:var(--ludio-on-accent);pointer-events:none}.selection-checkbox-mark svg{width:16px;height:16px;opacity:0}.selection-checkbox-input:checked+.selection-checkbox-mark{border-color:var(--ludio-brand);background:var(--ludio-brand)}.selection-checkbox-input:checked+.selection-checkbox-mark svg{opacity:1}:where([data-keyboard]) .selection-checkbox-input:focus-visible+.selection-checkbox-mark{outline:2px solid var(--ludio-accent-text);outline-offset:4px}@media(forced-colors:active){.selection-checkbox-input:checked+.selection-checkbox-mark{border-color:Highlight;background:Highlight;color:HighlightText;forced-color-adjust:none}}.bottom-nav--five>a.active:before{content:none}.bottom-nav-capsule{position:absolute;top:0;left:0;pointer-events:none;visibility:hidden;transform-origin:0 0}.bottom-nav-paint{position:absolute;overflow:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.bottom-nav--five :is(a,.nav-label,.ui-icon){transition:none;animation:none}}.bottom-nav.bottom-nav--five{isolation:isolate;align-items:stretch;height:calc(64px + env(safe-area-inset-bottom,0px));min-height:calc(64px + env(safe-area-inset-bottom,0px));padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);padding-block:0 env(safe-area-inset-bottom,0px);border-top:0;border-radius:0;background:var(--home-gallery-color-nav);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.bottom-nav--five:before{content:"";position:absolute;inset:0 0 auto;height:var(--home-size-divider);background:var(--home-gallery-color-border);transform:scaleY(.5);transform-origin:top;pointer-events:none}.bottom-nav--five>a{position:relative;z-index:1;min-width:0;min-height:48px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--home-space-4);padding:8px 2px 6px;border-radius:0;color:var(--home-gallery-color-inactive);font-weight:var(--home-weight-regular)}.bottom-nav.bottom-nav--five>a.active{color:var(--home-gallery-color-title);font-weight:var(--home-weight-semibold)}.bottom-nav--five a .ui-icon{transform-box:fill-box;transform-origin:center;opacity:1;stroke-width:1.8}.bottom-nav--five>a.active .ui-icon{stroke:var(--bottom-nav-active-paint);stroke-width:2.2}.bottom-nav--five>a.active .ui-icon [fill=currentColor]{fill:var(--bottom-nav-active-paint)}.bottom-nav--five .nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--home-font-xs);line-height:var(--home-line-nav)}@media(hover:hover){.bottom-nav.bottom-nav--five>a:hover{color:var(--home-gallery-color-title)}}input:not(:where([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])),textarea,select,[contenteditable=true],[contenteditable=plaintext-only]{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:max(16px,var(--ludio-field-font-size, 1rem));line-height:1.45}.notice.error.form-error-notice{display:flex;align-items:flex-start;gap:10px;min-width:0;margin:0 0 16px;padding:14px;border:1px solid color-mix(in srgb,var(--ludio-danger) 65%,var(--ludio-line));border-radius:var(--ludio-radius-md);background:color-mix(in srgb,var(--ludio-danger) 12%,var(--ludio-surface));color:var(--ludio-danger);font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.form-error-notice>.ui-icon{flex:0 0 20px;width:20px;height:20px;margin-block-start:1px}.form-error-notice>strong{min-width:0;color:inherit;font:inherit;font-weight:650}