.app{max-width:1500px;margin:0 auto;padding:0 1rem 1rem;height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 0;border-bottom:1px solid var(--border);background:var(--bg)}.app-header h1{font-size:1.1rem;margin:0}.file-name{margin-left:auto;font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.dirty-dot{display:inline-block;width:8px;height:8px;margin-left:.4rem;border-radius:50%;background:var(--accent);vertical-align:middle}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:.75rem}.toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.mode-tabs{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.tab{display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--bg);color:var(--muted);padding:.4rem .8rem;cursor:pointer;transition:background .15s ease,color .15s ease}.tab.active{background:var(--accent);color:var(--accent-fg)}.format-toolbar{display:inline-flex;align-items:center;gap:.15rem;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:var(--fg);cursor:pointer;transition:background .15s ease}.icon-button:hover:not(:disabled){background:#7f7f7f26}.icon-button:disabled{opacity:.35;cursor:not-allowed}.toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 .35rem}.heading-select{border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.85rem;padding:.25rem .3rem;cursor:pointer}.heading-select:disabled{opacity:.35;cursor:not-allowed}.save-area{display:flex;align-items:center;gap:.6rem;margin-left:auto}.save-button{background:var(--accent);color:var(--accent-fg);border:none;border-radius:6px;padding:.4rem 1.25rem;font-size:.9rem;cursor:pointer}.save-button:disabled{opacity:.5;cursor:not-allowed}.save-status{font-size:.8rem;color:var(--muted)}.save-status-dirty{color:var(--accent)}.save-status-error{color:var(--error-fg)}.link-button{border:none;background:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0 0 0 .35rem}.workspace{flex:1;min-height:0;display:grid;gap:0;transition:grid-template-columns .3s ease,gap .3s ease}.workspace.mode-edit{grid-template-columns:1fr 0fr}.workspace.mode-split{grid-template-columns:1fr 1fr;gap:1rem}.workspace.mode-preview{grid-template-columns:0fr 1fr}.pane{min-width:0;overflow:hidden;transition:opacity .25s ease}.mode-edit .pane-preview,.mode-preview .pane-editor{opacity:0;pointer-events:none}.pane-editor .editor-container,.pane-editor .cm-editor{height:100%}.pane-preview{overflow-y:auto;border:1px solid var(--border);border-radius:6px;padding:0 1.25rem}.pane-preview .markdown-body{max-width:52rem;margin:0 auto}@media (max-width: 900px){.workspace.mode-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.editor-container .cm-editor{border:1px solid var(--border);border-radius:6px;font-size:.95rem}.editor-container .cm-editor.cm-focused{outline:2px solid var(--accent);outline-offset:-1px}.notice{text-align:center;padding:3rem 1rem;color:var(--fg)}.notice h2{font-size:1.05rem}.notice p{color:var(--muted);max-width:42rem;margin:.5rem auto}.notice-error h2{color:var(--error-fg)}.loading{color:var(--muted)}.inline-error{color:var(--error-fg)}.login-button{margin-top:1rem;background:var(--accent);color:var(--accent-fg);border:none;border-radius:6px;padding:.55rem 1.25rem;font-size:.95rem;cursor:pointer}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-fallback{border:1px solid var(--error-border);background:var(--error-bg);border-radius:8px;padding:1.25rem 1.5rem}.error-fallback h2{margin-top:0;color:var(--error-fg);font-size:1.05rem}.error-actions{display:flex;gap:.5rem;margin-top:1rem}.error-actions button{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;padding:.4rem 1rem;cursor:pointer}.markdown-body{font-size:1rem}.markdown-body h1,.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.3rem}.markdown-body pre{background:#7f7f7f1f;padding:1rem;border-radius:6px;overflow-x:auto}.markdown-body code{background:#7f7f7f26;padding:.15em .35em;border-radius:4px;font-size:.9em}.markdown-body pre code{background:none;padding:0}.markdown-body table{border-collapse:collapse;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:.4rem .75rem}.markdown-body blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:1rem;color:var(--muted)}.markdown-body img{max-width:100%}:root{--bg: #ffffff;--fg: #1f2328;--muted: #656d76;--border: #d0d7de;--accent: #1a73e8;--accent-fg: #ffffff;--error-bg: #fff5f5;--error-border: #f5c2c7;--error-fg: #b42318;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--fg);background:var(--bg)}:root[data-theme=dark]{--bg: #0d1117;--fg: #e6edf3;--muted: #8b949e;--border: #30363d;--accent: #4493f8;--error-bg: #2d1618;--error-border: #5c2b2f;--error-fg: #ff7b72;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d1117;--fg: #e6edf3;--muted: #8b949e;--border: #30363d;--accent: #4493f8;--error-bg: #2d1618;--error-border: #5c2b2f;--error-fg: #ff7b72;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);transition:background .25s ease,color .25s ease}