:root {
            /* Light Mode */
            --bg-color: #f4f4f9;
            --sidebar-bg: #ffffff;
            --text-color: #333333;
            --accent-color: #6200ea;
            --editor-bg: #ffffff;
            --editor-border: #dddddd;
            --stat-box-bg: #f0f0f0;
            --sidebar-width: 300px;
            --header-height: 120px;
        }

        body.dark-mode {
            --bg-color: #121212;
            --sidebar-bg: #1e1e1e;
            --text-color: #e0e0e0;
            --accent-color: #bb86fc;
            --editor-bg: #2c2c2c;
            --editor-border: #444444;
            --stat-box-bg: #333333;
        }

        body {
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
            margin: 0;
            padding: 0;
            background-color: var(--bg-color);
            color: var(--text-color);
            display: flex;
            height: 100vh;
            overflow: hidden;
            transition: background-color 0.3s, color 0.3s;
        }

        /* Layout Architecture */
        .app-container {
            display: flex;
            width: 100%;
            height: 100%;
        }

        .main-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 15px;
            min-width: 0; /* Prevent flex blowout */
        }

        .sidebar {
            width: var(--sidebar-width);
            background: var(--sidebar-bg);
            border-left: 1px solid var(--editor-border);
            padding: 20px;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            box-shadow: -2px 0 5px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
        }

        /* Header & Toolbar */
        .header-section {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 15px;
        }

        .top-row {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        #filenameInput {
            background: transparent;
            border: none;
            border-bottom: 2px solid transparent;
            color: var(--text-color);
            font-size: 1.2rem;
            font-weight: bold;
            padding: 2px 5px;
            width: 200px;
            transition: border-bottom 0.2s;
        }

        #filenameInput:focus {
            outline: none;
            border-bottom: 2px solid var(--accent-color);
        }

        .toolbar {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            align-items: center;
        }

        /* Form Controls */
        button {
            padding: 8px 14px;
            background-color: var(--accent-color);
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 0.85rem;
            font-weight: 500;
            transition: opacity 0.2s;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        button:hover { opacity: 0.85; }
        
        button.secondary { background-color: #e0e0e0; color: #333; }
        body.dark-mode button.secondary { background-color: #444; color: #fff; }

        button.danger { background-color: #d32f2f; color: white; }
        body.dark-mode button.danger { background-color: #b71c1c; color: white; }

        select {
            padding: 7px;
            border-radius: 6px;
            border: 1px solid var(--editor-border);
            background: var(--editor-bg);
            color: var(--text-color);
            font-size: 0.85rem;
        }

        /* Editor Area */
        textarea {
            flex: 1;
            width: 100%;
            padding: 20px;
            border: 1px solid var(--editor-border);
            border-radius: 12px;
            resize: none;
            font-size: 1rem;
            line-height: 1.6;
            outline: none;
            box-sizing: border-box;
            background: var(--editor-bg);
            color: var(--text-color);
            transition: background-color 0.3s, color 0.3s, border-color 0.2s;
        }

        textarea:focus { border-color: var(--accent-color); }

        /* Sidebar Stats/Analysis */
        .stat-box {
            background: var(--stat-box-bg);
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 20px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            text-align: center;
        }
        
        .stat-item span { display: block; font-size: 1.2rem; font-weight: bold; }
        .stat-item label { font-size: 0.75rem; opacity: 0.7; }

        .suggestion-card {
            background: var(--editor-bg);
            border: 1px solid var(--editor-border);
            border-left: 4px solid #ff9800;
            padding: 12px;
            margin-bottom: 12px;
            font-size: 0.9rem;
            border-radius: 4px;
        }
        
        .suggestion-card.good { border-left-color: #4caf50; }
        .suggestion-card.bad { border-left-color: #f44336; }

        /* Mobile Adjustments */
        @media (max-width: 768px) {
            body { flex-direction: column; overflow-y: auto; }
            .app-container { flex-direction: column; }
            .sidebar { 
                width: 100%; 
                border-left: none; 
                border-top: 1px solid var(--editor-border); 
                height: auto;
                box-shadow: none;
            }
            .main-content { height: 80vh; flex: none; }
            #filenameInput { width: 150px; }
            .toolbar button span { display: none; } /* Icons only on very small screens if needed */
        }

        #fileInput { display: none; }

        

/* Feature-only styling: preserve the original page, palette, buttons and right Dashboard. */
*, *::before, *::after { box-sizing: border-box; }
html, body { min-width: 0; }
body {height:100vh;height:100dvh;}
.app-container {min-height:0;}
.main-content { min-height:0; }
.sidebar { flex: 0 0 var(--sidebar-width); }
.save-status {font-size: 0.75rem;opacity:.65;white-space:nowrap;}
#exportStyle { max-width:172px; }
.editor-tools {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap;}
.format-toolbar, .segmented {display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.editor-tools button {padding:5px 10px;min-height:30px;font-size:.78rem;}
.segmented button[aria-pressed="true"] {border:1px solid var(--accent-color);box-shadow:inset 0 0 0 1px var(--accent-color);}
.editor-grid {flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
.editor-grid[data-view="edit"],.editor-grid[data-view="preview"] {grid-template-columns:minmax(0,1fr);}
.editor-grid[data-view="edit"] .preview-pane,.editor-grid[data-view="preview"] .editor-pane {display:none;}
.pane {min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--editor-border);border-radius:12px;overflow:hidden;background:var(--editor-bg);}
.editor-host {display:flex;flex:1;min-height:0;min-width:0;position:relative;}
#editor {flex:1;}
.CodeMirror {height:100%;width:100%;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:1rem;line-height:1.6;background:var(--editor-bg);color:var(--text-color);}
.CodeMirror-lines {padding:14px 0;}
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {padding:0 12px;}
.CodeMirror-gutters {background:var(--editor-bg);border-right:1px solid var(--editor-border);}
.CodeMirror-linenumber {color:#929292;}
.CodeMirror-cursor {border-left:1.5px solid var(--text-color)!important;}
.CodeMirror-selected,.CodeMirror-focused .CodeMirror-selected {background:rgba(98,0,234,.13)!important;}
.cm-header {color:var(--accent-color);font-weight:bold;}
.cm-strong{font-weight:bold;}.cm-em{font-style:italic;}
.cm-link,.cm-url {color:#2974ae;}body.dark-mode .cm-link,body.dark-mode .cm-url {color:#8bbfff;}
.cm-quote{color:#63805c;font-style:italic;}.cm-comment,.cm-formatting{opacity:.72;}.cm-string,.cm-code{color:#b45e24;}
.CodeMirror-hints {z-index:2500;max-width:90vw;background:var(--editor-bg);color:var(--text-color);border:1px solid var(--editor-border);}
.CodeMirror-hint {color:var(--text-color);}li.CodeMirror-hint-active{background:var(--accent-color);color:white;}
.preview-scroller {flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;}
#preview{padding:20px 24px 44px;min-height:100%;}
.empty-preview {opacity:.6;font-style:italic;}
.toast {position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#35303b;color:white;padding:9px 14px;font-size:.8rem;border-radius:7px;z-index:10000;max-width:90vw;box-shadow:0 5px 20px #0002;}
/* Responsive: the original wrapping toolbar and colors are retained. */
@media (max-width:768px){
 body {height:auto;min-height:100dvh;overflow-y:auto;}
 .app-container {height:auto;min-height:100dvh;display:flex;flex-direction:column;}
 .main-content {height:auto;min-height:0;flex:none;padding:12px;}
 .sidebar {width:100%;flex:none;padding:18px;box-shadow:none;}
 .toolbar {gap:7px;}
 .toolbar button {min-height:38px;justify-content:center;}
 .top-row {gap:5px;}
 #filenameInput{width:min(48vw,250px);}
 .save-status{font-size:.67rem;max-width:32vw;overflow:hidden;text-overflow:ellipsis;}
 .editor-tools {gap:9px;}
 .format-toolbar {flex:1;min-width:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;}
 .format-toolbar button {flex-shrink:0;min-width:34px;min-height:37px;}
 .segmented {flex-shrink:0;margin-left:auto;}
 .segmented button {min-height:37px;}
 .segmented [data-view="split"] {display:none;}
 .editor-grid {height:58dvh;min-height:300px;max-height:750px;flex:none;display:block;}
 .editor-grid .pane {height:100%;}
 .editor-grid .preview-pane {display:none;}
 .editor-grid[data-view="preview"] .preview-pane {display:flex;}
 .editor-grid[data-view="preview"] .editor-pane {display:none;}
 #preview {padding:18px;}
}
@media(max-width:420px){
 .editor-tools {justify-content:stretch;}
 .segmented{width:100%;justify-content:flex-end;}
 .toolbar button span {display:none;}
 #filenameInput{width:45vw;font-size:1.07rem;}
 .editor-grid{height:57dvh;min-height:290px;}
}

/* Consistent Markdown rendering: screen preview and PDF use the same typography. */
.markdown-body {font:15px/1.76 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans CJK SC",sans-serif;color:var(--text-color);overflow-wrap:anywhere}
.markdown-body :first-child {margin-top:0}
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {line-height:1.3;letter-spacing:-.02em;font-weight:720;margin:1.7em 0 .68em;scroll-margin-top:30px}
.markdown-body h1 {font-size:1.86em;border-bottom:1px solid var(--editor-border);padding-bottom:.3em}
.markdown-body h2 {font-size:1.45em;border-bottom:1px solid var(--editor-border);padding-bottom:.23em}
.markdown-body h3 {font-size:1.2em}
.markdown-body h4 {font-size:1.06em}
.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote {margin:.8em 0 1.1em}
.markdown-body li {margin:.23em 0}
.markdown-body li>ul,.markdown-body li>ol {margin:.2em 0 .4em}
.markdown-body a {color:#2665ad;text-decoration:underline;text-underline-offset:2px}
.dark-mode .markdown-body a {color:#a9ccff}
.markdown-body hr {border:0;border-top:1px solid var(--editor-border);margin:1.8em 0}
.markdown-body blockquote {border-left:3px solid var(--accent-color);padding:.15em 1em;background:var(--stat-box-bg);color:var(--text-color);margin-left:0;margin-right:0}
.markdown-body :not(pre)>code {background:var(--stat-box-bg);padding:.16em .34em;border-radius:4px;font: .89em/1.5 ui-monospace,Menlo,Consolas,monospace}
.markdown-body pre {padding:16px;border-radius:8px;background:var(--stat-box-bg);border:1px solid var(--editor-border);overflow-x:auto;line-height:1.55;font-size:13px}
.markdown-body pre code {font-family:ui-monospace,Menlo,Consolas,monospace;white-space:pre}
.markdown-body table {border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;margin:1.3em 0;font-size:14px}
.markdown-body th,.markdown-body td {border:1px solid var(--editor-border);padding:7px 11px;min-width:55px;text-align:left}
.markdown-body th {background:var(--stat-box-bg)}
.markdown-body img {max-width:100%;height:auto}
.markdown-body input[type="checkbox"] {margin-right:.5em;accent-color:var(--accent-color)}
.markdown-body ul:has(input[type="checkbox"]) {padding-left:22px}
.empty-preview {color:var(--text-color);font-style:italic}
#print-area {display:none}

@media print {
 @page {size:A4;margin:18mm 19mm}
 :root {--text-color:#1d1d20;--editor-bg:#fff;--stat-box-bg:#f6f6f7;--editor-border:#ddd;--accent-color:#555}
 html,body {height:auto!important;overflow:visible!important;background:white!important;color:#161616!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .app-container,.toast {display:none!important}
 #print-area {display:block!important;position:static!important;width:100%!important;padding:0!important;margin:0!important}
 #print-area .markdown-body{color:#191919;font:11pt/1.55 Georgia,"Noto Serif CJK SC","Songti SC",serif;overflow:visible}
 #print-area .markdown-body h1 {font-size:20pt}
 #print-area .markdown-body h2 {font-size:16pt}
 #print-area .markdown-body h3 {font-size:13pt}
 #print-area .markdown-body h1,#print-area .markdown-body h2,#print-area .markdown-body h3,#print-area .markdown-body h4 {break-after:avoid-page}
 #print-area .markdown-body p,#print-area .markdown-body blockquote,#print-area .markdown-body li {orphans:3;widows:3}
 #print-area .markdown-body blockquote,#print-area .markdown-body pre,#print-area .markdown-body tr,#print-area .markdown-body img {break-inside:avoid}
 #print-area .markdown-body pre {white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible;font-size:9pt;background:#f7f7f7!important}
 #print-area .markdown-body pre code {white-space:pre-wrap;overflow-wrap:anywhere}
 #print-area .markdown-body table {display:table;overflow:visible;width:auto;max-width:100%;font-size:9.5pt}
 #print-area .markdown-body th {background:#f0f0f0!important}
 #print-area .markdown-body a {color:#202020;text-decoration:none}
 #print-area .print-title{font:700 24pt Georgia,"Noto Serif CJK SC",serif;line-height:1.2;margin:0 0 18pt;padding-bottom:9pt;border-bottom:1px solid #dedede}
}

@media print { body.dark-mode {--text-color:#191919;--editor-bg:#fff;--stat-box-bg:#f6f6f7;--editor-border:#ddd;--accent-color:#555;} }

/* Original UI retained. Only the PDF paper picker differs. */
#exportStyle { max-width: 172px; min-width: 130px; }
#print-area .paper-art { display:none; }
@media print {
 #print-area .paper-art {
  display:block !important; position:fixed !important;
  width:210mm !important; height:297mm !important;
  margin:0 !important; padding:0 !important;
  left:-19mm; top:-18mm; z-index:0; pointer-events:none;
 }
 #print-area .paper-art svg, #print-area .paper-art img {display:block;width:100%;height:100%;}
 #print-area > .print-title, #print-area > .markdown-body {position:relative;z-index:1;}
 #print-area .print-title, #print-area .markdown-body {color:#2b2930!important;}
 #print-area[data-stationery="vintage"] .print-title,
 #print-area[data-stationery="vintage"] .markdown-body {color:#41392d!important;}
 #print-area[data-stationery="vintage"] .print-title {border-bottom-color:#c8b899;}
 #print-area[data-stationery="floral"] .print-title {border-bottom-color:#e7c8d3;}
 #print-area[data-stationery="kawaii"] .print-title {border-bottom-color:#f6d3d9;}
 #print-area[data-stationery="sky"] .print-title {border-bottom-color:#d0e3f2;}
 #print-area .markdown-body pre, #print-area .markdown-body blockquote {background:#ffffffea!important;}
}

/* Small, optional template-photo preview. Keeps original writer UI intact. */
.style-preview-dialog {
 width:min(820px, calc(100vw - 28px)); max-height:min(88dvh, 850px);
 margin:auto; padding:20px; overflow:auto; background:var(--sidebar-bg);
 color:var(--text-color); border:1px solid var(--editor-border);
 border-radius:12px; box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.style-preview-dialog::backdrop {background:rgba(15,14,22,.53);}
.style-preview-header {display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px;}
.style-preview-header h3 {margin:0 0 6px;font-size:1.12rem;}
.style-preview-header p {margin:0;color:var(--text-color);opacity:.7;font-size:.85rem;line-height:1.5;}
#closeStylePreview {flex:0 0 auto;padding:5px 11px;font-size:1.1rem;min-height:34px;}
.style-preview-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.style-preview-card {
 display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;
 padding:11px; background:var(--editor-bg);color:var(--text-color);
 border:1px solid var(--editor-border);border-radius:9px;text-align:left;
 font-size:.85rem;font-weight:500;transition:border-color .15s,box-shadow .15s;
}
.style-preview-card:hover, .style-preview-card:focus-visible {opacity:1;border-color:var(--accent-color);outline:none;}
.style-preview-card[aria-pressed="true"] {border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);}
.style-preview-card img {display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:contain;
 background:white;border:1px solid #dedee3;box-shadow:0 2px 5px rgba(0,0,0,.07);border-radius:2px;}
.style-preview-card .style-preview-label {display:flex;align-items:center;justify-content:space-between;gap:5px;}
.style-preview-card .style-preview-check {visibility:hidden;color:var(--accent-color);font-weight:700;}
.style-preview-card[aria-pressed="true"] .style-preview-check {visibility:visible;}
@media(max-width:640px){
 .style-preview-dialog {width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:14px;border-radius:10px;}
 .style-preview-gallery {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
 .style-preview-card {padding:8px;gap:7px;font-size:.76rem;min-height:0;}
 .style-preview-header h3 {font-size:1rem;}
 .style-preview-header p {font-size:.76rem;}
}
@media print { .style-preview-dialog {display:none!important;} }

/* A compact settings panel and two independent clear options, in the original theme. */
.settings-dialog {
 width:min(450px, calc(100vw - 28px));max-height:calc(100dvh - 24px);
 margin:auto; padding:20px; border-radius:12px; overflow:auto;
 background:var(--sidebar-bg);color:var(--text-color);
 border:1px solid var(--editor-border); box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.settings-dialog::backdrop {background:rgba(15,14,22,.53);}
.autosave-row {display:flex;gap:15px;align-items:center;justify-content:space-between;cursor:pointer;
 border:1px solid var(--editor-border);border-radius:8px;background:var(--editor-bg);padding:15px;}
.autosave-copy {display:flex;flex-direction:column;gap:6px;min-width:0;}
.autosave-copy strong{font-size:.9rem;}
.autosave-copy small,.settings-note {opacity:.73;font-size:.8rem;line-height:1.55;}
.settings-note{margin:13px 0 0;}
#autosaveToggle{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;
 width:41px;height:24px;border:1px solid var(--editor-border);border-radius:30px;
 background:#aaa;cursor:pointer;transition:background-color .15s;}
#autosaveToggle::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;
 border-radius:100%;background:white;box-shadow:0 1px 3px #0003;transition:transform .15s;}
#autosaveToggle:checked{background:var(--accent-color);}
#autosaveToggle:checked::after{transform:translateX(17px);}
#autosaveToggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;}
.clear-actions{position:relative;display:inline-flex;min-width:0;}
.clear-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:3000;
 min-width:210px;padding:7px;display:grid;gap:5px;
 border:1px solid var(--editor-border);border-radius:9px;
 background:var(--sidebar-bg);box-shadow:0 9px 24px rgba(0,0,0,.17);}
.clear-menu[hidden]{display:none!important;}
.clear-menu button{width:100%;justify-content:flex-start;min-height:37px;white-space:nowrap;}
@media (max-width:420px){
 .clear-menu button span{display:inline!important;}
 .settings-dialog{padding:14px;}
 .autosave-row{padding:12px;}
}
@media print{.settings-dialog,.clear-menu{display:none!important;}}

/* Additional analysis UI fits inside the original right-hand Dashboard. */
.analysis-topline{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.88rem;margin:0 0 11px;}
.analysis-private{opacity:.6;font-size:.68rem;white-space:nowrap;}
.analysis-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.analysis-metric{display:flex;flex-direction:column;gap:2px;min-width:0;background:var(--stat-box-bg);border-radius:7px;padding:10px 8px;}
.analysis-metric strong{font-size:1rem;font-weight:650;}
.analysis-metric small{font-size:.7rem;opacity:.7;}
.analysis-detail,.analysis-disclaimer{font-size:.73rem;line-height:1.45;opacity:.75;margin:10px 0 15px;}
.analysis-disclaimer{font-size:.7rem;opacity:.67;border-top:1px solid var(--editor-border);padding-top:11px;}
.analysis-filter-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0 12px;font-size:.83rem;}
.analysis-filter{max-width:139px;min-width:0;padding:5px 6px;font-size:.75rem;}
.analysis-issue{padding:12px 11px;margin-bottom:9px;border-left-color:var(--accent-color);}
.analysis-issue-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;line-height:1.35;}
.analysis-issue-top strong{font-size:.84rem;overflow-wrap:anywhere;}
.analysis-priority{font-size:.66rem;opacity:.7;white-space:nowrap;padding-top:1px;}
.analysis-advice{font-size:.78rem;line-height:1.5;margin:8px 0;}
.analysis-excerpt{font-family:inherit;font-size:.74rem;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap;background:var(--stat-box-bg);border-radius:5px;padding:7px 8px;margin:8px 0;max-height:88px;overflow:hidden;}
.analysis-jump{font-size:.72rem!important;padding:6px 9px!important;min-height:31px;max-width:100%;}
.analysis-empty{font-size:.8rem;line-height:1.45;}
.CodeMirror .analysis-locate-mark{background:rgba(255,170,0,.28);outline:1px solid rgba(255,170,0,.6);border-radius:2px;}
@media(max-width:768px){
 .analysis-metrics{grid-template-columns:repeat(4,minmax(0,1fr));}
 .analysis-metric{padding:8px 6px;}
 .analysis-metric strong{font-size:.95rem;}
 .analysis-issue{padding:12px;}
 .analysis-jump{min-height:39px;}
}
@media(max-width:380px){.analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}


/* Quiet, non-document guide visible only when the editor is truly blank. */
.editor-empty-guide {
  position:absolute; z-index:2; top:49px; left:55px; right:19px;
  max-width:690px; max-height:calc(100% - 61px); overflow:hidden;
  pointer-events:none; user-select:none;
  color:var(--text-color); opacity:.67;
  font: .87rem/1.52 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.editor-empty-guide[hidden] { display:none !important; }
.editor-guide-title { font-size:1.11rem; font-weight:650; margin-bottom:2px; }
.editor-guide-subtitle {font-size:.8rem; margin-bottom:15px; }
.editor-empty-guide p { margin:0 0 10px; }
.editor-empty-guide strong, .editor-empty-guide b { font-weight:650; }
.editor-empty-guide code, .editor-empty-guide kbd { font:inherit; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.editor-guide-tip { font-size:.76rem; margin-top:14px; opacity:.85; }
@media (max-width:768px) {
  .editor-empty-guide {left:49px; right:12px; top:39px; font-size:.78rem; line-height:1.43; max-height:calc(100% - 48px);}
  .editor-guide-title {font-size:.98rem;}
  .editor-guide-subtitle {font-size:.74rem; margin-bottom:10px;}
  .editor-empty-guide p {margin-bottom:8px;}
  .editor-guide-tip {display:none;}
}
@media (max-width:380px) {
  .editor-empty-guide {left:46px; right:9px; font-size:.74rem;line-height:1.38;}
  .editor-empty-guide p {margin-bottom:7px;}
}
@media print { .editor-empty-guide {display:none !important;} }