.publication-preview-stage{width:100%;height:100%;min-height:0;padding:12px 20px max(16px, env(safe-area-inset-bottom));background:var(--theme-surface-0,#0a0a0a);justify-content:center;display:flex;overflow:hidden}.publication-preview.author-publication-preview{border:1px solid rgb(var(--theme-line-rgb,255 255 255) / .2);background:var(--theme-surface-1,#242321);width:444px;max-width:100%;color:var(--theme-text-primary,#fafafa);border-radius:16px;overflow:hidden}.author-publication-preview .publication-preview-heading{border:0;height:66px;min-height:66px;padding:24px;font-size:18px;font-weight:600;line-height:18px;position:relative}.author-publication-preview .publication-preview-heading .ui-button{width:28px;height:28px;min-height:28px;color:var(--theme-text-muted,#737373);padding:0;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.author-publication-preview .publication-preview-scroll{scrollbar-width:none;scrollbar-gutter:auto}.author-publication-preview .publication-preview-scroll::-webkit-scrollbar{display:none}.story-publication-preview .work-detail-cover{background:#fff;height:318px;min-height:318px}.story-publication-preview .work-detail-cover.is-empty{background:#fff}.story-publication-preview .work-detail-cover:after{display:none}.story-publication-preview .work-detail-cover-image{object-fit:cover;border-radius:8px;width:180px;height:270px;inset:auto}.story-publication-preview .work-detail-cover-backdrop{opacity:1}.publication-cover-placeholder{color:#bdbdbd;background:#e5e5e5;border-radius:8px;place-items:center;width:180px;height:270px;display:grid}.publication-story-summary{overflow-wrap:anywhere;flex-direction:column;gap:20px;max-width:none;margin:0;padding:24px 20px;display:flex}.story-publication-preview .work-detail-title-row{gap:12px}.story-publication-preview .work-detail-title-row>div:first-child{min-width:0}.story-publication-preview .work-detail-title-row h2{margin:0;font-size:20px;font-weight:600;line-height:32px}.story-publication-preview .work-detail-creator{color:var(--theme-text-secondary,#a3a3a3);margin:8px 0 0;padding:4px 0;font-size:12px;font-weight:500;line-height:12px}.story-publication-preview .work-detail-actions{gap:4px}.story-publication-preview .work-detail-actions .ui-button{width:28px;height:28px;min-height:28px;color:var(--theme-text-muted,#737373);background:0 0;border:0;border-radius:8px;padding:0}.author-publication-preview .work-detail-badges{gap:8px;min-height:24px}.author-publication-preview .work-detail-badges>span{background:var(--theme-surface-0,#0a0a0a);height:24px;color:var(--theme-text-secondary,#a8a69d);border:1px solid var(--theme-line-subtle,#42413d);box-shadow:none;padding:2px 8px;font-size:14px;line-height:18px}.publication-story-description{flex-direction:column;gap:4px;display:flex}.author-publication-preview .work-detail-tagline{margin:0;font-size:16px;font-weight:500;line-height:25.6px}.author-publication-preview .work-detail-tags{font-size:14px}.author-publication-preview .work-detail-metrics{color:var(--theme-text-secondary,#85837d);gap:16px;margin:12px 0 0;font-size:14px;font-weight:500;line-height:16px}.author-publication-preview .work-detail-metrics>div{gap:4px}.author-publication-preview .work-detail-section{border-top:1px solid var(--theme-line-subtle,#42413d);overflow-wrap:anywhere;padding:24px 20px}.author-publication-preview .work-detail-section h3{margin:0 0 16px;font-size:18px;font-weight:600;line-height:18px}.author-publication-preview .work-text,.author-publication-preview .work-text p{line-height:28px}.author-publication-preview .work-text p{margin-bottom:12px}.author-publication-preview .work-text>:last-child{margin-bottom:0}.author-publication-preview .ui-expandable-fade{background:linear-gradient(transparent, var(--theme-surface-1,#242321));height:140px}.author-publication-preview .ui-expandable-toggle.ui-button{height:44px;min-height:44px;color:var(--theme-text-muted,#737373);background:0 0;border:0;gap:4px;margin:0;padding:8px 32px;font-size:14px;font-weight:500}.story-publication-preview .work-detail-prologue h3{margin-bottom:12px}.story-publication-preview .work-detail-start-name{background:var(--theme-surface-2,#2d2c29);color:inherit;border-radius:8px;margin:0 0 16px;padding:14px 16px;font-size:16px;font-weight:500;line-height:25.6px}.story-publication-preview .work-detail-prologue .ui-select-trigger{border:1px solid var(--theme-line-subtle,#42413d);background:var(--theme-surface-0,#0a0a0a);border-radius:6px;width:100%;height:40px;min-height:40px;margin-bottom:16px;padding:8px 12px;font-size:14px;line-height:21px}.publication-start-options.ui-select-content{min-width:var(--radix-select-trigger-width);background:var(--theme-surface-2,#262626);padding:0}.publication-start-options .ui-select-viewport{padding:4px}.publication-start-options .ui-select-option{min-height:37px;padding:8px 24px 8px 8px;font-size:14px;line-height:21px}.author-publication-preview .work-detail-update{flex-direction:column;align-items:stretch;gap:12px;display:flex}.author-publication-preview .work-detail-update h3{align-items:center;min-height:28px;margin:0;display:flex}.publication-update-row{background:var(--theme-surface-0,#171717);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:12px 16px;display:flex}.author-publication-preview .work-detail-update p{color:var(--theme-text-primary,#fafafa);flex-wrap:wrap;gap:14px;font-size:16px;line-height:20px}.author-publication-preview .work-detail-update p>span:last-child{color:var(--theme-text-secondary,#a3a3a3)}.author-publication-preview .work-detail-update i{background:rgb(var(--theme-line-rgb,255 255 255) / .2);height:20px}.publication-update-row>svg{color:var(--theme-text-muted,#737373);flex-shrink:0}.author-publication-preview .work-detail-comments-heading{margin-bottom:12px}.author-publication-preview .work-detail-comments-heading h3{color:var(--theme-text-secondary,#a8a69d);margin:0;font-size:15px;font-weight:500;line-height:15px}.author-publication-preview .work-detail-comments-heading h3 span{font:inherit;color:var(--theme-text-muted,#61605a)}.author-publication-preview .work-detail-comments-heading .ui-button{height:15px;min-height:15px;color:var(--theme-text-primary,#f0efeb);font-size:14px;font-weight:600;line-height:14px}.publication-comment-sample{background:var(--theme-surface-2,#27272a);border-radius:8px;align-items:center;gap:8px;min-height:53.6px;padding:14px 16px;display:flex}.publication-comment-sample .character-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.publication-comment-sample p{margin:0;font-size:16px;font-weight:500;line-height:25.6px}.publication-comment-sample.is-closed{color:var(--theme-text-muted,#85837d)}.story-publication-preview .work-detail-play{background:var(--theme-surface-0,#0a0a0a);border-color:rgb(var(--theme-line-rgb,255 255 255) / .2);flex-shrink:0;padding:16px 20px}.story-publication-preview .work-detail-play .ui-button{background:var(--theme-surface-inverse,#fafafa);height:44px;min-height:44px;color:var(--theme-text-inverse,#171717);opacity:.5;border-radius:6px;font-size:14px;font-weight:500}.ui-modal.publication-preview-dialog.story-publication-dialog{background:var(--theme-surface-0,#0a0a0a);width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;inset:0;overflow:hidden}@media (min-width:1024px){.publication-preview-stage{padding-inline:40px}}
.character-publication-stage{padding-bottom:max(12px, env(safe-area-inset-bottom))}.publication-preview.character-publication-preview{background:var(--theme-surface-0,#141413);border-radius:12px}.character-publication-preview .work-detail-cover{aspect-ratio:1;height:auto}.character-publication-preview .work-detail-cover:after{display:none}.character-publication-preview .work-detail-cover>.character-avatar{border-radius:0;width:100%;height:100%}.character-publication-preview .publication-character-like{border:1px solid var(--theme-line-subtle,#42413d);background:var(--theme-surface-0,#141413);height:36px;min-height:36px;color:var(--theme-text-secondary,#a3a3a3);opacity:1;border-radius:999px;gap:4px;padding:10px 12px;font-size:14px;line-height:14px;position:absolute;bottom:16px;right:16px}.publication-character-author h2{margin:0;font-size:20px;font-weight:600;line-height:20px}.character-publication-preview .work-detail-creator{height:32px;color:var(--theme-text-muted,#85837d);align-items:center;gap:2px;margin:0;padding-top:8px;font-size:15px;line-height:15px;display:flex}.character-publication-preview .work-detail-creator>span{width:16px;font-size:16px}.character-publication-preview .work-detail-badges{min-height:0}.character-publication-preview .work-text,.character-publication-preview .work-text p{line-height:24px}.character-publication-preview .ui-expandable-fade{background:linear-gradient(transparent, var(--theme-surface-0,#141413))}.character-publication-preview .character-preview-messages{flex-direction:column;gap:20px;padding:0;display:flex}.character-publication-preview .character-dialogue-row{align-items:flex-start;margin:0}.character-publication-preview .character-message{flex-direction:column;flex:1;align-items:flex-start;gap:8px;display:flex}.character-publication-preview .character-speaker-name{min-height:18px;margin:0;font-size:14px;line-height:14px}.character-publication-preview .character-speaker-name:empty{min-height:4px;display:block}.character-publication-preview .character-dialogue-row .character-bubble{border-radius:0 20px 20px;width:fit-content;max-width:100%;padding:10px 16px 12px}.character-publication-preview .character-dialogue-row.is-user .character-message{align-items:flex-end}.character-publication-preview .character-dialogue-row.is-user .character-bubble{border-radius:20px 20px 0}.character-publication-preview .character-dialogue-row.is-narration .character-bubble{padding:4px 12px}.ui-modal.publication-preview-dialog.character-publication-dialog{background:var(--theme-surface-0,#141413);width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;inset:0;overflow:hidden}@media (min-width:901px){.studio-shell[data-kind=character][data-step=publish]{padding-bottom:max(16px,env(safe-area-inset-bottom));grid-template-rows:56px 48px minmax(0,1fr) 100px;grid-template-columns:minmax(0,45%) minmax(0,55%)}.studio-shell[data-kind=character][data-step=publish]>.studio-topbar{grid-area:1/1/auto/-1}.studio-shell[data-kind=character][data-step=publish]>.studio-tabs{grid-area:2/1}.studio-shell[data-kind=character][data-step=publish]>.studio-workspace{display:contents}.studio-shell[data-kind=character][data-step=publish] .editor-pane{grid-area:3/1;padding-inline:40px}.studio-shell[data-kind=character][data-step=publish] .desktop-preview{grid-area:2/2/5;min-width:0}.studio-shell[data-kind=character][data-step=publish] .studio-bottom{grid-area:4/1;width:100%;padding:56px 20px 0}.studio-shell[data-kind=character][data-step=publish] .character-step-heading{min-height:116px;padding-top:30px;padding-bottom:22px}.desktop-preview .character-publication-stage{padding-bottom:0}}