:root{--primary: #d4af37;--primary-light: #f1c40f;--primary-rgb: 212, 175, 55;--accent: #e67e22;--bg-app: #0f0f12;--bg-panel: #1a1a1f;--bg-input: #23232b;--bg-preview: #08080a;--text-main: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0c0;--border-color: rgba(255, 255, 255, .15);--border-glow: rgba(212, 175, 55, .2);--glass-bg: rgba(30, 30, 35, .85);--radius-main: 12px;--radius-sm: 6px;--font-ui: "Inter", "Noto Sans SC", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--editor-shadow: 0 8px 32px rgba(0, 0, 0, .5);--mm-font-size: 14px;--mm-line-height: 1.75;--mm-letter-spacing: .01em;--mm-font-family: "Source Han Serif SC", "Noto Serif SC", serif;--th-primary: #d4af37;--th-accent: #e67e22;--th-bg-page: #ffffff;--th-text-page: #1a1a2e;--th-preview-bg: #08080a}body[data-theme=ocean-depths]{--th-primary: #2d8b8b;--th-accent: #a8dadc;--th-bg-page: #f1faee;--th-text-page: #1a2332;--th-preview-bg: #1a2332;--th-font-head: "DejaVu Sans", "Inter", sans-serif;--th-font-body: "DejaVu Sans", sans-serif}body[data-theme=sunset-boulevard]{--th-primary: #d4572a;--th-accent: #f4a261;--th-bg-page: #fff8ed;--th-text-page: #1d3340;--th-preview-bg: #3b2a1a;--th-font-head: "DejaVu Serif", serif;--th-font-body: "DejaVu Sans", sans-serif}body[data-theme=forest-canopy]{--th-primary: #2d4a2b;--th-accent: #7d8471;--th-bg-page: #faf9f6;--th-text-page: #2d4a2b;--th-preview-bg: #2d4a2b;--th-font-head: "FreeSerif", serif;--th-font-body: "FreeSans", sans-serif}body[data-theme=modern-minimalist]{--th-primary: #36454f;--th-accent: #708090;--th-bg-page: #ffffff;--th-text-page: #36454f;--th-preview-bg: #1a1a1f;--th-font-head: "DejaVu Sans", sans-serif;--th-font-body: "DejaVu Sans", sans-serif}body[data-theme=golden-hour]{--th-primary: #c47a00;--th-accent: #c1666b;--th-bg-page: #f5ead6;--th-text-page: #2d1a00;--th-preview-bg: #4a403a;--th-font-head: "FreeSans", sans-serif;--th-font-body: "FreeSans", sans-serif}body[data-theme=arctic-frost]{--th-primary: #4a6fa5;--th-accent: #c0c0c0;--th-bg-page: #fafafa;--th-text-page: #4a6fa5;--th-preview-bg: #d4e4f7;--th-font-head: "DejaVu Sans", sans-serif;--th-font-body: "DejaVu Sans", sans-serif}body[data-theme=desert-rose]{--th-primary: #a0635a;--th-accent: #d4a5a5;--th-bg-page: #fdf0ee;--th-text-page: #4a1e30;--th-preview-bg: #5d2e46;--th-font-head: "FreeSans", sans-serif;--th-font-body: "FreeSans", sans-serif}body[data-theme=tech-innovation]{--th-primary: #0066ff;--th-accent: #00ffff;--th-bg-page: #ffffff;--th-text-page: #1e1e1e;--th-preview-bg: #1e1e1e;--th-font-head: "DejaVu Sans", sans-serif;--th-font-body: "DejaVu Sans", sans-serif}body[data-theme=botanical-garden]{--th-primary: #4a7c59;--th-accent: #f9a620;--th-bg-page: #f5f3ed;--th-text-page: #4a7c59;--th-preview-bg: #4a7c59;--th-font-head: "DejaVu Serif", serif;--th-font-body: "DejaVu Sans", sans-serif}body[data-theme=midnight-galaxy]{--th-primary: #4a4e8f;--th-accent: #a490c2;--th-bg-page: #e6e6fa;--th-text-page: #2b1e3e;--th-preview-bg: #2b1e3e;--th-font-head: "FreeSans", sans-serif;--th-font-body: "FreeSans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg-app);color:var(--text-main);height:100vh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}header#app-header{background:var(--bg-app);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px #0006;position:relative;z-index:100}.logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:24px;color:var(--th-primary);text-shadow:0 0 15px rgba(var(--th-primary-rgb, 212, 175, 55),.4);transition:color .4s}.logo-text{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.logo-version{color:var(--th-primary);background:color-mix(in srgb,var(--th-primary) 15%,transparent);padding:2px 8px;border-radius:6px;margin-left:6px;font-size:11px;font-weight:800;border:1px solid color-mix(in srgb,var(--th-primary) 30%,transparent);transition:color .4s,background .4s}.header-actions{display:flex;gap:8px;align-items:center}.btn{padding:7px 16px;border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:inherit}.btn-primary{background:var(--th-primary);color:#fff;transition:background .4s,transform .2s,box-shadow .2s}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--th-primary) 35%,transparent)}.btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-secondary:hover{background:color-mix(in srgb,var(--th-primary) 12%,var(--bg-input));color:var(--th-primary);border-color:var(--th-primary)}.file-upload-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 16px;border:1px dashed var(--border-light);border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .4s;font-family:inherit}.file-upload-btn:hover{border-color:var(--th-primary);color:var(--th-primary);background:color-mix(in srgb,var(--th-primary) 8%,transparent)}.main-container{display:flex;flex:1;overflow:hidden}.editor-panel{width:38%;min-width:300px;max-width:560px;display:flex;flex-direction:column;background:var(--bg-panel);border-right:1px solid var(--border-color)}.panel-header{background:#ffffff08;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-title{font-size:13px;font-weight:600;letter-spacing:.2px}.char-count{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}#markdown-input{flex:1;width:100%;padding:24px;background:var(--bg-panel);color:var(--text-secondary);border:none;resize:none;font-family:JetBrains Mono,Fira Code,monospace;font-size:15px;line-height:1.8;outline:none;-moz-tab-size:4;tab-size:4;transition:color .2s}#markdown-input:focus{color:var(--text-main)}#markdown-input:focus{box-shadow:inset 2px 0 0 var(--primary)}#markdown-input::placeholder{color:var(--text-muted)}.resize-handle{width:5px;cursor:col-resize;background:var(--border);transition:background var(--transition);flex-shrink:0}.resize-handle:hover,.resize-handle.active{background:var(--primary)}.preview-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-body)}.controls-bar{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:12px 24px;display:flex;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap;position:sticky;top:0;z-index:50;box-shadow:0 4px 30px #0000001a}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.control-label .val{color:var(--th-primary);font-family:JetBrains Mono,monospace;margin-left:4px;transition:color .4s}select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-light);padding:6px 32px 6px 10px;border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%238888a0' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .4s;font-family:inherit}select:hover{border-color:var(--th-primary)}select:focus{outline:none;border-color:var(--th-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--th-primary) 25%,transparent)}input[type=range]{width:120px;accent-color:var(--th-primary);cursor:pointer;height:6px;background:var(--bg-input);border-radius:3px;border:1px solid var(--border-color);transition:accent-color .4s}.mode-toggle{display:flex;gap:4px}.mode-btn{padding:6px 14px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .4s;font-family:inherit}.mode-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.mode-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.mode-btn:hover{background:color-mix(in srgb,var(--th-primary) 20%,var(--bg-input));color:var(--th-primary);border-color:var(--th-primary)}.mode-btn.active{background:var(--th-primary);color:#fff;border-color:var(--th-primary);transition:background .4s,border-color .4s}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-input);transition:.4s;border-radius:20px;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--th-primary);border-color:var(--th-primary);transition:background-color .4s,border-color .4s}input:checked+.slider:before{transform:translate(14px);background-color:#fff}.ctrl-style-btn,.ctrl-reset-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:1px solid color-mix(in srgb,var(--th-primary) 50%,transparent);border-radius:6px;color:var(--th-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ctrl-style-btn:hover,.ctrl-reset-btn:hover{background:color-mix(in srgb,var(--th-primary) 12%,transparent);border-color:var(--th-primary);box-shadow:0 0 8px color-mix(in srgb,var(--th-primary) 25%,transparent)}.ctrl-style-btn.is-success{background:color-mix(in srgb,var(--th-primary) 16%,transparent);border-color:var(--th-primary)}.ctrl-reset-btn svg{flex-shrink:0;transition:transform .3s ease}.ctrl-reset-btn:hover svg{transform:rotate(-180deg)}.ctrl-cover-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:1px solid color-mix(in srgb,var(--th-primary) 50%,transparent);border-radius:6px;color:var(--th-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ctrl-cover-btn:hover{background:color-mix(in srgb,var(--th-primary) 15%,transparent);border-color:var(--th-primary)}.ctrl-cover-btn.has-cover{background:color-mix(in srgb,var(--th-primary) 20%,transparent)}.ctrl-wc-copy-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#07c160;border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #07c16059}.ctrl-wc-copy-btn:hover{background:#06ae56;transform:translateY(-1px);box-shadow:0 4px 14px #07c16066}.ctrl-wc-copy-btn:active{transform:translateY(0);box-shadow:0 1px 4px #07c1604d}.ctrl-wc-copy-btn.is-success{background:#05894a}.mm-cover-remove-btn{position:absolute;top:10px;right:10px;z-index:10;width:26px;height:26px;background:#0000008c;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;font-size:11px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .15s}.mm-cover-page:hover .mm-cover-remove-btn{display:flex}.mm-cover-remove-btn:hover{background:#d33}.zoom-controls{display:flex;align-items:center;gap:3px;flex-wrap:nowrap}.zoom-btn{width:22px;height:22px;background:var(--ctrl-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s,border-color .15s;flex-shrink:0;letter-spacing:0;font-family:system-ui,sans-serif}.zoom-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.zoom-btn:active{transform:scale(.92)}.zoom-input{width:38px;text-align:center;background:var(--ctrl-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;font-size:12px;padding:2px;height:22px;font-family:system-ui,sans-serif}.zoom-input:focus{outline:none;border-color:var(--primary)}.zoom-input::-webkit-inner-spin-button,.zoom-input::-webkit-outer-spin-button{-webkit-appearance:none}.zoom-input{-moz-appearance:textfield}.zoom-pct{font-size:11px;color:var(--text-secondary);flex-shrink:0}.zoom-preset{font-size:10px;padding:0 5px;width:auto;min-width:24px;letter-spacing:0}.preview-area{flex:1;overflow-y:auto;padding:32px;background:var(--th-preview-bg);display:flex;flex-direction:column;align-items:center;gap:32px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;-webkit-user-select:none;user-select:none}.page{background:var(--th-bg-page);color:var(--th-text-page);box-shadow:0 2px 4px #0000001a,0 8px 24px #0006,0 0 0 1px #ffffff0a;border-radius:2px;position:relative;overflow:hidden;flex-shrink:0;transform-origin:top center;transition:box-shadow var(--transition),background .5s,color .5s}.page:hover{box-shadow:0 2px 4px #0000001a,0 12px 40px #00000080,0 0 0 1px #ffffff0f}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px) scale(var(--page-scale, 1))}to{opacity:1;transform:translateY(0) scale(var(--page-scale, 1))}}.page[data-page]{animation:pageEnter .22s cubic-bezier(.34,1.08,.64,1) both}.page-a4{width:595px;height:842px;padding:56px 52px 40px;overflow:hidden}.page-mobile{width:393px;height:852px;padding:32px 24px;overflow:hidden}.page-desktop{width:800px;height:1000px;padding:64px 72px 40px;overflow:hidden}.page-xiaohongshu{width:1080px;height:1440px;padding:64px;overflow:hidden;box-shadow:0 2px 4px #00000014,0 8px 24px #00000059,0 0 0 1px #ffffff0f;border-radius:12px;outline:3px solid color-mix(in srgb,var(--th-primary) 30%,transparent);outline-offset:-1px;position:relative}.page-xiaohongshu .magmark{--mm-font-size: 36px;--mm-line-height: 1.85;--mm-letter-spacing: .011em}.page-xiaohongshu .magmark h1{font-size:calc(var(--mm-font-size) * 2.05);margin-bottom:calc(var(--mm-font-size) * 1.15);padding-bottom:18px}.page-xiaohongshu .magmark h2{font-size:calc(var(--mm-font-size) * 1.58);margin-top:calc(var(--mm-font-size) * 1.75);margin-bottom:calc(var(--mm-font-size) * .9);padding-bottom:12px}.page-xiaohongshu .magmark h3{font-size:calc(var(--mm-font-size) * 1.28);margin-top:calc(var(--mm-font-size) * 1.4);margin-bottom:calc(var(--mm-font-size) * .65)}.page-xiaohongshu .magmark p{margin-bottom:calc(var(--mm-font-size) * 1.18)}.page-xiaohongshu .magmark ul,.page-xiaohongshu .magmark ol{padding-left:1.2em;margin-bottom:calc(var(--mm-font-size) * 1.2)}.page-xiaohongshu .magmark li{margin-bottom:calc(var(--mm-font-size) * .32)}.page-xiaohongshu .magmark blockquote{margin:calc(var(--mm-font-size) * 1.7) 0;padding:20px 28px}.page.scrollable{height:auto;min-height:auto;padding-bottom:80px;overflow:visible}.page-setting-indicator{position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;opacity:.8}.page-footer{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:10px;color:#999;letter-spacing:.1em;font-weight:600;text-transform:uppercase}.placeholder{text-align:center;padding:100px 40px;color:var(--text-muted)}.placeholder-icon{font-size:64px;margin-bottom:24px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.6}.placeholder p{font-size:16px;font-weight:500;letter-spacing:.02em}.magmark{font-size:var(--mm-font-size);line-height:var(--mm-line-height);letter-spacing:var(--mm-letter-spacing);font-family:var(--user-font-family, var(--th-font-body, var(--mm-font-family)));transition:line-height .15s ease,letter-spacing .15s ease,font-size .15s ease}.magmark h1{font-size:calc(var(--mm-font-size) * 2.2);font-weight:700;line-height:1.2;margin-bottom:calc(var(--mm-font-size) * 1);color:var(--th-primary);font-family:var(--user-font-family, var(--th-font-head, inherit));letter-spacing:-.5px;border-bottom:3px solid var(--th-accent);padding-bottom:12px}.magmark h2{font-size:calc(var(--mm-font-size) * 1.65);font-weight:600;line-height:1.3;margin-top:calc(var(--mm-font-size) * 1.6);margin-bottom:calc(var(--mm-font-size) * .8);color:var(--th-primary);opacity:.95;font-family:var(--user-font-family, var(--th-font-head, inherit));border-bottom:2px solid var(--th-accent);padding-bottom:8px}.magmark h3{font-size:calc(var(--mm-font-size) * 1.35);font-weight:600;line-height:1.4;margin-top:calc(var(--mm-font-size) * 1.3);margin-bottom:calc(var(--mm-font-size) * .5);color:var(--th-primary);opacity:.85}.magmark h4{font-size:calc(var(--mm-font-size) * 1.15);font-weight:600;margin-top:1em;margin-bottom:.4em}.magmark p{text-align:justify;text-justify:inter-word;text-align-last:left;hyphens:auto;-webkit-hyphens:auto;margin-bottom:calc(var(--mm-font-size) * 1.1);word-break:normal;overflow-wrap:break-word;line-break:strict;hanging-punctuation:first last;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}.magmark p.mm-split-fragment--before{margin-bottom:0}.magmark p.mm-split-fragment--after{margin-top:0}.magmark strong{font-weight:700;color:var(--th-primary)}.magmark em{font-style:italic}.magmark a{color:var(--th-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.magmark code{font-family:JetBrains Mono,Monaco,monospace;background:#f4f4f8;padding:2px 6px;border-radius:4px;color:#c0392b;font-size:.88em;border:1px solid #e8e8ee;vertical-align:.06em;line-height:1}.magmark pre{background:#0f111a;color:#e2e4f0;padding:24px 28px;border-radius:12px;overflow-x:hidden;white-space:pre-wrap;word-break:break-all;margin:calc(var(--mm-font-size) * 1.8) 0;border-left:4px solid var(--primary);font-family:JetBrains Mono,Monaco,monospace;font-size:calc(var(--mm-font-size) * .85);line-height:1.7;letter-spacing:0;box-shadow:0 10px 40px #00000040;border:1px solid rgba(197,160,89,.1)}.magmark pre code{background:none;padding:0;border:none;color:inherit;font-size:inherit}.magmark blockquote{border-left:4px solid var(--primary);margin:calc(var(--mm-font-size) * 1.5) 0;padding:16px 24px;background:linear-gradient(135deg,rgba(230,57,70,.04) 0%,transparent 100%);font-style:italic;color:#555;border-radius:0 10px 10px 0;position:relative}.magmark blockquote:before{content:"«";font-size:2.2em;color:var(--primary);opacity:.15;position:absolute;top:8px;left:12px}.magmark blockquote p{margin-bottom:.4em}.magmark ul,.magmark ol{padding-left:28px;margin-bottom:calc(var(--mm-font-size) * 1.1)}.magmark li{margin-bottom:4px;line-height:var(--mm-line-height)}.magmark li::marker{color:var(--th-primary)}.magmark table{width:100%;border-collapse:separate;border-spacing:0;margin:calc(var(--mm-font-size) * 1.5) 0;border:1px solid #e0e0e8;border-radius:8px;overflow:hidden;font-size:.92em}.magmark th,.magmark td{border:1px solid #e8e8ee;padding:10px 14px;text-align:left}.magmark th{background:linear-gradient(to bottom,#fafafe,#f0f0f5);font-weight:600;color:#333;letter-spacing:.2px}.magmark tr:nth-child(2n){background:#fafaff}.magmark hr{border:none;border-top:2px solid color-mix(in srgb,var(--th-primary) 30%,transparent);margin:calc(var(--mm-font-size) * 1.5) 0;height:0}.magmark.magmark-hide-paragraph-dividers hr{display:none}.magmark img{max-width:100%;height:auto;border-radius:8px;margin:calc(var(--mm-font-size) * .8) 0;display:block}.magmark figure{margin:calc(var(--mm-font-size) * 1.2) 0;text-align:center}.magmark figure img{margin:0 auto calc(var(--mm-font-size) * .4)}.magmark figcaption{font-size:calc(var(--mm-font-size) * .85);color:color-mix(in srgb,var(--th-text-page) 60%,transparent);font-style:italic;line-height:1.4}.magmark del{text-decoration:line-through;opacity:.6}.magmark li:has(input[type=checkbox]){list-style:none;margin-left:-1.2em;display:flex;align-items:baseline;gap:.5em}.magmark input[type=checkbox]{width:1em;height:1em;flex-shrink:0;accent-color:var(--th-primary);cursor:default;position:relative;top:.1em}.pagination-bar{background:var(--bg-app);border-top:1px solid var(--border-color);padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;box-shadow:0 -4px 20px #0003}.page-btn{padding:8px 24px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .4s;min-width:110px}.page-btn:hover:not(:disabled){background:var(--th-primary);color:#fff;border-color:var(--th-primary)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:13px;font-weight:600;color:var(--th-primary);min-width:100px;text-align:center;letter-spacing:.3px;transition:color .4s}.page-strip{background:var(--bg-app);border-top:1px solid var(--border-color);padding:8px 16px 10px;display:flex;align-items:center;gap:6px;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to right,transparent 0,black 20px,black calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 20px,black calc(100% - 20px),transparent 100%)}.page-thumb{flex-shrink:0;width:36px;height:48px;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:var(--text-muted)}.page-thumb:hover{border-color:var(--th-primary);background:color-mix(in srgb,var(--th-primary) 12%,var(--bg-input));color:var(--th-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.page-thumb.active{border-color:var(--th-primary);background:color-mix(in srgb,var(--th-primary) 20%,var(--bg-input));color:var(--th-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--th-primary) 40%,transparent)}.page-thumb.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--th-primary);border-radius:4px 4px 0 0}.pt-num{font-size:11px;font-weight:700;letter-spacing:0;font-family:var(--font-ui)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{animation:fadeIn .3s ease-out}.floating-toolbar{position:fixed;z-index:2000;background:#0f0f12eb;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid color-mix(in srgb,var(--th-primary) 35%,transparent);border-radius:10px;box-shadow:0 6px 24px #00000080,0 0 0 1px color-mix(in srgb,var(--th-primary) 10%,transparent);padding:8px 12px;display:flex;align-items:center;gap:12px;transform:translateY(-100%) translateY(-10px) scale(.92);opacity:0;animation:toolbarEntry .3s cubic-bezier(.23,1,.32,1) forwards;pointer-events:auto;transition:border-color .4s}@keyframes toolbarEntry{to{transform:translateY(-100%) translateY(-10px) scale(1);opacity:1}}.toolbar-item{display:flex;flex-direction:row;align-items:center;gap:6px}.toolbar-item label{font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;min-width:20px}.toolbar-item input[type=range]{width:64px;height:4px}.toolbar-val{font-size:11px;font-weight:700;color:var(--th-primary);font-family:JetBrains Mono,monospace;min-width:30px;transition:color .4s}.toolbar-divider{width:1px;height:24px;background:#ffffff1a}.toolbar-count{font-size:10px;font-weight:800;color:var(--th-primary);background:color-mix(in srgb,var(--th-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--th-primary) 35%,transparent);border-radius:20px;padding:1px 7px;white-space:nowrap;transition:color .4s,background .4s}.toolbar-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--text-muted);cursor:pointer;width:22px;height:22px;border-radius:5px;transition:all .25s;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--th-primary);color:#fff}.toolbar-img-btn{padding:4px 7px;border-color:#ffffff26;min-width:32px}.toolbar-img-btn svg{display:block;flex-shrink:0}.toolbar-img-btn:hover{background:color-mix(in srgb,var(--th-primary) 85%,#000);color:#fff;border-color:var(--th-primary)}.toolbar-align-group{display:flex;align-items:center;gap:4px}.toolbar-align-btn{min-width:28px;width:auto;padding:0 8px;font-size:11px;font-weight:700}.toolbar-align-btn.active{background:var(--th-primary);color:#fff;border-color:var(--th-primary)}.magmark>*{transition:outline .2s,box-shadow .2s;cursor:pointer;position:relative;border-radius:4px}.magmark>*:hover{outline:1px dashed color-mix(in srgb,var(--th-primary) 45%,transparent);outline-offset:3px}.block-editing{outline:2px solid var(--th-primary)!important;outline-offset:3px;background:color-mix(in srgb,var(--th-primary) 4%,transparent);position:relative;z-index:10;transition:outline-color .4s,background .4s}.block-editing:after{content:"EDIT";position:absolute;top:-18px;right:0;background:var(--th-primary);color:#fff;font-size:9px;font-weight:800;padding:1px 5px;border-radius:3px;pointer-events:none;transition:background .4s}.block-selected{outline:2px solid var(--th-primary)!important;outline-offset:3px;background:color-mix(in srgb,var(--th-primary) 6%,transparent);position:relative;z-index:9;transition:outline-color .4s,background .4s}.block-selected:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--th-primary) 30%,transparent);pointer-events:none}#marquee-rect{position:fixed;z-index:3000;pointer-events:none;border-radius:2px;border:1.5px dashed var(--th-primary, #d4af37);background:color-mix(in srgb,var(--th-primary, #d4af37) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--th-primary, #d4af37) 20%,transparent);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 0,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 0,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 0,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 0,color-mix(in srgb,var(--th-primary, #d4af37) 50%,transparent) 6px,transparent 6px,transparent 12px);background-size:12px 2px,2px 12px,12px 2px,2px 12px;background-position:0 0,100% 0,0 100%,0 0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-color:color-mix(in srgb,var(--th-primary, #d4af37) 8%,transparent);border:none;animation:marchingAnts .4s linear infinite}@keyframes marchingAnts{0%{background-position:0 0,100% 0,0 100%,0 0}to{background-position:12px 0,100% 12px,-12px 100%,0 -12px}}.magmark em.hei,.magmark em.song,.magmark em.fangsong,.magmark em.kai{font-style:normal}.magmark em.biaodian{font-style:normal;line-height:1}.magmark .biaodian-juhao,.magmark .biaodian-douhao{letter-spacing:-.5em;margin-right:.5em}.magmark .open-quote{margin-left:-.5em}.magmark .close-quote{margin-right:-.5em}.magmark{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"locl" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.magmark h1,.magmark h2,.magmark h3,.magmark h4{text-align:left;text-justify:none;line-break:loose;word-break:keep-all;overflow-wrap:break-word;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.magmark code,.magmark pre{word-break:normal;overflow-wrap:break-word;font-feature-settings:normal;text-rendering:auto}.magmark li{text-align:justify;text-justify:inter-word;text-align-last:left;word-break:normal;overflow-wrap:break-word;line-break:strict}.magmark strong,.magmark em{line-break:strict}.magmark blockquote p{text-align:justify;text-justify:inter-word;text-align-last:left;word-break:normal;overflow-wrap:break-word}@page{size:A4;margin:22mm 18mm 28mm}@page :left{margin-left:25mm;margin-right:15mm}@page :right{margin-left:15mm;margin-right:25mm}@page :first{margin-top:30mm}.magmark p{orphans:3;widows:3}.magmark h1,.magmark h2,.magmark h3{page-break-after:avoid;break-after:avoid}.magmark pre,.magmark table,.magmark figure{page-break-inside:avoid;break-inside:avoid}@media print{#app-header,.editor-panel,.resize-handle,.controls-bar,.pagination-bar,.page-strip,.floating-toolbar,#marquee-rect{display:none!important}.main-container{display:block}.preview-panel{width:100%;overflow:visible}.preview-area{padding:0;background:transparent;overflow:visible}.page{box-shadow:none!important;border-radius:0!important;width:100%!important;height:auto!important;padding:0!important;overflow:visible!important;page-break-after:always;break-after:page}.page:last-child{page-break-after:auto;break-after:auto}.page-footer{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}}.magmark figure.mm-figure{margin:1.2em 0;page-break-inside:avoid;break-inside:avoid;display:flow-root;max-width:100%;width:fit-content}.magmark figure.mm-figure img{border-radius:8px;display:block;max-width:100%;height:auto}.magmark figure.mm-figure figcaption{font-size:.82em;color:#888;text-align:center;margin-top:.4em;font-style:italic;line-height:1.4}.magmark figure.mm-center{text-align:center;margin-left:auto;margin-right:auto;clear:both}.magmark figure.mm-center img{margin:0 auto}.magmark figure.mm-full{width:100%;margin-left:0;margin-right:0}.magmark figure.mm-full img{width:100%;height:auto;border-radius:6px}.magmark figure.mm-float-left{float:left;margin:.3em 1.4em .8em 0;clear:left}.magmark figure.mm-float-left img{display:block}.magmark figure.mm-float-right{float:right;margin:.3em 0 .8em 1.4em;clear:right}.magmark figure.mm-float-right img{display:block}.magmark .mm-clearfix:after{content:"";display:table;clear:both}#mm-image-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#mm-image-panel{background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:16px;width:min(720px,100%);max-height:90vh;overflow-y:auto;color:#e0e0e8;display:flex;flex-direction:column;gap:0;box-shadow:0 24px 64px #0009}.mm-ip-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.mm-ip-title{font-size:16px;font-weight:700;letter-spacing:.02em;color:#fff}.mm-ip-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background .15s}.mm-ip-close:hover{color:#fff;background:#ffffff1a}.mm-ip-tabs{display:flex;padding:12px 20px 0;gap:4px;border-bottom:1px solid rgba(255,255,255,.07)}.mm-ip-tab{background:none;border:none;color:#888;font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer;border-radius:8px 8px 0 0;border-bottom:2px solid transparent;transition:color .15s,background .15s,border-color .15s}.mm-ip-tab:hover{color:#ccc;background:#ffffff0d}.mm-ip-tab.active{color:var(--th-primary, #d4af37);border-bottom-color:var(--th-primary, #d4af37);background:#d4af3714}.mm-ip-tabcontent{padding:16px 20px}.mm-ip-hint{font-size:12px;color:#666;margin-bottom:12px}.mm-ip-ratio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.mm-ip-ratio-btn{position:relative;width:100%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s}.mm-ip-ratio-btn span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#999;letter-spacing:.05em}.mm-ip-ratio-btn:hover{border-color:var(--th-primary, #d4af37);background:#d4af371a}.mm-ip-ratio-btn.active{border-color:var(--th-primary, #d4af37);background:#d4af3726}.mm-ip-ratio-btn.active span{color:var(--th-primary, #d4af37)}.mm-ip-dropzone{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;font-size:13px;color:#888}.mm-ip-dropzone:hover,.mm-ip-dropzone.drag-over{border-color:var(--th-primary, #d4af37);background:#d4af370f;color:#bbb}.mm-ip-drop-icon{font-size:32px;margin-bottom:8px}.mm-ip-field{margin-bottom:14px}.mm-ip-field label,.mm-ip-row label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#777;margin-bottom:6px}.mm-ip-field input[type=text],.mm-ip-field textarea,.mm-ip-row input[type=text],.mm-ip-row input[type=password]{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 12px;color:#e0e0e8;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.mm-ip-field input[type=text]:focus,.mm-ip-field textarea:focus,.mm-ip-row input[type=text]:focus,.mm-ip-row input[type=password]:focus{border-color:var(--th-primary, #d4af37)}.mm-ip-field textarea{resize:vertical;min-height:72px}.mm-ip-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.mm-ip-row label{margin-bottom:0;min-width:80px}.mm-ip-row select{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 12px;color:#e0e0e8;font-size:13px;outline:none;cursor:pointer}.mm-ip-row input[type=range]{flex:1}.mm-ip-key-wrap{flex:1;display:flex;gap:6px;align-items:center}.mm-ip-key-wrap input{flex:1}.mm-ip-eye{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#888;font-size:14px;cursor:pointer;padding:6px 8px;transition:background .15s}.mm-ip-eye:hover{background:#ffffff1f}.mm-ip-ref-zone{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;cursor:pointer;font-size:12px;color:#888;transition:border-color .15s,background .15s}.mm-ip-ref-zone:hover{border-color:var(--th-primary, #d4af37);background:#d4af370f}.mm-ip-ref-clear{background:#ff505026;border:none;border-radius:4px;color:#ff8080;cursor:pointer;padding:2px 6px;font-size:11px}.mm-ip-gen-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--th-primary, #d4af37),var(--th-accent, #e67e22));border:none;border-radius:10px;color:#1a1a2e;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:4px}.mm-ip-gen-btn:hover{opacity:.9}.mm-ip-gen-btn:active{transform:scale(.98)}.mm-ip-gen-btn:disabled{opacity:.5;cursor:not-allowed}.mm-ip-error{margin-top:10px;padding:10px 14px;background:#ff50501f;border:1px solid rgba(255,80,80,.3);border-radius:8px;color:#ff9090;font-size:12px;line-height:1.5}.mm-ip-preview-wrap{padding:0 20px;margin-top:4px}.mm-ip-preview{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;min-height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.mm-ip-preview img{max-width:100%;max-height:220px;object-fit:contain;border-radius:6px}.mm-ip-preview-empty{color:#555;font-size:12px}.mm-ip-layout-section{padding:14px 20px;border-top:1px solid rgba(255,255,255,.06)}.mm-ip-layout-section>label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:10px}.mm-ip-layout-btns{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.mm-ip-layout-btn{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;color:#999;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.mm-ip-layout-btn:hover{border-color:var(--th-primary, #d4af37);color:#ccc}.mm-ip-layout-btn.active{border-color:var(--th-primary, #d4af37);background:#d4af3726;color:var(--th-primary, #d4af37)}.mm-ip-url-row{display:flex;gap:8px;align-items:center}.mm-ip-url-row input[type=url]{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 12px;color:#e0e0e8;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.mm-ip-url-row input[type=url]:focus{border-color:var(--th-primary, #d4af37)}.mm-ip-url-load{background:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:var(--th-primary, #d4af37);font-size:12px;font-weight:700;padding:9px 14px;cursor:pointer;white-space:nowrap;transition:background .15s}.mm-ip-url-load:hover{background:#d4af3740}.mm-ip-url-load:disabled{opacity:.5;cursor:not-allowed}.mm-ip-img-info{display:flex;gap:12px;padding:6px 12px;margin-top:10px;background:#ffffff0a;border-radius:6px;font-size:11px;color:#888;align-items:center}.mm-ip-footer{padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:8px;align-items:stretch}.mm-ip-md-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#aaa;font-size:13px;font-weight:600;padding:0 16px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.mm-ip-md-btn:hover{background:#ffffff1a;color:#fff}.mm-ip-md-btn:disabled{opacity:.35;cursor:not-allowed}.mm-ip-insert-btn{flex:1;padding:13px;background:var(--th-primary, #d4af37);border:none;border-radius:10px;color:#1a1a2e;font-size:15px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:opacity .15s,transform .1s}.mm-ip-insert-btn:hover{opacity:.9}.mm-ip-insert-btn:active{transform:scale(.98)}.mm-ip-insert-btn:disabled{opacity:.35;cursor:not-allowed;background:#555;color:#888}.magmark figure.mm-figure{position:relative;cursor:pointer;transition:outline .15s;outline:2px solid transparent;outline-offset:3px;border-radius:4px}.magmark figure.mm-figure:hover{outline-color:color-mix(in srgb,var(--th-primary, #d4af37) 60%,transparent)}.magmark figure.mm-figure.mm-fig-selected{outline-color:var(--th-primary, #d4af37);outline-offset:4px}.magmark figure.mm-figure .mm-fig-actions{position:absolute;top:8px;right:8px;display:none;flex-direction:row;gap:5px;z-index:10;font-size:13px;letter-spacing:0;font-family:system-ui,sans-serif;line-height:1}.magmark figure.mm-figure:hover .mm-fig-actions,.magmark figure.mm-figure.mm-fig-selected .mm-fig-actions{display:flex}.mm-fig-btn{background:#0000009e;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:13px;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s;letter-spacing:0;font-family:system-ui,sans-serif;line-height:1}.mm-fig-edit:hover{background:var(--th-primary, #d4af37);border-color:var(--th-primary, #d4af37);color:#1a1a2e}.mm-fig-delete:hover{background:#d33;border-color:#d33;color:#fff}.magmark figure.mm-figure .mm-fig-handles{display:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;z-index:15}.magmark figure.mm-figure.mm-fig-selected .mm-fig-handles{display:block}.mm-fig-handle{position:absolute;width:9px;height:9px;background:#fff;border:2px solid var(--th-primary, #d4af37);border-radius:2px;pointer-events:all;box-shadow:0 1px 4px #00000073;transform:translate(-50%,-50%);transition:background .1s,transform .1s;z-index:20}.mm-fig-handle:hover{background:var(--th-primary, #d4af37);transform:translate(-50%,-50%) scale(1.3)}.mm-fig-handle[data-dir=nw]{top:0;left:0;cursor:nw-resize}.mm-fig-handle[data-dir=n]{top:0;left:50%;cursor:n-resize}.mm-fig-handle[data-dir=ne]{top:0;left:100%;cursor:ne-resize}.mm-fig-handle[data-dir=e]{top:50%;left:100%;cursor:e-resize}.mm-fig-handle[data-dir=se]{top:100%;left:100%;cursor:se-resize}.mm-fig-handle[data-dir=s]{top:100%;left:50%;cursor:s-resize}.mm-fig-handle[data-dir=sw]{top:100%;left:0;cursor:sw-resize}.mm-fig-handle[data-dir=w]{top:50%;left:0;cursor:w-resize}.magmark figure.mm-figure.mm-fig-resizing{opacity:.88;outline-color:var(--th-primary, #d4af37)!important;transition:none}.magmark figure.mm-figure.mm-fig-resizing .mm-fig-actions{display:none}.magmark .mm-badge-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:.3em 0 .1em;line-height:1}.magmark .mm-badge-row img{display:inline-block;margin:0;border-radius:3px;vertical-align:middle;height:auto}.magmark .mm-badge-row+figure.mm-figure{margin-top:.5em}.mm-cp-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:3000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mm-cp-panel{background:var(--bg-panel, #1e1e2e);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:12px;width:min(900px,95vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.mm-cp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.08));flex-shrink:0}.mm-cp-title{font-size:13px;font-weight:600;color:var(--text-primary, #e8e8e8);letter-spacing:.02em}.mm-cp-close{width:26px;height:26px;background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-secondary, #888);border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.mm-cp-close:hover{background:#e55;color:#fff;border-color:#e55}.mm-cp-body{display:flex;flex:1;overflow:hidden;gap:0}.mm-cp-controls{width:280px;flex-shrink:0;padding:18px;overflow-y:auto;border-right:1px solid var(--border-color, rgba(255,255,255,.08));display:flex;flex-direction:column;gap:8px}.mm-cp-section-label{font-size:10px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.mm-cp-input{width:100%;background:var(--ctrl-bg, rgba(255,255,255,.05));border:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-primary, #e8e8e8);border-radius:6px;padding:7px 10px;font-size:12px;font-family:system-ui,sans-serif}.mm-cp-input:focus{outline:none;border-color:var(--primary, #d4af37)}.mm-cp-input::placeholder{color:var(--text-secondary, #666)}.mm-cp-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mm-cp-tpl-btn{background:var(--ctrl-bg, rgba(255,255,255,.05));border:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-secondary, #aaa);border-radius:6px;padding:8px 6px;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:system-ui,sans-serif;letter-spacing:0}.mm-cp-tpl-btn:hover{border-color:var(--primary, #d4af37);color:var(--text-primary, #e8e8e8)}.mm-cp-tpl-btn.active{background:color-mix(in srgb,var(--primary, #d4af37) 15%,transparent);border-color:var(--primary, #d4af37);color:var(--primary, #d4af37);font-weight:600}.mm-cp-ai-row{display:flex;gap:6px}.mm-cp-textarea{width:100%;min-height:80px;background:var(--ctrl-bg, rgba(255,255,255,.05));border:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-primary, #e8e8e8);border-radius:6px;padding:8px 10px;font-size:12px;font-family:system-ui,sans-serif;resize:vertical;line-height:1.5}.mm-cp-textarea:focus{outline:none;border-color:var(--primary, #d4af37)}.mm-cp-textarea::placeholder{color:var(--text-secondary, #666)}.mm-cp-ai-btn{width:100%;background:var(--primary, #d4af37);border:none;color:#1a1a2e;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s;letter-spacing:.02em;font-family:system-ui,sans-serif}.mm-cp-ai-btn:hover:not(:disabled){opacity:.85}.mm-cp-ai-btn:active:not(:disabled){transform:scale(.98)}.mm-cp-ai-btn:disabled{opacity:.45;cursor:not-allowed}.mm-cp-ai-status{font-size:11px;min-height:16px;color:var(--text-secondary, #888);font-family:system-ui,sans-serif;letter-spacing:0}.mm-cp-preview-wrap{flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;min-width:0}.mm-cp-preview-box{border-radius:6px;overflow:hidden;background:#fff;position:relative;flex-shrink:0}.mm-cp-iframe{width:100%;height:100%;border:none;display:block}.mm-cp-insert-btn{background:var(--primary, #d4af37);border:none;color:#1a1a2e;border-radius:8px;padding:11px 20px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.05em;transition:opacity .15s,transform .1s;font-family:system-ui,sans-serif;flex-shrink:0}.mm-cp-insert-btn:hover{opacity:.88}.mm-cp-insert-btn:active{transform:scale(.98)}.bubufu-tools-back{color:inherit;text-decoration:none;font-size:12px;white-space:nowrap;margin-right:12px}@media screen and (max-width:700px){body{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}header#app-header{height:auto;min-height:64px;padding:14px 16px;flex-wrap:wrap;gap:14px}.header-actions{width:100%;flex-wrap:wrap;gap:8px}.header-actions .btn,.file-upload-btn{padding:8px 10px;white-space:nowrap}.main-container{flex-direction:column;overflow:visible;flex:none;min-width:0}.editor-panel{width:100%!important;min-width:0;max-width:none;height:280px;border-right:0}.resize-handle{display:none}.preview-panel{flex:none;width:100%;min-width:0;height:900px}.controls-bar{padding:16px;gap:14px;position:static}.controls-bar .control-group{max-width:100%}.preview-area{min-height:380px;padding:32px;overflow:auto}.pagination-bar{gap:10px;padding:12px}}