.writer-page{--w-space-1:4px;--w-space-2:8px;--w-space-3:12px;--w-space-4:16px;--w-space-5:20px;--w-space-6:24px;--w-space-8:32px;--w-space-10:40px;--w-space-12:48px;--w-radius-xs:4px;--w-radius-sm:6px;--w-radius:8px;--w-radius-md:10px;--w-radius-lg:12px;--w-prose-width:74ch;--w-prose-font:var(--font-serif,Georgia, "Times New Roman", serif);--w-prose-size:16px;--w-prose-leading:1.6;--w-prose-color:var(--foreground);--w-ease:cubic-bezier(.25, .1, .25, 1);--w-ease-out:cubic-bezier(.16, 1, .3, 1);--w-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--w-duration-fast:.12s;--w-duration:.2s;--w-duration-slow:.32s;--w-shadow-sm:0 1px 2px #0000001f;--w-shadow-md:0 2px 8px #00000029, 0 1px 2px #00000014;--w-shadow-lg:0 4px 16px #0003, 0 2px 4px #0000001a;--w-shadow-xl:0 8px 32px #00000047, 0 2px 8px #0000001f;--w-canvas-bg:var(--background);--w-canvas-surface:#ffffff04;--w-status-idle:#4a556866;--w-status-draft:#5b9bd5;--w-status-revision:#7b9ec9;--w-status-final:#5a8060;background:var(--background);min-height:100dvh;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.writer-header{height:42px;padding:0 var(--w-space-4);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--background) 85%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);z-index:10;transition:opacity var(--w-duration) var(--w-ease), transform var(--w-duration-slow) var(--w-ease-out);align-items:center;display:flex;position:relative}.writer-header-left{align-items:center;gap:var(--w-space-2);display:flex}.writer-header-center{align-items:center;gap:var(--w-space-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.writer-header-right{align-items:center;gap:var(--w-space-2);margin-left:auto;display:flex}.writer-book-title{letter-spacing:.06em;color:var(--muted-foreground);font-size:11px;font-weight:450}.writer-doc-title{color:var(--foreground);text-align:center;border-radius:var(--w-radius-xs);transition:background var(--w-duration-fast) var(--w-ease);background:0 0;border:none;min-width:100px;max-width:360px;padding:3px 10px;font-size:13px;font-weight:500}.writer-doc-title:hover{background:var(--accent)}.writer-doc-title:focus{background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);outline:none}.writer-icon-btn{width:28px;height:28px;color:var(--muted-foreground);transition:color var(--w-duration-fast) var(--w-ease), background var(--w-duration-fast) var(--w-ease);cursor:pointer;border-radius:var(--w-radius-xs);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.writer-icon-btn:hover{color:var(--foreground);background:var(--accent)}.writer-icon-btn.active{color:var(--accent-foreground);background:var(--accent)}.writer-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);font-size:10px;font-weight:600}.writer-label-sm{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--muted-foreground) 70%, transparent);font-size:10px}.writer-heading-lg{font-family:var(--w-prose-font);color:var(--foreground);letter-spacing:-.015em;font-size:32px;font-weight:400;line-height:1.15}.writer-heading-md{font-family:var(--w-prose-font);color:var(--foreground);letter-spacing:-.01em;font-size:22px;font-weight:400;line-height:1.25}.writer-heading-sm{font-family:var(--w-prose-font);color:var(--foreground);font-size:17px;font-weight:500;line-height:1.35}.writer-body{color:var(--foreground);font-size:14px;line-height:1.6}.writer-body-sm{color:var(--muted-foreground);font-size:12px;line-height:1.5}.writer-nav-link{color:var(--muted-foreground);transition:color var(--w-duration-fast) var(--w-ease);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.writer-nav-link:hover{color:var(--foreground)}.writer-binder{border-right:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:var(--sidebar);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.writer-binder-header{padding:var(--w-space-3) var(--w-space-4);justify-content:space-between;align-items:center;gap:var(--w-space-2);border-bottom:1px solid color-mix(in srgb, var(--sidebar-border) 50%, transparent);flex-shrink:0;display:flex}.writer-binder-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);font-size:11px;font-weight:600}.writer-binder-content{padding:var(--w-space-1) 0;flex:1;overflow:hidden auto}.writer-doc-item{padding:5px var(--w-space-3) 5px var(--w-space-4);cursor:pointer;transition:background var(--w-duration-fast) var(--w-ease), border-color var(--w-duration) var(--w-ease);border-left:2px solid #0000;align-items:center;gap:6px;min-height:30px;margin:0;display:flex;position:relative}.writer-doc-item:hover{background:color-mix(in srgb, var(--sidebar-accent) 60%, transparent)}.writer-doc-item.active{background:var(--sidebar-accent);border-left-color:var(--primary)}.writer-doc-item.active .writer-doc-item-title{color:var(--sidebar-accent-foreground);font-weight:500}.writer-doc-item-icon{width:14px;height:14px;color:var(--muted-foreground);opacity:.45;transition:opacity var(--w-duration-fast) var(--w-ease);flex-shrink:0}.writer-doc-item:hover .writer-doc-item-icon,.writer-doc-item.active .writer-doc-item-icon{opacity:.7}.writer-doc-item-title{color:color-mix(in srgb, var(--sidebar-foreground) 80%, transparent);text-overflow:ellipsis;white-space:nowrap;transition:color var(--w-duration-fast) var(--w-ease);flex:1;font-size:13px;font-weight:400;overflow:hidden}.writer-doc-item:hover .writer-doc-item-title{color:var(--sidebar-foreground)}.writer-doc-item-meta{color:color-mix(in srgb, var(--muted-foreground) 50%, transparent);font-variant-numeric:tabular-nums;transition:color var(--w-duration-fast) var(--w-ease);font-size:10px;font-weight:450}.writer-doc-item:hover .writer-doc-item-meta{color:var(--muted-foreground)}.writer-chapter-badge{color:var(--muted-foreground);background:color-mix(in srgb, var(--muted) 50%, transparent);border-radius:var(--w-radius-xs);letter-spacing:.02em;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:600}.writer-section-item{padding:var(--w-space-4) var(--w-space-3) var(--w-space-1)}.writer-section-title{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--muted-foreground) 60%, transparent);font-size:10px;font-weight:600}.writer-toolbar{background:color-mix(in srgb, var(--card) 80%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:var(--w-radius-lg);box-shadow:var(--w-shadow-xl);z-index:10;transition:gap var(--w-duration) var(--w-ease), padding var(--w-duration) var(--w-ease), opacity var(--w-duration) var(--w-ease);align-items:center;gap:1px;padding:4px 6px;display:flex;position:relative}.writer-toolbar.expanded{gap:2px;padding:5px 10px}.writer-toolbar-divider{background:color-mix(in srgb, var(--border) 50%, transparent);width:1px;height:16px;margin:0 4px}.writer-toolbar.expanded .writer-toolbar-divider{margin:0 6px}.writer-toolbar-btn{min-width:30px;height:30px;color:var(--muted-foreground);transition:color var(--w-duration-fast) var(--w-ease), background var(--w-duration-fast) var(--w-ease);cursor:pointer;white-space:nowrap;border-radius:var(--w-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:0 6px;display:flex}.writer-toolbar-btn.collapse-toggle{min-width:26px;padding:0 3px}.writer-toolbar-btn:hover{color:var(--foreground);background:var(--accent)}.writer-toolbar-btn.active{color:var(--accent-foreground);background:var(--accent)}.writer-toolbar-label{letter-spacing:.01em;font-size:11px;font-weight:500}.writer-timer{background:var(--accent);border-radius:var(--w-radius-xs);align-items:center;gap:6px;padding:3px 8px;display:flex}.writer-timer-time{font-family:var(--font-mono,monospace);color:var(--foreground);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.writer-timer-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:10px}.writer-goal-progress{align-items:center;gap:6px;padding:3px 8px;display:flex}.writer-goal-bar{background:color-mix(in srgb, var(--muted) 60%, transparent);border-radius:2px;width:44px;height:3px;overflow:hidden}.writer-goal-fill{background:var(--primary);height:100%;transition:width .4s var(--w-ease-out);border-radius:2px}.writer-goal-text{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.writer-canvas{background:var(--w-canvas-bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.writer-canvas:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#3d7ab506 0%,#0000 70%);width:800px;height:600px;position:fixed;top:0;left:50%;transform:translate(-50%)}.writer-canvas-inner{max-width:var(--w-prose-width);z-index:1;width:100%;margin:0 auto;padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem) 8rem;position:relative}@media (max-width:768px){.writer-canvas-inner{padding:2rem 1.5rem 12rem}}.writer-canvas-header{text-align:center;margin-bottom:2rem;position:relative}.writer-canvas-chapter{text-transform:uppercase;letter-spacing:.28em;color:color-mix(in srgb, var(--muted-foreground) 60%, transparent);margin-bottom:var(--w-space-4);font-size:11px;font-weight:500}.writer-canvas-title{font-family:var(--w-prose-font);color:var(--foreground);letter-spacing:-.01em;text-align:center;width:100%;padding:6px var(--w-space-4);border-radius:var(--w-radius-xs);transition:background var(--w-duration-fast) var(--w-ease);background:0 0;border:none;font-size:32px;font-weight:400;line-height:1.2}.writer-canvas-title:hover{background:var(--accent)}.writer-canvas-title:focus{background:var(--accent);outline:none}.writer-prose{font-family:var(--w-prose-font);font-size:var(--w-prose-size);line-height:var(--w-prose-leading);color:var(--w-prose-color)}.writer-prose p{margin-bottom:.5em}.writer-prose h1,.writer-prose h2,.writer-prose h3{font-family:var(--w-prose-font);letter-spacing:-.01em;margin-top:1.2em;margin-bottom:.3em;font-weight:600}.writer-prose h1{font-size:1.5em;line-height:1.25}.writer-prose h2{font-size:1.25em;line-height:1.3}.writer-prose h3{font-size:1.1em;line-height:1.35}.writer-status{color:var(--muted-foreground);align-items:center;gap:5px;font-size:11px;display:inline-flex}.writer-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.writer-status-dot.not_started{background:var(--w-status-idle)}.writer-status-dot.draft{background:var(--w-status-draft)}.writer-status-dot.revision{background:var(--w-status-revision)}.writer-status-dot.final{background:var(--w-status-final)}.writer-wordcount{font-family:var(--font-mono,monospace);color:color-mix(in srgb, var(--muted-foreground) 70%, transparent);font-variant-numeric:tabular-nums;font-size:11px}.writer-panel{border-left:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:var(--card);flex-direction:column;width:100%;height:100%;display:flex}.writer-panel-header{padding:var(--w-space-3) var(--w-space-4);border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.writer-panel-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.writer-panel-content{padding:var(--w-space-4);flex:1;overflow-y:auto}.writer-panel-resize-handle{background:color-mix(in srgb, var(--border) 30%, transparent);width:1px;transition:background var(--w-duration) var(--w-ease), width var(--w-duration) var(--w-ease);flex-shrink:0;position:relative}.writer-panel-resize-handle:hover,.writer-panel-resize-handle[data-resize-handle-active]{background:color-mix(in srgb, var(--primary) 50%, transparent);width:2px}.writer-panel-resize-handle:after{content:"";cursor:col-resize;position:absolute;inset:0 -5px}@keyframes writer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes writer-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes writer-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.writer-animate-in{animation:writer-fade-in var(--w-duration) var(--w-ease)}.writer-animate-slide-up{animation:writer-slide-up var(--w-duration-slow) var(--w-ease-out)}.writer-scroll::-webkit-scrollbar{width:5px}.writer-scroll::-webkit-scrollbar-track{background:0 0}.writer-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:3px}.writer-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--foreground) 15%, transparent)}.writer-canvas::-webkit-scrollbar{width:5px}.writer-canvas::-webkit-scrollbar-track{background:0 0}.writer-canvas::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:3px}.writer-canvas::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--foreground) 12%, transparent)}.writer-binder-content::-webkit-scrollbar{width:4px}.writer-binder-content::-webkit-scrollbar-track{background:0 0}.writer-binder-content::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:2px}.writer-binder-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--foreground) 12%, transparent)}.writer-ai-panel{background:var(--sidebar);border-left:1px solid color-mix(in srgb, var(--border) 50%, transparent);flex-direction:column;height:100%;display:flex}.writer-ai-header{padding:var(--w-space-3) var(--w-space-4);border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.writer-ai-header-title{align-items:center;gap:6px;display:flex}.writer-ai-header-title span{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.writer-ai-header-title svg{width:13px;height:13px;color:var(--muted-foreground)}.writer-ai-context{padding:var(--w-space-2) var(--w-space-4);border-bottom:1px solid color-mix(in srgb, var(--border) 30%, transparent);background:var(--accent)}.writer-ai-context-text{color:var(--muted-foreground);align-items:center;gap:5px;font-size:11px;display:flex}.writer-ai-context-text svg{flex-shrink:0;width:11px;height:11px}.writer-ai-messages{padding:var(--w-space-4);flex:1;overflow-y:auto}.writer-ai-empty{text-align:center;padding:var(--w-space-12) var(--w-space-4)}.writer-ai-empty svg{width:28px;height:28px;color:var(--muted-foreground);opacity:.2;margin:0 auto var(--w-space-4)}.writer-ai-empty-title{color:var(--foreground);margin-bottom:6px;font-size:15px;font-weight:500}.writer-ai-empty-subtitle{color:var(--muted-foreground);font-size:12px;line-height:1.5}.writer-ai-quick-actions{margin-top:var(--w-space-6)}.writer-ai-quick-actions-label{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--muted-foreground) 60%, transparent);margin-bottom:var(--w-space-2);font-size:10px}.writer-ai-quick-action{cursor:pointer;text-align:left;width:100%;color:var(--foreground);transition:background var(--w-duration-fast) var(--w-ease);border-radius:var(--w-radius-xs);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.writer-ai-quick-action:hover{background:var(--accent)}.writer-ai-quick-action svg{width:13px;height:13px;color:var(--muted-foreground)}.writer-ai-message{margin-bottom:var(--w-space-4)}.writer-ai-message.user{text-align:right}.writer-ai-message-bubble{border-radius:var(--w-radius);max-width:88%;padding:8px 12px;font-size:13px;line-height:1.55;display:inline-block}.writer-ai-message.user .writer-ai-message-bubble{background:var(--primary);color:var(--primary-foreground);border-radius:var(--w-radius) var(--w-radius) var(--w-radius-xs) var(--w-radius)}.writer-ai-message.assistant .writer-ai-message-bubble{background:color-mix(in srgb, var(--muted) 70%, transparent);color:var(--foreground);border-radius:var(--w-radius) var(--w-radius) var(--w-radius) var(--w-radius-xs)}.writer-ai-message-actions{opacity:0;transition:opacity var(--w-duration-fast) var(--w-ease);gap:3px;margin-top:4px;display:flex}.writer-ai-message:hover .writer-ai-message-actions{opacity:1}.writer-ai-message-action{color:var(--muted-foreground);cursor:pointer;transition:color var(--w-duration-fast) var(--w-ease);border-radius:var(--w-radius-xs);background:0 0;border:none;padding:3px 6px;font-size:10px}.writer-ai-message-action:hover{color:var(--foreground);background:var(--accent)}.writer-ai-input{padding:var(--w-space-3) var(--w-space-4);border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent);flex-shrink:0}.writer-ai-input-wrapper{position:relative}.writer-ai-textarea{background:color-mix(in srgb, var(--muted) 40%, transparent);border:1px solid color-mix(in srgb, var(--border) 50%, transparent);width:100%;min-height:72px;color:var(--foreground);resize:none;border-radius:var(--w-radius);transition:border-color var(--w-duration-fast) var(--w-ease), background var(--w-duration-fast) var(--w-ease);padding:10px 40px 10px 12px;font-size:13px;line-height:1.5}.writer-ai-textarea::placeholder{color:color-mix(in srgb, var(--muted-foreground) 50%, transparent)}.writer-ai-textarea:focus{border-color:color-mix(in srgb, var(--primary) 40%, transparent);background:color-mix(in srgb, var(--muted) 60%, transparent);outline:none}.writer-ai-send{background:var(--primary);width:26px;height:26px;color:var(--primary-foreground);cursor:pointer;transition:opacity var(--w-duration-fast) var(--w-ease), transform var(--w-duration-fast) var(--w-ease);border-radius:var(--w-radius-sm);border:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:6px;right:6px}.writer-ai-send:hover{opacity:.9;transform:scale(1.04)}.writer-ai-send:disabled{opacity:.2;cursor:not-allowed;transform:none}.writer-ai-send svg{width:13px;height:13px}.writer-ai-hint{color:color-mix(in srgb, var(--muted-foreground) 50%, transparent);margin-top:6px;font-size:10px}[data-radix-popper-content-wrapper]{z-index:100!important}