:root{--apple-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--apple-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--serif: "New York", "Songti SC", "Source Han Serif SC", STSong, Georgia, serif;--accent: #89001D;--accent-soft: rgba(137, 0, 29, .08);--accent-hover: #700018;--bg-app: #f5f5f7;--bg-surface: #ffffff;--bg-sidebar: #fbfbfd;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .07);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #a1a1a6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--apple-font);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ywc-app-shell{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--bg-app)}.apple-unified-toolbar{flex:none;height:52px;background:#fbfbfd;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;-webkit-user-select:none;user-select:none;z-index:50;position:relative}.tb-section-left{display:flex;align-items:center;gap:10px;min-width:0}.brand-group{display:flex;align-items:center;gap:8px}.brand-mark-pill{width:22px;height:22px;border-radius:5px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.brand-title{font-weight:700;font-size:14.5px;color:var(--text-primary);letter-spacing:-.2px}.active-doc-capsule{display:flex;flex-direction:column;margin-left:6px;border-left:1px solid var(--border);padding-left:12px}.doc-name-text{font-size:13.5px;font-weight:600;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-sync-badge{font-size:11px;color:var(--text-secondary)}.tb-section-center{position:absolute;left:50%;transform:translate(-50%)}.apple-segmented-pill{display:flex;align-items:center;background:#0000000d;border-radius:8px;padding:2.5px;gap:2px}.seg-pill-btn{border:none;background:transparent;padding:4.5px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);font-family:inherit}.seg-pill-btn:hover{color:var(--text-primary)}.seg-pill-btn.active{background:#fff;color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #00000017,0 .5px 1px #0000000a}.tb-section-right{display:flex;align-items:center;gap:8px;position:relative}.tb-btn{border:none;border-radius:var(--radius-md);height:30px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.tb-btn.icon-only{width:30px;padding:0;justify-content:center}.tb-btn.subtle{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.tb-btn.subtle:hover,.tb-btn.subtle.active{background:#f0f0f4;border-color:var(--border-strong)}.tb-btn.primary{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 3px #89001d4d}.tb-btn.primary:hover{background:var(--accent-hover);box-shadow:0 2px 6px #89001d66}.menu-wrap{position:relative}.apple-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:6px;box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column}.apple-dropdown-menu.preset-dropdown{min-width:280px}.dropdown-section-title{font-size:11px;font-weight:600;color:var(--text-secondary);padding:4px 8px 6px;text-transform:uppercase;letter-spacing:.2px}.preset-menu-item{border:none;background:transparent;padding:8px 10px;border-radius:6px;display:flex;flex-direction:column;gap:2px;cursor:pointer;text-align:left;transition:background .12s ease}.preset-menu-item:hover{background:#0000000d}.preset-item-head{display:flex;align-items:center;justify-content:space-between}.preset-name{font-size:13px;font-weight:600;color:var(--text-primary)}.preset-badge{font-size:10.5px;color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:4px;font-weight:500}.preset-desc{font-size:11.5px;color:var(--text-secondary)}.apple-dropdown-menu button{border:none;background:transparent;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;transition:background .12s ease;font-family:inherit}.apple-dropdown-menu button:hover{background:#0000000d}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.apple-toast-pill{position:absolute;top:calc(100% + 10px);right:0;background:#332f29;color:#fff;padding:7px 14px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);z-index:200}.ywc-workspace{flex:1;min-height:0;display:flex;background:var(--bg-app);position:relative}.apple-sidebar-pane{width:230px;flex:none;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.sidebar-search-container{padding:12px 12px 8px}.apple-search-box{display:flex;align-items:center;background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:7px;padding:4px 8px;gap:6px}.apple-search-box:focus-within{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.apple-search-box .search-icon{color:var(--text-secondary)}.apple-search-box input{border:none;background:transparent;width:100%;font-size:12.5px;color:var(--text-primary);outline:none;font-family:inherit}.apple-search-box .search-badge{font-size:10px;color:var(--text-tertiary);background:#0000000d;border-radius:4px;padding:1px 4px;font-weight:600}.sidebar-body-scroll{flex:1;overflow-y:auto;padding:4px 8px}.sidebar-group{margin-bottom:16px}.group-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 6px}.group-title{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.icon-action-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.icon-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-pill-item{width:100%;border:none;background:transparent;border-radius:var(--radius-sm);padding:6px 8px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .12s ease;font-family:inherit}.sidebar-pill-item:hover{background:var(--bg-hover)}.sidebar-pill-item.active{background:#00000012;font-weight:600}.sidebar-pill-item .item-icon{color:var(--text-secondary)}.sidebar-pill-item.active .item-icon{color:var(--accent)}.sidebar-pill-item .item-label{flex:1;text-align:left}.sidebar-pill-item .item-count{font-size:11.5px;color:var(--text-secondary)}.sidebar-pill-item .item-count-sub{font-size:11px;color:var(--text-tertiary)}.sidebar-draft-list{display:flex;flex-direction:column;gap:2px}.sidebar-row{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-sm);padding:4px 6px 4px 8px;transition:background .12s ease}.sidebar-row:hover{background:var(--bg-hover)}.sidebar-row.active{background:var(--accent-soft);font-weight:600}.sidebar-row.active .row-icon{color:var(--accent)}.row-main-btn{flex:1;border:none;background:transparent;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-primary);cursor:pointer;text-align:left;min-width:0;padding:0;font-family:inherit}.row-icon{flex:none;color:var(--text-secondary)}.row-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{font-size:11px;color:var(--text-tertiary);margin-right:4px}.row-hover-actions{display:none;align-items:center;gap:2px}.sidebar-row:hover .row-hover-actions{display:flex}.row-del-btn{border:none;background:transparent;padding:3px;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.row-del-btn:hover{background:#00000014;color:var(--text-primary)}.rename-input-field{width:100%;border:1px solid var(--accent);background:#fff;border-radius:4px;font-size:12.5px;padding:2px 6px;outline:none;font-family:inherit}.sidebar-empty{font-size:12px;color:var(--text-tertiary);padding:8px;text-align:center}.sidebar-footer{flex:none;height:38px;border-top:1px solid var(--border);padding:0 12px;display:flex;align-items:center;background:var(--bg-sidebar)}.footer-status-text{font-size:11px;color:var(--text-tertiary)}.apple-theme-drawer{position:absolute;top:0;left:0;bottom:0;width:270px;background:#fff;border-right:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:40;display:flex;flex-direction:column}.drawer-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-title-group{display:flex;flex-direction:column}.drawer-title{font-size:14px;font-weight:700;color:var(--text-primary)}.drawer-sub{font-size:11px;color:var(--text-secondary)}.drawer-close-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}.drawer-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-content{flex:1;overflow-y:auto;padding:14px 16px}.drawer-section{margin-bottom:18px}.section-label{display:block;font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.density-segmented{display:flex;background:#0000000d;border-radius:6px;padding:2px;gap:2px}.density-pill{flex:1;border:none;background:transparent;padding:5px;border-radius:4px;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit}.density-pill.active{background:#fff;color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #00000014}.theme-archetype-list{display:flex;flex-direction:column;gap:8px}.theme-archetype-card{width:100%;border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.theme-archetype-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}.theme-archetype-card.active{border-color:var(--accent);background:#89001d0a}.theme-card-left{display:flex;align-items:center;gap:10px}.theme-swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;flex:none}.theme-dot{width:10px;height:10px;border-radius:50%}.theme-text{display:flex;flex-direction:column;gap:1px}.theme-name{font-size:13px;font-weight:600;color:var(--text-primary)}.theme-desc{font-size:11px;color:var(--text-secondary)}.theme-check{color:var(--accent)}.ywc-split-view{flex:1;display:flex;min-width:0;position:relative}.mode-preview .editor-side,.mode-preview .ywc-split-divider{display:none!important}.ywc-split-divider{width:6px;background:transparent;cursor:col-resize;position:relative;z-index:20;margin:0 -3px}.ywc-split-divider:after{content:"";position:absolute;top:0;bottom:0;left:2.5px;width:1px;background:var(--border);transition:background .15s ease}.ywc-split-divider:hover:after{background:var(--accent);width:2px}.editor-side{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border);min-width:240px;height:100%}.editor-format-bar{flex:none;height:38px;background:#fff;border-bottom:1px solid var(--border);padding:0 14px;display:flex;align-items:center;gap:3px}.format-btn{border:none;background:transparent;border-radius:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .12s ease}.format-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.format-sep{width:1px;height:14px;background:var(--border);margin:0 3px}.format-dropdown-wrap{position:relative}.heading-dropdown{left:0;right:auto}.code-edit{flex:1;min-height:0;position:relative}.code-edit .cm-editor{height:100%}.editor-bottom-bar{flex:none;height:26px;background:#fff;border-top:1px solid var(--border);padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.bar-left,.bar-right{display:flex;align-items:center;gap:6px}.dot{color:var(--text-tertiary)}.preview-side{flex:1;min-width:320px;display:flex;flex-direction:column;background:var(--bg-app);height:100%}.preview-top-banner{background:#fff8e6;border-bottom:1px solid #faecc8;padding:6px 16px;font-size:12px;color:#8c6b1f;text-align:center}.preview-canvas-scroll{flex:1;min-height:0;overflow-y:auto;padding:24px 28px 48px;display:flex;justify-content:center;align-items:flex-start}.preview-document-paper{width:100%;max-width:680px;min-height:calc(100% - 10px);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000d,0 1px 3px #00000008;background:var(--art-bg, #ffffff);color:var(--art-ink, #2b2b28);display:flex;flex-direction:column;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.doc-paper-header{padding:36px 42px 0}.doc-paper-header .head-title{font-family:var(--art-heading-font, var(--serif));font-weight:700;font-size:26px;line-height:1.35;color:var(--art-heading, #1f1f1c);margin:0}.doc-meta-row{display:flex;align-items:center;gap:8px;margin-top:14px;padding-bottom:16px;border-bottom:1px solid var(--art-hr, #e5e3dc)}.author-name{font-size:13px;font-weight:600;color:var(--art-ink, #2b2b28)}.publish-date{font-size:13px;color:var(--art-foot-text, #8a867e)}.publish-date:before{content:"·";margin-right:8px;color:var(--art-foot-text, #8a867e)}.check-body{flex:1;padding:16px 42px 20px}.doc-paper-footer{padding:18px 42px 28px;border-top:1px solid var(--art-hr, #e5e3dc)}.footer-actions{display:flex;justify-content:space-between;gap:12px}.footer-action-btn{border:none;background:transparent;padding:6px 14px;border-radius:8px;font-size:13px;color:var(--art-foot-text, #8a867e);cursor:pointer;transition:color .15s ease,background .15s ease}.footer-action-btn:hover{color:var(--art-accent, #89001D);background:#89001d14}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00000038}