@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Serif+4:wght@400;600;700&family=Lora:wght@400;600;700&family=Inter:wght@400;500;600&family=DM+Sans:wght@400;500;600&family=Source+Sans+3:wght@400;500;600&display=swap");:root{--primary:#2d3436;--primary-light:#636e72;--primary-muted:#b2bec3;--accent:#6c8b74;--accent-light:#8ba896;--accent-subtle:#e8f0ea;--surface-base:#f9f7f4;--surface-raised:#fff;--surface-sunken:#f0ede8;--success:#6c8b74;--warning:#c9a96e;--error:#c45d3e;--info:#4a6274;--arlo-bubble:#f0ede8;--arlo-accent:#6c8b74;--font-heading:"Playfair Display",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-editor-body:"Source Serif 4",Georgia,serif;--text-display:32px;--text-h1:24px;--text-h2:20px;--text-h3:16px;--text-label:12px;--text-body:15px;--text-body-small:13px;--text-caption:11px;--leading-ui:1.5;--leading-editor:1.8;--leading-heading:1.25;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 2px rgba(45,52,54,.06);--shadow-md:0 2px 8px rgba(45,52,54,.08);--shadow-lg:0 8px 24px rgba(45,52,54,.12);--sidebar-width:240px;--topbar-height:56px;--content-max-width:1200px;--editor-max-width:700px;--transition-fast:150ms ease}[data-theme=dark]{--primary:#e8e0d4;--primary-light:#9ba4a8;--primary-muted:#4a5258;--accent:#8ba896;--accent-light:#a3bda9;--accent-subtle:#2a3a2e;--surface-base:#1a1d1e;--surface-raised:#242829;--surface-sunken:#141617;--success:#8ba896;--warning:#d4b87a;--error:#d4715a;--info:#6b8a9e;--arlo-bubble:#2a2d2e;--arlo-accent:#8ba896;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-ui);color:var(--primary);background:var(--surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-heading)}::selection{background:var(--accent-subtle);color:var(--primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.byb-editor-wrapper{display:flex;flex-direction:column;height:100%}.byb-editor-container{display:flex;flex:1 1;overflow:hidden}.byb-editor-main{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-12)}.byb-editor-chapter-title{font-family:var(--font-heading);font-size:var(--text-display);font-weight:700;line-height:var(--leading-heading);color:var(--primary);margin-bottom:var(--space-6);margin-left:auto;margin-right:auto}.byb-editor-chapter-title,.byb-editor-frame{max-width:var(--editor-max-width);width:100%}.byb-editor-frame{background:var(--surface-raised);border:1px solid var(--primary-muted);border-radius:var(--radius-lg);margin:0 auto;padding:var(--space-12)}.byb-editor-content{font-family:var(--font-editor-body);font-size:18px;line-height:var(--leading-editor);color:var(--primary);outline:none}.byb-editor-content h1{font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:var(--leading-heading);margin:var(--space-8) 0 var(--space-4)}.byb-editor-content h2{font-size:24px;margin:var(--space-6) 0 var(--space-3)}.byb-editor-content h2,.byb-editor-content h3{font-family:var(--font-heading);font-weight:600;line-height:var(--leading-heading)}.byb-editor-content h3{font-size:20px;margin:var(--space-5) 0 var(--space-3)}.byb-editor-content h4{font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:var(--leading-heading);margin:var(--space-5) 0 var(--space-2)}.byb-editor-content p{margin-bottom:var(--space-4)}.byb-editor-content blockquote{border-left:3px solid var(--accent);padding-left:var(--space-5);margin:var(--space-5) 0;color:var(--primary-light);font-style:italic}.byb-editor-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-5) 0}.byb-editor-content .is-empty:before{content:attr(data-placeholder);color:var(--primary-muted);pointer-events:none;float:left;height:0}.byb-editor-status-bar{max-width:var(--editor-max-width);margin:var(--space-2) auto 0;width:100%;font-size:var(--text-caption);color:var(--primary-muted)}.status-saved:before{color:var(--success)}.status-saved:before,.status-saving:before{content:"\25CF";margin-right:var(--space-1)}.status-saving:before{color:var(--warning);animation:pulse 1s infinite}.status-error:before{content:"\25CF";color:var(--error);margin-right:var(--space-1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.byb-toolbar{display:flex;gap:var(--space-3);max-width:var(--editor-max-width);margin:0 auto var(--space-3);width:100%;padding:var(--space-2) 0;border-bottom:1px solid var(--primary-muted)}.byb-toolbar-group{display:flex;gap:var(--space-1)}.byb-toolbar-group+.byb-toolbar-group{padding-left:var(--space-3);border-left:1px solid var(--primary-muted)}.byb-toolbar-btn{background:transparent;color:var(--primary-light);border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-body-small);font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.byb-toolbar-btn:hover{background:var(--surface-sunken);color:var(--primary)}.byb-toolbar-btn.is-active{background:var(--accent-subtle);color:var(--accent)}.byb-connection-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--warning);color:var(--primary);text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-body);font-weight:500;font-family:var(--font-body)}.byb-connection-banner-icon{margin-right:var(--space-2);animation:pulse 2s infinite}.byb-version-panel{position:relative}.byb-version-dropdown{position:absolute;top:100%;right:0;width:320px;background:var(--surface-raised);border:1px solid var(--primary-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:100}.byb-version-save{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--primary-muted)}.byb-version-input{flex:1 1;background:var(--surface-sunken);border:1px solid var(--primary-muted);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-body-small);color:var(--primary)}.byb-version-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-subtle)}.byb-btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-body-small);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.byb-btn-primary:hover{background:var(--accent-light)}.byb-version-list{max-height:300px;overflow-y:auto}.byb-version-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--primary-muted)}.byb-version-item:last-child{border-bottom:none}.byb-version-date{display:block;font-size:var(--text-caption);color:var(--primary-muted);margin-top:var(--space-1)}.byb-version-empty{color:var(--primary-muted);font-size:var(--text-body-small);text-align:center;padding:var(--space-4) 0}.collaboration-cursor__caret{border-left:2px solid;border-color:inherit;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:var(--radius-sm);font-size:var(--text-caption);padding:1px 6px;position:absolute;top:-1.4em;left:-1px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.byb-arlo-trigger,.collaboration-cursor__label{color:#fff;font-family:var(--font-body);font-weight:600}.byb-arlo-trigger{background:var(--accent);border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-body-small);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast)}.byb-arlo-trigger:hover{background:var(--accent-light)}.byb-arlo-sidebar{width:320px;min-width:320px;background:var(--surface-raised);border-left:1px solid var(--primary-muted);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.byb-arlo-sidebar-header{display:flex;align-items:center;gap:var(--space-2)}.byb-arlo-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-subtle);border:2px solid var(--arlo-accent)}.byb-arlo-name{font-family:var(--font-body);font-size:var(--text-label);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--arlo-accent);flex:1 1}.byb-arlo-selection{background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-3)}.byb-arlo-selection-label{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-muted);display:block;margin-bottom:var(--space-2)}.byb-arlo-selection-text{font-family:var(--font-editor-body);font-size:var(--text-body-small);line-height:1.6;color:var(--primary-light);border-left:2px solid var(--accent);padding-left:var(--space-3);margin:0}.byb-arlo-actions{display:flex;gap:var(--space-2)}.byb-arlo-response-area{flex:1 1;background:var(--arlo-bubble);border-radius:var(--radius-md);padding:var(--space-4)}.byb-arlo-placeholder{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--primary-muted);font-style:italic}