:root{--background-color-light: #FAFCFE;--toolbar-background-light: #F8F8F8;--secondary-text-light: #6B6B6B;--secondary-buttons-light: #A1A1A1;--secondary-shapes-light: #EAEAEA;--primary-text-light: #070707;--background-color-dark: #1E1E1E;--toolbar-background-dark: #2A2A2A;--secondary-text-dark: #6B6B6B;--secondary-buttons-dark: #A1A1A1;--secondary-shapes-dark: #3A3A3A;--primary-text-dark: #CCCCCC;--accent-color: #FF4D3A;--font-primary: "Space Mono", monospace;--font-editor: "Space Mono", monospace}html{background-color:var(--background-color-light);color:var(--primary-text-light)}body{background-color:var(--background-color-light);color:var(--primary-text-light);font-family:var(--font-primary);margin:0;display:flex;justify-content:center;height:100vh;padding:16px;box-sizing:border-box;transition:background-color .3s ease,color .3s ease}html[data-theme=dark] body,html[data-theme=dark] .editor-textarea{background-color:var(--background-color-dark);color:var(--primary-text-dark)}html[data-theme=dark] .top-bar{background-color:var(--toolbar-background-dark);border-color:var(--secondary-shapes-dark)}html[data-theme=dark] .toolbar svg{color:var(--secondary-text-dark)}html[data-theme=dark] .toolbar button:hover svg{color:var(--primary-text-dark)}html[data-theme=dark] .file-name-input{background-color:var(--toolbar-background-dark);color:var(--primary-text-dark)}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.app-container{width:80%;max-width:1300px;height:100%;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:56px;background-color:var(--toolbar-background-light);border:none;border-radius:8px;flex-shrink:0;margin-bottom:16px}.top-bar-left,.top-bar-right{flex:1;font-family:var(--font-editor);font-size:14px;color:var(--secondary-text-light)}.top-bar-right{text-align:right}.top-bar-center{flex:3;display:flex;justify-content:center}.file-name-input{background-color:transparent;border:none;outline:none;font-family:var(--font-editor);font-size:14px;color:var(--primary-text-light);padding:4px 8px;border-radius:4px;width:100%;max-width:200px;transition:background-color .2s ease-in-out}.file-name-input:hover,.file-name-input:focus{background-color:#0000000d}.toolbar{display:flex;align-items:center}.toolbar>div{display:flex;align-items:center}.toolbar button{background:none;border:none;padding:8px;margin:0 2px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;line-height:1}.toolbar button:hover{background-color:#0000000d}html[data-theme=dark] .toolbar button:hover{background-color:#ffffff0d}.toolbar svg{width:22px;height:22px;color:var(--secondary-text-light);transition:color .2s ease-in-out}.toolbar button:hover svg{color:var(--primary-text-light)}.separator{width:1px;height:20px;background-color:var(--secondary-shapes-light);margin:0 12px;transition:opacity .3s ease}html[data-theme=dark] .separator{background-color:var(--secondary-shapes-dark)}#sync-status{display:flex;align-items:center;gap:4px}.status-icon{width:20px;height:20px;color:var(--secondary-text-light)}html[data-theme=dark] .status-icon{color:var(--secondary-text-dark)}#theme-toggle .dark-icon,#minimize-toggle .minimize-icon{display:none}#theme-toggle .light-icon,#minimize-toggle .maximize-icon,html[data-theme=dark] #theme-toggle .dark-icon{display:block}html[data-theme=dark] #theme-toggle .light-icon{display:none}.toolbar.minimized #minimize-toggle .minimize-icon{display:block}.toolbar.minimized #minimize-toggle .maximize-icon,.toolbar.minimized .app-settings,.toolbar.minimized .other-links,.toolbar.minimized .separator{display:none}.editor-container{flex-grow:1;padding:0 16px 16px;display:flex;justify-content:center}.editor-textarea{width:90%;height:100%;border:none;outline:none;background-color:transparent;color:var(--primary-text-light);font-family:var(--font-editor);font-size:16px;line-height:1.6;resize:none;padding:0;caret-color:var(--accent-color)}.editor-textarea::placeholder{color:var(--secondary-text-light)}html[data-theme=dark] .editor-textarea::placeholder{color:var(--secondary-text-dark)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;justify-content:center;align-items:center;z-index:1000}.modal-overlay.visible{display:flex}.modal-content{background-color:var(--toolbar-background-light);color:var(--primary-text-light);padding:24px 32px;border-radius:8px;max-width:400px;text-align:center;font-size:16px;line-height:1.6;box-shadow:0 10px 25px #0000001a}html[data-theme=dark] .modal-content{background-color:var(--toolbar-background-dark);color:var(--primary-text-dark)}.modal-content p{margin:0 0 24px}.modal-button{background-color:var(--secondary-shapes-light);color:var(--primary-text-light);border:none;padding:8px 24px;border-radius:6px;cursor:pointer;font-family:var(--font-primary);font-size:14px}.modal-button:hover{background-color:var(--secondary-buttons-light)}html[data-theme=dark] .modal-button{background-color:var(--secondary-shapes-dark);color:var(--primary-text-dark)}html[data-theme=dark] .modal-button:hover{background-color:var(--secondary-text-dark)}