:root{color:#2f2f2f;background:#f6f4ef;font-family:Inter,Helvetica Neue,Arial,Hiragino Sans,Yu Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}:root{--tomos-bg: #f6f4ef;--tomos-paper: #fcfbf8;--tomos-panel: #ffffff;--tomos-ink: #2f2f2f;--tomos-muted: #6b6b6b;--tomos-placeholder: #747470;--tomos-line: #d9d6cf;--tomos-line-soft: #e7e3dc;--tomos-accent: #a44a1d;--tomos-accent-button: #9a431c;--tomos-accent-hover: #853919;--tomos-accent-active: #713018;--tomos-button-hover: #f7f5f0;--tomos-button-active: #efece6;--tomos-info-bg: #f1f1ee;--tomos-info-text: #555555;--tomos-format-bg: #f6f1e8;--tomos-format-text: #6b4a2a;--tomos-warning-bg: #fbf4e8;--tomos-warning: #6f4b1d;--tomos-danger-bg: #f8ecea;--tomos-danger: #8a2e26;--tomos-success-bg: #eef3ee;--tomos-success: #425a47;--tomos-shadow: 0 1px 2px rgba(47, 47, 47, .04)}body{width:100%;min-width:320px;overflow-x:hidden;color:var(--tomos-ink);background:var(--tomos-bg)}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.tomos-editor{display:grid;gap:12px;width:min(1040px,100%);min-height:100vh;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))}.tomos-header,.editor-layout,.template-list,.global-actions{min-width:0;width:100%}.tomos-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.app-brand{display:flex;min-width:0;align-items:center;gap:12px}.app-mark{width:48px;height:48px;flex:0 0 auto;border-radius:8px;object-fit:cover;box-shadow:0 1px 2px #2f2f2f14}.app-brand h1,.details-panel h2{margin:0;letter-spacing:0}.app-brand h1{font-size:1.6rem;line-height:1.1}.app-brand p{margin:5px 0 0;color:var(--tomos-muted);line-height:1.45}.tomos-links,.insert-menu,.desktop-toolbar-buttons,.insert-buttons,.view-mode-buttons,.bottom-actions{min-width:0;display:flex;flex-wrap:wrap;gap:8px}.tomos-links{justify-content:flex-end}.tomos-links a,.icon-button,.command-button,.template-card,.file-picker-button,.insert-menu button,.insert-menu select,.tag-list button,.tag-suggestions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--tomos-line);border-radius:8px;background:var(--tomos-panel);color:var(--tomos-ink);cursor:pointer;text-decoration:none;white-space:nowrap}.tomos-links a,.icon-button,.command-button{padding:0 13px;font-weight:700}.command-button,.command-button-muted{background:var(--tomos-panel);color:var(--tomos-ink);border-color:var(--tomos-line)}.disabled-link{opacity:.45;pointer-events:none}.details-panel,.writing-panel,.global-actions{border:1px solid var(--tomos-line);border-radius:8px;background:var(--tomos-paper);box-shadow:var(--tomos-shadow)}.template-list{display:flex;flex-wrap:wrap;gap:8px}.template-card{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;color:var(--tomos-ink);background:var(--tomos-panel);border:1px solid var(--tomos-line);border-radius:8px;font-weight:700}.template-card:hover,.tomos-links a:hover,.icon-button:hover,.command-button:hover,.file-picker-button:hover,.insert-menu button:hover,.tag-list button:hover,.tag-suggestions button:hover{border-color:#cfcbc3;background:var(--tomos-button-hover)}.template-card:active,.tomos-links a:active,.icon-button:active,.command-button:active,.file-picker-button:active,.insert-menu button:active,.tag-list button:active,.tag-suggestions button:active{background:var(--tomos-button-active)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.details-panel{padding:0}.details-panel summary{display:grid;min-height:46px;align-items:center;padding:16px;color:var(--tomos-ink);cursor:pointer;font-weight:800}.details-panel summary::marker{color:var(--tomos-accent)}.details-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;padding:0 16px 16px}@media(min-width:860px){.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-editor,.date-fields,.path-preview{grid-column:1 / -1}}.writing-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:8px;align-content:stretch;min-width:0;min-height:64vh;padding:10px 12px 12px}.primary-title-field input{min-height:44px;font-size:1.05rem;font-weight:700}label{display:grid;gap:6px;color:var(--tomos-muted);font-size:.86rem;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--tomos-line);border-radius:8px;background:var(--tomos-panel);color:var(--tomos-ink);font-size:16px}input::placeholder,textarea::placeholder{color:var(--tomos-placeholder);opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--tomos-accent);box-shadow:0 0 0 3px #a44a1d1f;outline:none}input,select{min-height:38px;padding:0 10px}textarea{min-height:84px;padding:10px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:8px;color:var(--tomos-ink)}.checkbox-row input{width:auto;min-height:auto;accent-color:var(--tomos-accent)}.date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tag-editor{display:grid;gap:9px;align-content:start;align-items:start}.tag-list,.tag-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%}.tag-list button,.tag-suggestions button{flex:0 0 auto;height:30px;min-height:30px;padding:0 9px;font-size:.82rem}.tag-suggestions span{width:100%;color:var(--tomos-muted);font-size:.82rem;font-weight:700}.path-preview,.notice-message,.warning-message,.editor-recovery-message,.image-reload-actions{margin:0;padding:10px 12px;border-radius:8px;line-height:1.45}.path-preview{overflow-wrap:anywhere;border:1px solid #e2e1dd;background:var(--tomos-info-bg);color:var(--tomos-info-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem}.path-error,.warning-message{border:1px solid #e5c998;background:var(--tomos-warning-bg);color:var(--tomos-warning)}.notice-message{border-left:4px solid var(--tomos-accent);background:var(--tomos-format-bg);color:var(--tomos-format-text)}.editor-recovery-message{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5c998;background:var(--tomos-warning-bg);color:var(--tomos-warning)}.editor-recovery-message p{flex:1 1 260px;margin:0}.editor-recovery-message button{flex:0 1 auto}.image-reload-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #e2e1dd;background:var(--tomos-info-bg);color:var(--tomos-info-text);font-size:.9rem}.image-reload-actions span{overflow-wrap:anywhere}.insert-menu button,.insert-menu .file-picker-button{padding:0 10px;font-size:.86rem;font-weight:700}.file-picker-button{position:relative}.file-picker-button input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.insert-menu select{min-height:38px;width:auto;padding:0 28px 0 10px;font-size:.86rem;font-weight:700}.desktop-toolbar-buttons{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;width:100%;overflow-x:auto;scrollbar-width:thin}.insert-buttons,.view-mode-buttons{flex-wrap:nowrap;align-items:center;gap:8px}.insert-buttons button,.insert-buttons .file-picker-button,.view-mode-buttons button{flex:0 0 auto}.insert-buttons{min-width:0}.view-mode-buttons{flex:0 0 auto;margin-left:10px}.insert-menu{align-self:start}.mobile-toolbar-selects{display:none;min-width:0;width:100%;gap:8px}.insert-menu .mode-button.active{background:var(--tomos-accent);border-color:var(--tomos-accent);color:#fff}.insert-menu .mode-button.active:hover{background:var(--tomos-accent-hover);border-color:var(--tomos-accent-hover)}.insert-menu .mode-button.active:active{background:var(--tomos-accent-active);border-color:var(--tomos-accent-active)}.workspace{display:grid;align-self:stretch;max-width:100%;min-height:56vh;overflow:hidden;border:1px solid var(--tomos-line);border-radius:8px;background:var(--tomos-panel)}.workspace-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workspace-edit,.workspace-preview{grid-template-columns:minmax(0,1fr)}.editor-panel,.preview-panel{min-width:0;min-height:56vh;overflow:auto}.editor-panel{overflow-x:hidden}.workspace-split .preview-panel{border-left:1px solid var(--tomos-line)}.bottom-actions{justify-content:flex-end}.global-actions{display:flex;position:sticky;bottom:0;z-index:5;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:54px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.help-panel{position:fixed;inset:0;z-index:50;display:grid;align-items:end;padding:16px;background:#1f252347}.help-panel-inner{width:min(680px,100%);max-height:min(76vh,680px);margin:0 auto;overflow:auto;border:1px solid var(--tomos-line);border-radius:8px;background:var(--tomos-panel);box-shadow:var(--tomos-shadow)}.help-panel-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--tomos-line);background:var(--tomos-panel)}.help-panel-header h2{margin:0;font-size:1rem;letter-spacing:0}.markdown-help-list{display:grid;gap:0;margin:0;padding:6px 14px 14px}.markdown-help-list div{display:grid;grid-template-columns:minmax(88px,.4fr) minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--tomos-line)}.markdown-help-list dt{color:var(--tomos-muted);font-weight:800}.markdown-help-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.status-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;color:var(--tomos-muted);font-size:.9rem}.status-bar span{white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.55}.bottom-actions .command-button:not(.command-button-muted){background:var(--tomos-accent-button);border-color:var(--tomos-accent-button);color:#fff}.bottom-actions .command-button:not(.command-button-muted):hover{background:var(--tomos-accent-hover);border-color:var(--tomos-accent-hover)}.bottom-actions .command-button:not(.command-button-muted):active{background:var(--tomos-accent-active);border-color:var(--tomos-accent-active)}.bottom-actions .command-button:not(.command-button-muted):disabled{border-color:#c7b6ad;background:#c7b6ad;color:#fff;opacity:1}.tomos-links a:focus-visible,button:focus-visible,.file-picker-button:focus-within,.details-panel summary:focus-visible{outline:3px solid rgba(164,74,29,.25);outline-offset:2px}@media(min-width:1180px){.tomos-editor{width:min(1180px,100%)}.workspace-split{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)}}@media(max-width:1180px){.editor-layout{grid-template-columns:1fr}}@media(max-width:760px){.tomos-editor{width:100%;overflow-x:hidden;padding-inline:12px}.tomos-header{align-items:stretch;flex-direction:column}.tomos-links,.bottom-actions{justify-content:stretch}.icon-button,.bottom-actions>*{flex:1 1 0}.template-list{display:grid;grid-template-columns:1fr 1fr}.insert-menu .mode-button{margin-left:0}.desktop-toolbar-buttons{display:none}.mobile-toolbar-selects{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:visible;padding-bottom:2px;scrollbar-width:none}.mobile-toolbar-selects::-webkit-scrollbar{display:none}.template-card{min-height:44px}.mobile-toolbar-selects button,.mobile-toolbar-selects .file-picker-button{flex:0 0 auto;min-height:34px;max-width:128px;padding-inline:10px;font-size:16px}.writing-panel{min-height:70vh;padding:8px}.workspace,.editor-panel,.preview-panel{min-height:58vh}.global-actions{display:grid;gap:8px}.bottom-actions{display:grid;grid-template-columns:1fr 1fr}.bottom-actions>*{width:100%;min-width:0;padding-inline:6px;font-size:16px;white-space:nowrap}.date-fields,.workspace-split{grid-template-columns:1fr}.workspace-split .preview-panel{border-top:1px solid var(--tomos-line);border-left:0}}.markdown-editor{width:100%;min-width:0;height:100%;overflow-x:hidden}.markdown-editor .cm-editor{width:100%;min-width:0;height:100%;background:#fff;color:#2f2f2f;font-size:16px;outline:none}.markdown-editor .cm-editor.cm-focused{box-shadow:inset 0 0 0 2px #a44a1d}.markdown-editor .cm-selectionBackground,.markdown-editor .cm-content ::selection{background:#f1d8c9!important}.markdown-editor .cm-focused .cm-selectionBackground{background:#e8c0a9!important}.markdown-editor .cm-selectionMatch,.markdown-editor .cm-selectionMatch-main{background:transparent!important;outline:none!important}.markdown-editor .cm-scroller{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;max-width:100%;line-height:1.65;overflow-x:hidden}.markdown-editor .cm-content{min-width:0;padding:12px 20px 20px;overflow-wrap:anywhere}.markdown-editor .cm-gutters{display:none}.markdown-editor .cm-scroller{margin-left:0}.markdown-editor .cm-activeLine,.markdown-editor .cm-activeLineGutter{background:#f7f5f1}.markdown-editor .cm-heading-line{border-left:3px solid transparent}.markdown-editor .cm-heading-line,.markdown-editor .cm-heading-line *{text-decoration:none!important}.markdown-editor .cm-heading-line-h1{border-left-color:#e6782c;background:#f7f5f1;color:#a44a1d;font-size:1.28em;font-weight:760}.markdown-editor .cm-heading-line-h2{border-left-color:#e6782c;background:#f7f5f1;color:#a44a1d;font-size:1.14em;font-weight:720}.markdown-editor .cm-heading-line-h3{border-left-color:#e6782c;background:#f7f5f1;color:#6b4a2a;font-weight:700}.markdown-editor .cm-frontmatter-line{background:#f7f5f1;color:#6b6b6b}.preview-pane{width:min(760px,100%);margin:0 auto;padding:28px 32px 64px;color:#2f2f2f;line-height:1.75}.preview-pane h1,.preview-pane h2,.preview-pane h3{line-height:1.35;letter-spacing:0}.preview-pane h1{margin:0 0 18px;font-size:30px}.preview-pane h2{margin:28px 0 12px;font-size:23px}.preview-pane h3{margin:24px 0 8px;font-size:18px}.preview-pane p,.preview-pane ul,.preview-pane ol,.preview-pane blockquote,.preview-pane pre{margin:0 0 16px}.preview-pane blockquote{padding:8px 16px;border-left:4px solid #a44a1d;background:#f6f1e8;color:#6b4a2a}.preview-pane code{border-radius:4px;background:#f6f1e8;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}.preview-pane pre{overflow:auto;padding:14px 16px;border-radius:12px;background:#2f2f2f;color:#fcfbf8}.preview-pane pre code{background:transparent;padding:0;color:inherit}.preview-pane a{color:#a44a1d}.preview-pane img{display:block;max-width:100%;height:auto;margin:0 0 16px;border-radius:8px}@media(max-width:760px){.markdown-editor .cm-content{padding:14px 12px}.preview-pane{padding:20px 16px 52px}.preview-pane h1{font-size:26px}.preview-pane h2{font-size:21px}}