.opening-preview{background:var(--theme-surface-0,#141413);min-width:0;position:relative;overflow:hidden}.opening-preview .preview-heading{border-bottom:1px solid rgb(var(--theme-line-rgb,255 255 255) / .2);flex-shrink:0;align-items:center;gap:8px;height:48px;min-height:48px;padding:0 20px;font-size:18px;font-weight:500;line-height:18px}.preview-heading-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.preview-heading-title>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-heading-title .ui-button{width:28px;height:28px;min-height:28px;color:var(--theme-text-secondary,#85837d);border:0;border-radius:50%;flex-shrink:0;padding:0}.opening-preview .preview-model.ui-select-trigger{border:1px solid rgb(var(--theme-line-rgb,255 255 255) / .14902);background:var(--theme-surface-0,#0a0a0a);border-radius:8px;flex-shrink:0;gap:2px;width:auto;max-width:none;height:40px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:500;line-height:21px}.preview-model .ui-select-option-label{gap:4px}.preview-model .mode-symbol{width:16px;height:16px}.preview-model-menu{width:320px;max-height:min(450px, var(--radix-select-content-available-height));border:1px solid rgb(var(--theme-line-rgb,255 255 255) / .2);background:var(--theme-surface-2,#262626);color:var(--theme-text-primary,#fafafa);box-shadow:0 4px 6px #00000012}.preview-model-menu .ui-select-viewport{padding:8px}.preview-model-menu .ui-select-option{border-radius:6px;min-height:0;padding:6px 32px 6px 8px;font-size:14px;font-weight:400;line-height:21px}.preview-model-menu .ui-select-option[data-highlighted],.preview-model-menu .ui-select-option[data-state=checked]{background:var(--theme-surface-3,#404040)}.preview-model-menu .ui-select-option-heading,.preview-model-menu .ui-select-option-label{gap:4px}.preview-model-menu .ui-select-option-label{color:var(--theme-text-primary,#f0efeb)}.preview-model-menu .mode-symbol{width:16px;height:16px}.preview-model-menu .ui-select-description{color:var(--theme-text-secondary,#a8a69d);word-break:normal;margin:0;font-size:12px;font-weight:400;line-height:18px}.preview-model-menu .ui-select-check{width:14px;height:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.preview-model-menu .ui-select-check svg{width:14px;height:14px}.preview-model-menu .ui-select-scroll{background:var(--theme-surface-2,#262626);height:24px;min-height:24px;color:var(--theme-text-primary,#fafafa)}.preview-model-cost{background:var(--theme-surface-0,#0a0a0a);height:16px;color:var(--theme-text-secondary,#a3a3a3);white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:0 4px;font-size:10px;font-weight:500;line-height:10px;display:inline-flex}.preview-model-cost svg{color:#ffae00}.ui-modal.preview-history-dialog{border:1px solid rgb(var(--theme-line-rgb,255 255 255) / .2);background:var(--theme-surface-1,#242321);width:444px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--theme-text-primary,#fafafa);border-radius:16px;padding:0;overflow:hidden}.preview-history-dialog::backdrop{background:#000c}.ui-modal.preview-history-dialog>.ui-modal-header{gap:12px;height:66px;min-height:66px;margin:0;padding:0 24px}.preview-history-dialog .ui-modal-header h1{letter-spacing:normal;max-width:calc(100% - 40px);font-size:18px;font-weight:600;line-height:18px}.ui-modal.preview-history-dialog>.ui-modal-header .ui-modal-close{width:28px;height:28px;min-height:28px;color:var(--theme-text-muted,#737373);border-radius:50%;padding:4px;top:19px;right:24px}.preview-history-empty{background:var(--theme-surface-2,#2e2d2b);color:var(--theme-text-disabled,#61605a);align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:500;line-height:21px;display:flex}.preview-history-empty>svg{flex-shrink:0}.preview-history-end{height:1px}@media (max-width:639px){.preview-model-menu{width:calc(100vw - 24px)}.ui-modal.preview-history-dialog{width:100vw;max-width:100vw;max-height:100dvh;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin:0;inset:auto 0 0}}.preview-history.ui-button{background:var(--theme-surface-2,#27272a);border:0;border-radius:6px;flex-shrink:0;gap:4px;height:36px;min-height:36px;padding:8px 16px;font-size:14px;font-weight:500;line-height:21px}.preview-history>span{white-space:nowrap}.opening-preview .preview-content{padding:0}.preview-stat-bar{background:var(--theme-surface-2,#27272a);flex-shrink:0;min-width:0;height:40px;padding:8px 0;position:relative}.preview-stat-bar .ui-scroll-rail-track{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:none;align-items:center;gap:0;height:24px;display:flex;overflow:auto hidden}.preview-stat-bar .ui-scroll-rail-track:focus-visible{outline:2px solid var(--theme-line-strong,#858585);outline-offset:-2px}.preview-stat-item{color:var(--theme-text-primary,#fafafa);flex-shrink:0;align-items:center;display:flex}.preview-stat-item:not(:last-child):after{content:"";background:rgb(var(--theme-overlay-rgb,255 255 255) / .2);flex:0 0 1px;height:24px}.preview-stat-body{align-items:center;padding:0 16px;display:flex}.preview-stat-bar.ui-scroll-rail .ui-scroll-rail-next{width:28px;height:28px;min-height:28px;color:var(--theme-text-muted,#737373);box-shadow:none;z-index:1;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:6px;right:8px}.preview-stat-bar .ui-scroll-rail-next:before{content:"";background:linear-gradient(to left,var(--theme-surface-2,#27272a),transparent);z-index:-1;pointer-events:none;position:absolute;inset:-6px -8px -6px -16px}.preview-stat-bar .ui-scroll-rail-next svg{width:16px;height:16px;transform:rotate(-90deg)}.preview-stat-bar .ui-scroll-rail-next:hover{background:rgb(var(--theme-overlay-rgb,255 255 255) / .05098)}.preview-stat-icon{background:#000;border:1px solid #fff3;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.preview-stat-icon .stat-icon{width:11px;height:11px}.preview-stat-icon .stat-legacy-icon{font-size:11px;line-height:11px}.preview-stat-name{white-space:nowrap;margin:0 8px;font-size:12px;font-weight:600;line-height:12px}.preview-stat-reading{align-items:center;min-width:104px;display:flex}.preview-stat-track{background:rgb(var(--theme-overlay-rgb,255 255 255) / .2);border-radius:9999px;flex-shrink:0;width:80px;height:6px;margin-right:8px;display:block;overflow:hidden}.preview-stat-track>span{border-radius:inherit;height:100%;display:block}.preview-stat-number{white-space:nowrap;font-size:12px;font-weight:400;line-height:12px}.preview-thread{padding-top:20px}.preview-flow{flex-direction:column;gap:20px;display:flex}.opening-preview .fiction-note{color:var(--theme-text-secondary,#85837d);margin:0;padding:20px 0 28px;font-size:14px;font-weight:500;line-height:14px}.preview-message{margin-bottom:20px;padding:0 20px}.opening-preview .preview-character{height:24px;color:var(--theme-text-secondary,#a8a69d);gap:8px;margin:0 0 8px;font-size:14px;line-height:14px}.opening-preview .preview-character strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.opening-preview .preview-character img,.opening-preview .avatar-placeholder{background:var(--theme-surface-2,#2e2d2b);flex-shrink:0;width:24px;height:24px}.opening-preview .preview-prologue{background:var(--theme-prologue,#1f2146);border-radius:0 10px 10px;min-height:60px;padding:16px 20px}.preview-prologue .work-text{font-size:16px;line-height:28px}.preview-prologue .work-text p{margin:20px 0;line-height:24px}.preview-prologue .work-text>:first-child{margin-top:0}.preview-prologue .work-text>:last-child{margin-bottom:0}.preview-prologue .work-text em{color:var(--theme-text-secondary,#85837d);font-style:normal;font-weight:500;line-height:25.6px}.preview-prologue .work-text strong{font-weight:700}.preview-player-guide{border-block:1px solid #6d231c;flex-direction:column;gap:12px;max-width:none;margin:0;padding:20px 16px 16px;display:flex}.preview-player-guide h3{color:#ff4432;margin:0;font-size:15px;font-weight:600;line-height:15px}.preview-player-guide p{color:var(--theme-text-secondary,#a8a69d);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:500;line-height:21px}.preview-replies{max-width:none;margin:0;padding:0 20px}.preview-replies-inner{flex-direction:column;gap:12px;padding:20px 0;display:flex}.preview-replies-heading{color:var(--theme-text-secondary,#85837d);justify-content:flex-end;align-items:center;gap:4px;display:flex}.preview-replies-heading p{margin:0;font-size:12px;font-weight:500;line-height:12px}.preview-replies-list{flex-direction:column;gap:12px;display:flex}.preview-replies-list>div{justify-content:flex-end;display:flex}.preview-replies-list .ui-button{border:1px solid rgb(var(--theme-line-rgb,255 255 255) / .2);background:var(--theme-surface-1,#242321);text-align:left;white-space:normal;border-radius:20px;width:fit-content;max-width:100%;min-height:0;padding:10px 12px;display:block}.preview-replies-list .ui-button>span{color:#9d51ff;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:22.5px;display:block}.preview-scroll-spacer{height:200px}.preview-composer-wrap{padding:20px 20px max(52px, env(safe-area-inset-bottom));background:var(--theme-surface-0,#141413);position:absolute;bottom:0;left:0;right:0}.preview-composer{border:1px solid rgb(var(--theme-line-rgb,255 255 255) / .14902);background:var(--theme-surface-0,#0a0a0a);border-radius:12px;margin:0;padding:0}.preview-composer>.ui-textarea{resize:none;height:45px;min-height:45px;max-height:168px;box-shadow:none;color:var(--theme-text-primary,#fafafa);background:0 0;border:0;border-radius:0;padding:12px;font-size:14px;font-weight:400;line-height:21px}.preview-composer>.ui-textarea:focus-visible{outline:none}.preview-composer:focus-within{border-color:var(--theme-line-strong,#737373);box-shadow:0 0 0 2px #d4d4d880}.preview-composer>div{align-items:center;gap:4px;margin:0;padding:6px 10px 12px 12px;display:flex}.preview-composer>div>.ui-button{border:1px solid rgb(var(--theme-line-rgb,255 255 255) / .2);background:var(--theme-surface-1,#171717);width:28px;height:28px;min-height:28px;color:var(--theme-text-secondary,#a3a3a3);border-radius:50%;padding:0}.preview-composer .preview-send.ui-button{background:var(--theme-surface-inverse,#fafafa);color:var(--theme-text-inverse,#171717);border:0;margin-left:auto;padding:8px}.preview-composer .composer-shortcuts{font-size:14px;font-weight:700;line-height:14px}.preview-send svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.preview-send .preview-send-arrow{fill:none}.preview-conversation-notice{color:var(--theme-text-secondary,#aaa);align-items:flex-start;gap:8px;margin-bottom:12px;font-size:12px;line-height:20px;display:flex}.preview-conversation-notice p{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.preview-conversation-notice .ui-button{flex-shrink:0;width:24px;min-height:24px;padding:4px}.ui-modal.mobile-preview-dialog.story-conversation-dialog{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0;overflow:hidden}.ui-modal.story-conversation-dialog .opening-preview{border-left:1px solid rgb(var(--theme-line-rgb,255 255 255) / .2);height:100%;min-height:0}@media (max-width:767px){.story-conversation-dialog .preview-history>span{display:none}.story-conversation-dialog .preview-history{width:28px;height:28px;min-height:28px;color:var(--theme-text-secondary,#85837d);background:0 0;padding:0}}@media (min-width:768px){.preview-thread{padding:32px 40px 0}.preview-message,.preview-replies{padding-inline:0}.preview-composer-wrap{padding-inline:40px}}