*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}.toolbar{color:#e6edf3;background:#0d1117;border-bottom:1px solid #30363d;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.toolbar-left{align-items:center;gap:10px;display:flex}.logo{letter-spacing:.5px;color:#fff;font-size:16px;font-weight:700}.logo-desc{color:#8b949e;font-size:12px;font-weight:400}.toolbar-right{align-items:center;gap:4px;display:flex}.toolbar-divider{background:#30363d;width:1px;height:20px;margin:0 4px}.toolbar-group{position:relative}.toolbar-btn{color:#e6edf3;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:background .2s;display:flex}.toolbar-btn:hover{background:#21262d}.btn-copy{color:#fff;background:#07c160}.btn-copy:hover{background:#06a854}.btn-copy.copied{background:#10b981}.dropdown{z-index:100;background:#fff;border-radius:8px;min-width:140px;max-height:360px;margin-top:4px;padding:4px;display:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000026}.dropdown.show{display:block}.dropdown-item{cursor:pointer;color:#1f2937;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.active{background:#f0fdf4;font-weight:600}.theme-dot,.platform-dot{border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.format-bar{background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0;align-items:center;gap:2px;padding:4px 12px;display:flex}.fmt-btn{color:#c9d1d9;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:28px;font-size:13px;transition:background .15s;display:flex}.fmt-btn:hover{color:#fff;background:#30363d}.fmt-btn b{font-size:14px;font-weight:700}.fmt-btn i{font-family:Georgia,serif;font-size:14px;font-style:italic}.fmt-btn s{font-size:13px}.fmt-sep{background:#30363d;width:1px;height:18px;margin:0 4px}.workspace{flex:1;display:flex;overflow:hidden}.editor-pane{background:#282c34;flex:1;overflow:hidden}.editor-pane .cm-editor{height:100%}.editor-pane .cm-scroller{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px}.divider{background:#e5e7eb;flex-shrink:0;width:1px}.preview-pane{background:#fff;flex:1;overflow:hidden}.preview-scroll{height:100%;padding:24px;overflow-y:auto}.preview-content{max-width:680px;margin:0 auto}.css-panel{background:#1e1e1e;border-left:1px solid #30363d;flex-direction:column;flex-shrink:0;width:0;transition:width .2s;display:flex;overflow:hidden}.css-panel.show{width:280px}.css-panel-header{color:#c9d1d9;background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.css-panel-actions{gap:4px;display:flex}.css-action-btn{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:4px;padding:3px 10px;font-size:12px}.css-action-btn:hover{background:#30363d}.css-apply-btn{color:#fff;background:#238636;border-color:#238636}.css-apply-btn:hover{background:#2ea043}.css-textarea{color:#d4d4d4;resize:none;background:#1e1e1e;border:none;outline:none;flex:1;width:100%;padding:12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6}.toolbar-btn.active{color:#58a6ff;background:#30363d}.statusbar{color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:24px;padding:0 16px;font-size:12px;display:flex}.toast{color:#fff;opacity:0;z-index:9999;pointer-events:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:opacity .3s,transform .3s;position:fixed;bottom:40px;left:50%;transform:translate(-50%)translateY(20px)}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.drag-overlay{z-index:9998;color:#07c160;pointer-events:none;background:#07c16014;border:3px dashed #07c160;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:fixed;inset:0}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:380px;padding:32px;position:relative;box-shadow:0 8px 32px #0003}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;position:absolute;top:12px;right:16px}.modal-close:hover{color:#1f2937}.modal-title{color:#1f2937;margin-bottom:4px;font-size:20px;font-weight:700}.modal-subtitle{color:#6b7280;margin-bottom:16px;font-size:13px}.modal-body p{color:#374151;margin-bottom:16px;font-size:14px;line-height:1.6}.modal-qr-section{border-top:1px solid #e5e7eb;padding-top:12px}.modal-qr-label{color:#1f2937;margin-bottom:4px;font-size:14px}.modal-qr-hint{color:#9ca3af;margin-bottom:12px;font-size:12px}.modal-qr-img{border:1px solid #e5e7eb;border-radius:8px;width:160px;height:160px}@media (width<=768px){.workspace{flex-direction:column}.editor-pane,.preview-pane{flex:none;height:50%}.divider{width:100%;height:1px}.btn-label{display:none}.toolbar-btn{padding:6px 8px}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}