:root{--bg-dark: #1e1e1e;--bg-header: #363636;--bg-sidebar: #262626;--text-normal: #dcddde;--text-muted: #8e9297;--border-color: #333;--accent: #7b6cd9;--sidebar-width: 250px;--toggle-width: 45px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-normal);height:100vh;overflow:hidden}#root{height:100%;width:100%}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw}.app-body{flex:1;display:flex;overflow:hidden;position:relative}.top-bar{height:40px;background-color:var(--bg-header);border-bottom:1px solid var(--border-color);display:flex;align-items:center;flex-shrink:0}.top-bar-left{width:var(--toggle-width);height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-right:1px solid transparent;z-index:20}.sidebar-toggle{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background-color:#363636;color:var(--text-normal)}.tab-spacer{transition:width .3s cubic-bezier(.4,0,.2,1);height:100%;flex-shrink:0;border-bottom:1px solid var(--border-color)}.tab-bar{display:flex;align-items:flex-end;height:100%;flex:1;overflow:hidden}.tab{background-color:var(--bg-dark);padding:8px 15px;border-radius:5px 5px 0 0;font-size:.9rem;border:1px solid var(--border-color);border-bottom:none;display:flex;align-items:center;gap:8px;height:calc(100% - 10px);margin-top:6px;white-space:nowrap;position:relative;z-index:10}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-shrink:0;height:100%;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{width:var(--sidebar-width);border-right:1px solid var(--border-color)}.sidebar.closed{width:0px;border-right:none}.sidebar-inner{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;padding:10px}.sidebar-tools{display:flex;gap:4px;padding-bottom:10px;justify-content:center;align-items:center}.sidebar-tool-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background-color .1s}.sidebar-tool-btn svg{width:18px;height:18px;display:block}.sidebar-tool-btn:hover{background-color:#363636;color:var(--text-normal)}.file-tree{display:flex;flex-direction:column;gap:1px}.folder-item{display:flex;align-items:center;padding:4px 10px;border-radius:4px;cursor:pointer;color:var(--text-normal);font-size:.9rem;-webkit-user-select:none;user-select:none;gap:4px}.folder-item:hover{background-color:#2f2f2f}.folder-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease}.folder-arrow svg{width:20px;height:20px;stroke:var(--text-muted);stroke-width:2;fill:none}.folder-arrow.expanded{transform:rotate(90deg)}.folder-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-children{display:flex;flex-direction:column;padding-left:20px;overflow:hidden;transition:max-height .2s ease}.folder-children.collapsed{display:none}.file-item{display:flex;align-items:center;padding:4px 10px;border-radius:4px;cursor:pointer;color:var(--text-muted);font-size:.9rem;-webkit-user-select:none;user-select:none;gap:4px}.file-item:hover{background-color:#2f2f2f;color:var(--text-normal)}.file-item.active{background-color:#363636;color:var(--text-normal);font-weight:500}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--bg-dark);min-height:0}.content-area{flex:1;width:100%;height:100%;position:relative;display:flex;flex-direction:column}.title-wrapper{max-width:800px;width:100%;margin:0 auto;padding:2rem 4rem 0;flex-shrink:0}.title-input{background:transparent;border:none;color:var(--text-normal);font-size:2.25em;font-weight:700;width:100%;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:.5rem}.title-input::placeholder{color:var(--text-muted);opacity:.5}.title-input::selection{background-color:#444159b3!important}.title-input::-moz-selection{background-color:#444159b3!important}.cm-theme{height:100%;width:100%;flex:1;overflow:hidden}.cm-scroller{overflow-y:auto!important;font-family:Consolas,monospace;display:block;justify-content:center;padding:0 20px}.cm-content{padding-top:10px!important;max-width:800px;width:100%;margin:0 auto;padding:2rem 4rem!important;min-height:100%;flex:0 0 auto}.cm-md-hidden{display:none!important}.cm-bullet-point{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;vertical-align:middle;transform:translateY(-1px)}.cm-bullet-point:after{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--text-muted)}.cm-blockquote-line{border-left:3px solid var(--accent)!important;padding-left:14px!important;background:transparent}.cm-hr-widget{display:block;width:100%;padding:0;cursor:default}.cm-hr-widget hr{border:none;border-top:2px solid var(--border-color);margin:0;width:100%}*{scrollbar-width:thin;scrollbar-color:#424242 transparent}::-webkit-scrollbar{width:12px;height:12px;background-color:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#424242;border-radius:12px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#5f5f5f}::-webkit-scrollbar-corner{background:transparent}.pdf-preview-area{flex:1;display:flex;flex-direction:column;background-color:#525659;height:100%;width:100%;overflow:hidden}.pdf-object{width:100%;height:100%;border:none;display:block}.pdf-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-normal);gap:1rem}.top-bar-right{margin-left:auto;padding-right:1rem}.action-btn-mail{display:flex;align-items:center;gap:6px;background:none;border:1px solid #7b6cd9;color:#7b6cd9;border-radius:4px;padding:4px 8px;cursor:pointer}.tab-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-image-widget{display:block;max-width:100%;height:auto;border-radius:4px;margin:10px 0;cursor:default;max-height:500px;object-fit:contain}.image-preview-area{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--bg-dark);height:100%;width:100%;padding:2rem;overflow:hidden;min-height:0}.image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 4px 20px #00000080;border-radius:4px}.file-icon{color:var(--text-muted);display:flex;align-items:center;justify-content:center}.file-item:hover .file-icon,.file-item.active .file-icon{color:var(--text-normal)}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{position:absolute;top:0;left:0;height:100%;z-index:50;box-shadow:5px 0 15px #00000080;background-color:var(--bg-sidebar)}.sidebar-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.tab-spacer{display:none!important}.title-wrapper{padding:1.5rem 1rem 0}.cm-content{padding:1rem!important}.title-input{font-size:1.75em}.tab-bar{padding-left:10px}.tab-text{max-width:100px}.btn-label{display:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.shawez-cursor-widget{display:inline-block;position:relative;width:0;height:1.2em;vertical-align:text-bottom}.shawez-cursor-line{position:absolute;top:0;bottom:0;left:-1px;width:2px;background-color:#f05;z-index:100;pointer-events:none;animation:blink 1s step-end infinite}.shawez-cursor-label{position:absolute;bottom:100%;left:0;background-color:#f05;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px 4px 4px 0;white-space:nowrap;font-weight:700;pointer-events:none;z-index:101;transform:translateY(-2px)}