@font-face{font-family:OPPOSans;src:url(./OPPOSans-R-CwUjY_3C.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OPPOSans;src:url(./OPPOSans-M-fM0Cdx-2.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:OPPOSans;src:url(./OPPOSans-B-CmLPR0q1.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--topbar-height: 62px;--bg: #efe6d6;--panel: rgba(255, 250, 243, .88);--panel-border: rgba(102, 78, 49, .12);--ink: #3e2f22;--muted: #8f7b67;--accent: #a16d36;--accent-strong: #7d4e20;--primary-gradient: linear-gradient(135deg, #b27d47 0%, #8f5d2d 100%);--export-button-bg: linear-gradient(180deg, rgb(129, 111, 97) 0%, rgb(115, 99, 87) 100%);--export-button-hover-bg: linear-gradient(180deg, rgb(138, 119, 105) 0%, rgb(121, 104, 91) 100%);--export-button-border: rgba(82, 63, 47, .6);--export-button-text: #fbf6ef;--export-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 0 rgba(58, 42, 29, .22);--paper: #fefcf6;--paper-edge: rgba(236, 226, 210, .95);--shadow: 0 24px 60px rgba(82, 60, 34, .08);--toolbar-surface: rgba(255, 249, 240, .95);--toolbar-border: rgba(125, 78, 32, .16);--toolbar-hover-border: rgba(125, 78, 32, .35);--toolbar-hover-shadow: 0 14px 22px rgba(82, 60, 34, .08);--input-bg: linear-gradient(180deg, rgba(255, 254, 250, .98), rgba(249, 242, 231, .96));--input-border: rgba(125, 78, 32, .14);--focus-ring: rgba(161, 109, 54, .08);--editor-paper-base: linear-gradient(180deg, rgba(255, 251, 244, .98), rgba(246, 239, 227, .98));--editor-rule-line: #e8e2d7;--editor-rule-highlight: #e8e2d7;--editor-margin-band: #f5f0e4;--editor-margin-line: #e8e2d7;--editor-line-height: 3.05rem;--editor-font-size: 1.08rem;--editor-rule-offset-y: .12rem;--app-background: url(../bg.jpg) left top / 420px auto repeat;--preview-stage-bg: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(232, 219, 199, .38));--selector-surface: rgba(255, 255, 255, .55);--selector-border: rgba(125, 78, 32, .1);--selector-active: rgba(255, 255, 255, .88);--selector-active-border: rgba(143, 93, 45, .3);--selector-shadow: 0 12px 20px rgba(82, 60, 34, .08);--sheet-surface: #fefcf6;--sheet-border: rgba(239, 230, 216, .95);--sheet-shadow: 0 24px 42px rgba(89, 65, 34, .12);--note-frame: rgba(237, 233, 225, .92);--note-heading: rgba(70, 53, 38, .96);--note-copy: rgba(106, 86, 67, .92);--note-link: #ac9070;--note-code-bg: rgba(125, 78, 32, .08);--note-pre-bg: rgba(243, 236, 225, .9);--note-pre-text: rgba(97, 79, 61, .94);--note-quote: #c0b5a7;--note-quote-mark: #ded4c8;--note-table-border: rgba(220, 209, 191, .88);--note-table-head-bg: rgba(243, 236, 225, .65);--note-hr: rgba(220, 209, 191, .8);--footer-copy: #d7cec1;--footer-via: #ded6cb;--footer-icon: #d9d0c3;--dialog-backdrop: rgba(54, 39, 23, .16);--dialog-bg: rgba(255, 250, 242, .98);--dialog-shadow: 0 18px 44px rgba(82, 60, 34, .18);--swatch-default: linear-gradient(135deg, #f5ead8 0%, #e4ceb0 100%);--swatch-dark: linear-gradient(135deg, #242830 0%, #12151a 100%);--ui-font: "OPPOSans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--note-font: "OPPOSans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--note-scale: 2;--note-sheet-width: calc(330px * var(--note-scale));--preview-stage-padding-x: 10px;--preview-priority-width: calc(var(--note-sheet-width) + (var(--preview-stage-padding-x) * 2));font-family:var(--ui-font);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=smartisan-dark]{color-scheme:dark;--bg: #101318;--panel: rgba(20, 24, 30, .86);--panel-border: rgba(255, 255, 255, .06);--ink: #edf0f3;--muted: #8f97a2;--accent: #d6a56f;--accent-strong: #f0c285;--primary-gradient: linear-gradient(135deg, #d0a26b 0%, #8e6742 100%);--export-button-bg: linear-gradient(180deg, rgba(101, 90, 82, .96) 0%, rgba(74, 66, 60, .98) 100%);--export-button-hover-bg: linear-gradient(180deg, rgba(115, 102, 92, .98) 0%, rgba(84, 74, 67, .99) 100%);--export-button-border: rgba(255, 241, 225, .18);--export-button-text: rgba(250, 244, 236, .96);--export-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 10px 18px rgba(0, 0, 0, .32);--paper: #171b21;--paper-edge: rgba(255, 255, 255, .06);--shadow: 0 28px 90px rgba(0, 0, 0, .45);--toolbar-surface: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .03));--toolbar-border: rgba(255, 255, 255, .08);--toolbar-hover-border: rgba(214, 165, 111, .32);--toolbar-hover-shadow: 0 18px 30px rgba(0, 0, 0, .28);--input-bg: linear-gradient(180deg, rgba(19, 22, 27, .96), rgba(13, 16, 21, .98));--input-border: rgba(255, 255, 255, .08);--focus-ring: rgba(214, 165, 111, .16);--editor-paper-base: linear-gradient(180deg, rgba(23, 27, 33, .98), rgba(17, 21, 27, .98));--editor-rule-line: rgba(255, 255, 255, .08);--editor-rule-highlight: rgba(255, 255, 255, .03);--editor-margin-band: rgba(255, 255, 255, .03);--editor-margin-line: transparent;--app-background: linear-gradient(160deg, rgba(11, 13, 17, .88) 0%, rgba(22, 26, 32, .82) 55%, rgba(9, 11, 15, .9) 100%), radial-gradient(circle at top, rgba(240, 194, 133, .08), transparent 24%), url(../bg.jpg) center / cover fixed no-repeat;--preview-stage-bg: radial-gradient(circle at top, rgba(255, 255, 255, .04), transparent 26%), linear-gradient(180deg, rgba(11, 14, 18, .86), rgba(20, 24, 30, .98));--selector-surface: rgba(255, 255, 255, .04);--selector-border: rgba(255, 255, 255, .06);--selector-active: rgba(255, 255, 255, .08);--selector-active-border: rgba(214, 165, 111, .44);--selector-shadow: 0 18px 32px rgba(0, 0, 0, .26);--sheet-surface: #171b21;--sheet-border: rgba(255, 255, 255, .08);--sheet-shadow: 0 32px 72px rgba(0, 0, 0, .42);--note-frame: rgba(255, 255, 255, .09);--note-heading: rgba(247, 239, 226, .94);--note-copy: rgba(224, 228, 235, .84);--note-link: #f0c285;--note-code-bg: rgba(255, 255, 255, .08);--note-pre-bg: rgba(255, 255, 255, .05);--note-pre-text: rgba(229, 233, 239, .82);--note-quote: rgba(190, 198, 208, .78);--note-quote-mark: rgba(240, 194, 133, .32);--note-table-border: rgba(255, 255, 255, .08);--note-table-head-bg: rgba(255, 255, 255, .04);--note-hr: rgba(255, 255, 255, .08);--footer-copy: rgba(194, 198, 205, .62);--footer-via: rgba(156, 163, 174, .6);--footer-icon: rgba(214, 165, 111, .74);--dialog-backdrop: rgba(2, 4, 8, .58);--dialog-bg: rgba(18, 21, 27, .96);--dialog-shadow: 0 24px 64px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.app-layout{min-height:100vh;display:flex;flex-direction:column}body{min-height:100vh;background-color:var(--bg);background:var(--app-background);color:var(--ink)}button,textarea{font:inherit}button{cursor:pointer;transition:transform .18s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}button:disabled{cursor:progress;opacity:.7}body,.editor-panel,.preview-panel,.markdown-editor,.note-sheet,.preview-stage,.confirm-dialog,.theme-selector,.theme-selector-option{transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}.app-topbar{position:relative;z-index:2;background:linear-gradient(180deg,#74675ff5,#5a504afa);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14,0 10px 22px #1a120c29}.app-topbar-inner{display:flex;align-items:center;min-height:62px;padding:0 24px 0 12px}.app-topbar-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px}.app-brand{display:flex;align-items:center;gap:16px}.app-brand-mark{width:44px;height:44px;flex:0 0 auto}.app-brand-mark svg{display:block;width:100%;height:100%}.app-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.app-brand-copy{display:flex;flex-direction:column;gap:2px}.app-brand-title{color:#fffffff5;font-size:18px;font-weight:700;letter-spacing:.01em}:root[data-theme=smartisan-dark] .app-topbar{background:linear-gradient(180deg,#36312ff5,#2a2624fa);border-bottom-color:#ffffff0d}.app-shell{flex:1;min-height:0;width:100%;height:calc(100vh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--preview-priority-width),var(--preview-priority-width));gap:24px;padding:0 12px 0 0;overflow:hidden}.app-layout[data-render-mode=playwright] .app-shell{height:auto;max-height:none;overflow:visible}.editor-panel,.preview-panel{height:100%;max-height:100%;background:var(--panel);border:1px solid var(--panel-border);border-radius:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.app-layout[data-render-mode=playwright] .editor-panel,.app-layout[data-render-mode=playwright] .preview-panel{height:auto;max-height:none;overflow:visible}.editor-panel{padding:28px;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0}.preview-panel{padding:0;display:flex;flex-direction:column;gap:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-header,.preview-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.preview-header-actions-only{justify-content:flex-end}.panel-header h1,.preview-header h2{margin:6px 0 0;font-size:clamp(1.9rem,2vw,2.4rem);font-weight:500;line-height:1}.eyebrow,.input-label,.preview-header p:last-child,.empty-state{color:var(--muted)}.eyebrow{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.theme-selector{min-width:268px;padding:0;border-radius:0;border:0;background:transparent;box-shadow:none}.theme-selector-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-selector-option{border:1px solid transparent;background:transparent;border-radius:18px;padding:10px;display:flex;align-items:center;gap:10px;color:var(--ink);text-align:left}.theme-selector-option:hover{transform:translateY(-1px);background:var(--selector-active);box-shadow:var(--selector-shadow)}.theme-selector-option.active{border-color:var(--selector-active-border);background:var(--selector-active);box-shadow:var(--selector-shadow)}.theme-selector-swatch{width:34px;height:34px;border-radius:12px;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff2e}.theme-selector-swatch-default{background:var(--swatch-default)}.theme-selector-swatch-smartisan-dark{background:var(--swatch-dark)}.theme-selector-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.theme-selector-name{font-size:.92rem;font-weight:600}.theme-selector-copy{color:var(--muted);font-size:.76rem}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.panel-header .toolbar{margin-left:auto;align-self:center;justify-content:flex-end}.toolbar button:not(.preview-export),.confirm-dialog-actions button,.preview-export{border:1px solid var(--toolbar-border);background:var(--toolbar-surface);color:var(--ink);padding:10px 16px;border-radius:999px}.toolbar button:not(.preview-export):hover,.confirm-dialog-actions button:hover,.preview-export:hover{transform:translateY(-1px);box-shadow:var(--toolbar-hover-shadow);border-color:var(--toolbar-hover-border)}.primary,.preview-export{border-color:transparent;background:var(--primary-gradient);color:#fff8f0}.preview-export{text-size-adjust:100%;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft YaHei,STHeiti,STXihei,sans-serif,"Apple Color Emoji";height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;padding:0 18px;border-radius:7px;border-color:var(--export-button-border);background:var(--export-button-bg);color:var(--export-button-text);font-weight:500;line-height:1;font-size:14px;white-space:nowrap;letter-spacing:0;box-shadow:var(--export-button-shadow)}.preview-export:hover{background:var(--export-button-hover-bg);color:var(--export-button-text);border-color:var(--export-button-border)}.toolbar-new-note-button,.toolbar-insert-image-button{width:68px;min-width:68px;padding:0}.toolbar-new-note-button:before,.toolbar-insert-image-button:before{content:"";width:30px;height:36px;display:block;background-image:url(../all_icons.png);background-repeat:no-repeat;background-size:1000px auto}.toolbar-new-note-button:before{background-position:-140px -123px}.toolbar-insert-image-button:before{background-position:-181px -123px}.export-status{margin:0;max-width:320px;color:var(--accent);font-size:.8rem;line-height:1.45;text-align:right;align-self:flex-end}.input-label{font-size:.92rem}.markdown-editor-hint,.image-import-status{margin:-6px 0 0;font-size:.84rem;line-height:1.5;color:var(--muted)}.image-import-status.error{color:#b54a3f}.markdown-editor-frame{--editor-gutter-width: 20px;position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid var(--input-border);border-radius:0;background:linear-gradient(180deg,#ffffff70,#ffffff1a),var(--paper);box-shadow:inset 0 1px #ffffff6b,0 18px 36px #523c220f}:root[data-theme=smartisan-dark] .markdown-editor-frame{border:0;background:transparent;box-shadow:none}.markdown-editor-frame.drag-active:after{content:"";position:absolute;inset:0;border-radius:0;border:1.5px dashed color-mix(in srgb,var(--accent) 65%,transparent);background:color-mix(in srgb,var(--focus-ring) 85%,transparent);pointer-events:none}.markdown-drop-indicator{position:absolute;inset:18px;z-index:1;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--paper) 84%,transparent);color:var(--accent-strong);font-size:.95rem;font-weight:600;letter-spacing:.02em;pointer-events:none}.markdown-editor{width:100%;height:100%;min-height:0;resize:vertical;font-family:var(--note-font);font-weight:500;font-size:var(--editor-font-size);border:0;border-radius:0;padding:0 1.85rem 1.45rem calc(var(--editor-gutter-width) + 20px);background:linear-gradient(90deg,transparent 0,transparent calc(var(--editor-gutter-width) - 1px),var(--editor-margin-line) calc(var(--editor-gutter-width) - 1px),var(--editor-margin-line) var(--editor-gutter-width),transparent var(--editor-gutter-width)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--editor-line-height) - 1px),var(--editor-rule-line) calc(var(--editor-line-height) - 1px),var(--editor-rule-line) var(--editor-line-height)),linear-gradient(90deg,color-mix(in srgb,var(--editor-margin-band) 88%,transparent) 0,color-mix(in srgb,var(--editor-margin-band) 88%,transparent) calc(var(--editor-gutter-width) - 1px),transparent calc(var(--editor-gutter-width) - 1px)),var(--editor-paper-base);color:#635852;line-height:var(--editor-line-height);-webkit-text-size-adjust:none;text-size-adjust:none;background-attachment:local;background-position:0 0,0 var(--editor-rule-offset-y),0 0,0 0;outline:none;box-shadow:none}:root[data-theme=smartisan-dark] .markdown-editor{color:var(--ink)}.markdown-editor:focus{box-shadow:none}.preview-stage{flex:1;overflow:auto;padding:20px var(--preview-stage-padding-x);border-radius:24px;display:flex;justify-content:center;align-items:flex-start;background:transparent}.app-layout[data-render-mode=playwright] .preview-stage{overflow:visible}.note-sheet{position:relative;align-self:flex-start;width:var(--note-sheet-width);max-width:none;margin:0;padding:calc(18px * var(--note-scale)) calc(18px * var(--note-scale)) calc(24px * var(--note-scale));border-radius:0;border:0;background:var(--sheet-surface);box-shadow:var(--sheet-shadow);font-family:var(--note-font);overflow:hidden}.sheet-frame{position:absolute;pointer-events:none;border:1px solid var(--note-frame)}.sheet-frame-outer{inset:calc(14px * var(--note-scale)) calc(8px * var(--note-scale)) calc(54px * var(--note-scale))}.sheet-frame-inner{inset:calc(18px * var(--note-scale)) calc(12px * var(--note-scale)) calc(58px * var(--note-scale))}.sheet-corner{position:absolute;width:calc(3px * var(--note-scale));height:calc(3px * var(--note-scale));border:1px solid var(--note-frame);background:var(--paper);pointer-events:none}.sheet-corner-top-left{left:calc(5px * var(--note-scale));top:calc(13px * var(--note-scale))}.sheet-corner-top-right{right:calc(5px * var(--note-scale));top:calc(13px * var(--note-scale))}.sheet-corner-bottom-left{left:calc(5px * var(--note-scale));bottom:calc(53px * var(--note-scale))}.sheet-corner-bottom-right{right:calc(5px * var(--note-scale));bottom:calc(53px * var(--note-scale))}.sheet-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:calc(30px * var(--note-scale));padding:calc(16px * var(--note-scale)) calc(18px * var(--note-scale)) calc(14px * var(--note-scale))}.note-section{min-height:auto}.note-index{margin-bottom:calc(9px * var(--note-scale))}.note-index p,.note-index strong{margin:0;font-size:calc(.92rem * var(--note-scale));font-weight:700;color:var(--note-heading)}.note-copy{display:flex;flex-direction:column;gap:0;color:var(--note-copy);font-size:calc(.89rem * var(--note-scale));font-weight:400;line-height:1.76;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}.note-copy p{margin:0;white-space:pre-wrap}.note-copy p+p{margin-top:calc(8px * var(--note-scale))}.note-copy p img{display:block;width:auto;max-width:100%;height:auto;margin:calc(12px * var(--note-scale)) auto calc(2px * var(--note-scale));border:0;border-radius:0;box-shadow:none;background:color-mix(in srgb,var(--paper) 85%,transparent);object-fit:contain;image-rendering:auto}.note-copy a{color:var(--note-link);text-decoration:none}.note-copy code{font-size:.9em;font-weight:400;padding:.08em .32em;border-radius:.3em;background:var(--note-code-bg)}.note-copy pre{margin:calc(10px * var(--note-scale)) 0 0;padding:calc(9px * var(--note-scale)) calc(11px * var(--note-scale));overflow:hidden;border-radius:calc(10px * var(--note-scale));background:var(--note-pre-bg);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--note-pre-text);font-size:calc(.72rem * var(--note-scale));font-weight:400;line-height:1.62}.note-copy pre code{display:block;padding:0;border-radius:0;background:transparent;white-space:inherit;overflow-wrap:inherit;word-break:inherit}.note-copy blockquote{position:relative;margin:0 0 calc(8px * var(--note-scale));padding-left:calc(.92rem * var(--note-scale));color:var(--note-quote);font-size:calc(.88rem * var(--note-scale));font-weight:400;line-height:1.48;overflow-wrap:anywhere;word-break:break-word}.note-copy blockquote:before{content:"“";position:absolute;left:calc(-.04rem * var(--note-scale));top:calc(.1rem * var(--note-scale));font-family:Georgia,Times New Roman,serif;font-size:calc(1.42rem * var(--note-scale));line-height:.82;font-weight:400;color:var(--note-quote-mark)}.note-copy blockquote p{margin:0}.note-copy ul,.note-copy ol{margin:calc(8px * var(--note-scale)) 0 0;padding-left:1.3em}.note-copy li+li{margin-top:.35em}.note-copy table{width:100%;margin:calc(8px * var(--note-scale)) 0 0;border-collapse:collapse;table-layout:fixed;font-size:calc(.74rem * var(--note-scale));line-height:1.52}.note-copy th,.note-copy td{padding:calc(.35rem * var(--note-scale)) calc(.45rem * var(--note-scale));border:1px solid var(--note-table-border);overflow-wrap:anywhere;word-break:break-word;vertical-align:top}.note-copy th{background:var(--note-table-head-bg);font-weight:700}.note-copy hr{margin:calc(12px * var(--note-scale)) 0;border:0;border-top:1px solid var(--note-hr)}.sheet-footer{position:relative;z-index:1;margin-top:calc(28px * var(--note-scale));padding:0 calc(20px * var(--note-scale)) calc(16px * var(--note-scale));display:flex;align-items:center;gap:calc(4px * var(--note-scale));font-size:calc(.38rem * var(--note-scale));line-height:1}.sheet-footer-copy{display:inline-flex;align-items:baseline;gap:calc(4px * var(--note-scale));min-width:0;white-space:nowrap}.sheet-footer-editable,.sheet-footer-input{appearance:none;width:auto;min-width:0;max-width:calc(150px * var(--note-scale));margin:0;border:0;border-radius:calc(2px * var(--note-scale));padding:0;background:transparent;font-family:inherit;line-height:1;letter-spacing:inherit;text-align:left}.sheet-footer-editable{cursor:text}.sheet-footer-input{outline:1px solid color-mix(in srgb,var(--footer-icon) 42%,transparent);outline-offset:calc(1px * var(--note-scale))}.sheet-footer-brand{color:var(--footer-copy);font-size:calc(.4rem * var(--note-scale));font-weight:500;letter-spacing:.01em}.sheet-footer-via{color:var(--footer-via);font-size:calc(.24rem * var(--note-scale));font-weight:400;transform:translateY(calc(-.01rem * var(--note-scale)))}.sheet-footer-via.sheet-footer-input{transform:none}.sheet-footer-icon{display:block;width:calc(.5rem * var(--note-scale));height:calc(.5rem * var(--note-scale));flex:0 0 auto}.sheet-footer-icon svg{display:block;width:100%;height:100%;overflow:visible}.sheet-footer-icon circle{fill:var(--footer-icon)}.sheet-footer-icon text{fill:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700;text-anchor:middle;dominant-baseline:middle;dy:.04em}.empty-state{text-align:center}.confirm-dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--dialog-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-dialog{width:min(100%,360px);padding:22px 22px 18px;border-radius:22px;border:1px solid var(--panel-border);background:var(--dialog-bg);box-shadow:var(--dialog-shadow)}.confirm-dialog h3{margin:0;color:var(--ink);font-size:1.08rem}.confirm-dialog p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:1180px){:root{--preview-stage-padding-x: 14px}.app-shell{height:auto;max-height:none;grid-template-columns:1fr;overflow:visible}.panel-header,.preview-header{flex-direction:column}.theme-selector{width:100%;min-width:0}.panel-header .toolbar{margin-left:0;align-self:stretch;justify-content:flex-start}.markdown-editor{min-height:42vh}.preview-stage{min-height:60vh}.editor-panel,.preview-panel{height:auto;max-height:none}}@media(max-width:640px){:root{--editor-line-height: 52px;--editor-font-size: 16px;--editor-rule-offset-y: 0px;--preview-stage-padding-x: 8px}.app-topbar{position:sticky;top:0;z-index:20}.app-topbar-inner{min-height:62px;padding:0 16px 0 12px}.app-brand{gap:12px}.app-brand-mark{width:44px;height:44px}.app-brand-title{font-size:18px}.app-topbar-actions{margin-left:auto}.preview-export{padding:0 16px}.app-shell{gap:16px;padding:0}.editor-panel{padding:20px}.preview-panel{padding:0 10px}.preview-stage{overflow-x:hidden;padding-top:14px;padding-bottom:18px}.markdown-editor{padding:0 1.1rem 1.25rem calc(var(--editor-gutter-width) + 18px)}.theme-selector-options{grid-template-columns:1fr}}