:root{--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", Consolas, Monaco, monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}[data-theme=dark]{--bg-app:#0d0f17;--bg-primary:#131722;--bg-secondary:#1a1f2c;--bg-tertiary:#242b3d;--bg-hover:#2e364c;--bg-active:#3b4560;--text-primary:#f0f4fc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#ffffff14;--border-color-hover:#ffffff2e;--border-accent:#6366f180;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-glow:#6366f140;--glass-bg:#131722bf;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--editor-bg:#11141f;--editor-line:#1e2433;--code-bg:#181d2a;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006}[data-theme=light]{--bg-app:#f8fafc;--bg-primary:#fff;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-hover:#cbd5e1;--bg-active:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#00000014;--border-color-hover:#0000002e;--border-accent:#6366f180;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-glow:#4f46e533;--glass-bg:#fffc;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f268712;--editor-bg:#fff;--editor-line:#f1f5f9;--code-bg:#f8fafc;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}.app-container{background-color:var(--bg-app);width:100vw;height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.app-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:20;justify-content:space-between;align-items:center;height:60px;padding:.75rem 1.25rem;display:flex}.brand-section{-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;display:flex}.brand-logo{border-radius:var(--radius-md);background:var(--bg-secondary);width:34px;height:34px;color:var(--accent-primary);border:1px solid var(--border-color);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.brand-logo:hover{background:var(--bg-hover);border-color:var(--border-accent)}.brand-title{align-items:baseline;line-height:1;display:flex}.brand-mark{letter-spacing:-.03em;color:var(--text-primary);font-size:1.2rem;font-weight:800}.brand-craft{letter-spacing:-.01em;color:var(--accent-primary);margin-left:1px;font-size:1.2rem;font-weight:500}.header-actions{align-items:center;gap:.5rem;display:flex}.btn{font-size:.85rem;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.4rem;padding:.45rem .85rem;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-glow);border-color:#0000}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{color:#fff;background:#ef4444}.btn-icon{border-radius:var(--radius-md);padding:.45rem}.main-workspace{flex:1;display:flex;position:relative;overflow:hidden}.pane{flex-direction:column;height:100%;display:flex;overflow:hidden}.pane-left{background:var(--bg-primary)}.pane-right{background:var(--bg-secondary)}.resizer-handle{background:var(--bg-app);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:col-resize;z-index:10;width:8px;height:100%;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.resizer-handle:hover,.resizer-handle.dragging{background:var(--accent-primary)}.resizer-handle:after{content:"";background:var(--text-muted);border-radius:2px;width:2px;height:24px}.resizer-handle:hover:after,.resizer-handle.dragging:after{background:#fff}.pane-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:44px;padding:.5rem 1rem;display:flex}.pane-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.pane-title svg{color:var(--accent-primary)}.editor-toolbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem .75rem;display:flex}.toolbar-group{align-items:center;gap:.15rem;display:flex}.toolbar-divider{background:var(--border-color);width:1px;height:20px;margin:0 .35rem}.tb-btn{border-radius:var(--radius-sm);height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:.2rem;padding:0 .4rem;font-size:.75rem;display:flex}.tb-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tb-btn.is-active{color:var(--accent-primary);background:#6366f126;font-weight:700}.color-popover{z-index:50;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;min-width:180px;padding:.75rem;display:flex;position:absolute;top:40px;left:0}.link-popover{z-index:50;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:.75rem;width:280px;padding:.85rem;display:flex;position:absolute;top:40px;right:0}.popover-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:flex}.link-form{flex-direction:column;gap:.65rem;display:flex}.table-grid-inputs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.form-field{flex-direction:column;gap:.25rem;display:flex}.form-field label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-field input{font-size:.85rem;font-family:var(--font-sans);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:.45rem .65rem}.form-field input:focus{border-color:var(--accent-primary)}.form-checkbox{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer}.link-form-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.color-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.color-swatch{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;width:26px;height:26px;transition:transform var(--transition-fast)}.color-swatch:hover{transform:scale(1.18)}.color-custom{color:var(--text-secondary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.5rem;font-size:.75rem;display:flex}.color-custom input[type=color]{cursor:pointer;background:0 0;border:none;width:28px;height:28px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:85vh;box-shadow:var(--shadow-lg);background:var(--bg-primary);border:1px solid var(--border-color);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title{align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.modal-body{padding:1.25rem;overflow-y:auto}.license-list{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.license-item{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.75rem}.license-item-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.license-lib-name{color:var(--accent-primary);font-size:.9rem;font-weight:600;text-decoration:none}.license-lib-name:hover{text-decoration:underline}.license-badge{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:10px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.license-copyright{color:var(--text-muted);font-size:.75rem}.license-text-box{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);padding:.85rem;font-size:.75rem}.license-text-box h4{color:var(--text-primary);margin-bottom:.35rem;font-size:.8rem;font-weight:700}.editor-content-wrapper{background:var(--editor-bg);flex:1;padding:2rem;overflow-y:auto}.ProseMirror{min-height:100%;color:var(--text-primary);outline:none;font-size:1.05rem;line-height:1.7}.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.ProseMirror h1{border-bottom:1px solid var(--border-color);margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.4rem;font-size:2.2rem;font-weight:800;line-height:1.25}.ProseMirror h2{margin-top:1.25rem;margin-bottom:.6rem;font-size:1.65rem;font-weight:700;line-height:1.3}.ProseMirror h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.ProseMirror p{margin-bottom:1rem}.ProseMirror strong{color:inherit;font-weight:700}.ProseMirror em{color:inherit;font-style:italic}.ProseMirror mark{color:inherit;background-color:#ff0;border-radius:4px;padding:.15rem .35rem;font-weight:500}.ProseMirror ul,.ProseMirror ol{margin-bottom:1rem;padding-left:1.5rem}.ProseMirror li{margin-bottom:.35rem}.ProseMirror blockquote{border-left:4px solid var(--accent-primary);color:var(--text-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#6366f10d;margin:1rem 0;padding:.75rem 1rem;font-style:italic}.ProseMirror code{font-family:var(--font-mono);background:var(--code-bg);color:#ec4899;border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:.2rem .4rem;font-size:.9em}.ProseMirror pre{background:var(--code-bg);color:var(--text-primary);font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--border-color);margin:1rem 0;padding:1rem;overflow-x:auto}.ProseMirror pre code{color:inherit;background:0 0;border:none;padding:0;font-size:.95rem}.ProseMirror table{border-collapse:collapse;table-layout:fixed;border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;margin:1rem 0;overflow:hidden}.ProseMirror td,.ProseMirror th{border:1px solid var(--border-color);vertical-align:top;box-sizing:border-box;min-width:1em;padding:.6rem .8rem;position:relative}.ProseMirror th{text-align:left;background-color:var(--bg-secondary);font-weight:700}.ProseMirror a{color:var(--accent-primary);text-underline-offset:3px;cursor:pointer;text-decoration:underline}.ProseMirror img{border-radius:var(--radius-md);max-width:100%;height:auto;box-shadow:var(--shadow-md);margin:1rem 0}.ProseMirror hr{border:none;border-top:2px solid var(--border-color);margin:2rem 0}.monaco-wrapper{flex:1;position:relative;overflow:hidden}.status-bar{background:var(--bg-primary);border-top:1px solid var(--border-color);height:32px;color:var(--text-muted);z-index:20;justify-content:space-between;align-items:center;padding:.4rem 1.25rem;font-size:.75rem;display:flex}.status-left,.status-right{align-items:center;gap:1rem;display:flex}.status-item{align-items:center;gap:.35rem;display:flex}.sync-indicator{background-color:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #22c55e80}.sync-indicator.syncing{background-color:#eab308;animation:1s infinite pulse;box-shadow:0 0 8px #eab30880}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.drag-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;color:#fff;pointer-events:none;background:#6366f1e6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.25rem;font-weight:600;display:flex;position:absolute;inset:0}