.tool-shell{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:24px;max-width:900px;margin:0 auto;width:100%}.tool-shell-header{margin-bottom:24px}.tool-shell-back{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--bg-panel, #fff);color:var(--text-secondary, #6b7280);cursor:pointer;font-size:13px;margin-bottom:16px;transition:all .15s}.tool-shell-back:hover{background:var(--bg, #f8f9fa);color:var(--text, #2c3e50)}.tool-shell-title{display:flex;align-items:center;gap:10px}.tool-shell-icon{font-size:28px}.tool-shell-title h1{font-size:22px;font-weight:700;margin:0}.tool-shell-desc{color:var(--text-secondary, #6b7280);margin:8px 0 0;font-size:14px}.tool-shell-body{flex:1}.tool-zone{border:2px dashed var(--border, #e5e7eb);border-radius:12px;padding:40px 24px;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}.tool-zone:hover,.tool-zone.dragover{border-color:var(--accent, #6366f1);background:#6366f10a}.tool-zone-icon{font-size:40px;margin-bottom:12px}.tool-zone-text{font-size:15px;color:var(--text-secondary, #6b7280)}.tool-zone-hint{font-size:12px;color:#999;margin-top:6px}.tool-actions{display:flex;gap:10px;margin-top:16px;justify-content:center;flex-wrap:wrap}.tool-btn{padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.tool-btn.primary{background:var(--accent, #6366f1);color:#fff}.tool-btn.primary:hover{background:var(--accent-hover, #4f46e5)}.tool-btn.primary:disabled{opacity:.5;cursor:not-allowed}.tool-btn.secondary{background:var(--bg-panel, #fff);color:var(--text, #2c3e50);border:1px solid var(--border, #e5e7eb)}.tool-btn.secondary:hover{background:var(--bg, #f8f9fa)}.tool-btn.danger{background:#ef4444;color:#fff}.tool-btn.danger:hover{background:#dc2626}.tool-result{margin-top:16px;padding:14px 18px;border-radius:8px;font-size:14px;text-align:center}.tool-result.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.tool-result.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.tool-result.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.tool-file-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.tool-file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-panel, #fff);border:1px solid var(--border, #e5e7eb);border-radius:8px;font-size:13px}.tool-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-file-size{color:var(--text-secondary, #6b7280);margin:0 12px;flex-shrink:0}.tool-file-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;flex-shrink:0}.tool-preview{margin-top:20px;border:1px solid var(--border, #e5e7eb);border-radius:10px;overflow:hidden;background:#fff}.tool-preview-header{padding:10px 16px;background:var(--bg, #f8f9fa);border-bottom:1px solid var(--border, #e5e7eb);font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280)}.tool-preview-content{padding:16px;max-height:500px;overflow-y:auto;font-size:14px;line-height:1.7}.tool-range-row{display:flex;align-items:center;gap:12px;margin-top:16px;justify-content:center}.tool-range-row label{font-size:13px;color:var(--text-secondary, #6b7280);min-width:60px}.tool-range-row input[type=range]{flex:1;max-width:200px}.tool-range-row .tool-range-val{font-size:13px;font-weight:600;min-width:40px}.tool-input-row{display:flex;gap:10px;margin-top:14px;justify-content:center}.tool-input-row input,.tool-input-row select{padding:8px 12px;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:14px;background:var(--bg-panel, #fff);color:var(--text, #2c3e50)}.tool-input-row select{min-width:100px}.card-body{padding:32px;border-radius:10px;line-height:1.8;transition:all .3s ease;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden}.card-body h1{font-size:1.8em;font-weight:700;margin:16px 0 12px;line-height:1.3}.card-body h2{font-size:1.5em;font-weight:700;margin:16px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1);line-height:1.3}.card-body h3{font-size:1.35em;font-weight:700;margin:14px 0 8px}.card-body h4{font-size:1.2em;font-weight:700;margin:12px 0 6px}.card-body h5{font-size:1.1em;font-weight:700;margin:10px 0 6px}.card-body h6{font-size:1em;font-weight:700;margin:8px 0 4px}.card-body p{margin:6px 0;line-height:1.7}.card-body ul,.card-body ol{padding-left:24px;margin:8px 0}.card-body li{margin:4px 0}.card-body li>ul,.card-body li>ol{margin:2px 0}.card-body strong{font-weight:700}.card-body em{font-style:italic}.card-body .inline-code,.card-body code:not(pre code){background:#0000000f;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.card-body .code-block,.card-body pre{background:#0000000f;padding:16px;border-radius:8px;overflow-x:auto;font-size:.88em;line-height:1.5;margin:12px 0}.card-body pre code{background:none;padding:0;border-radius:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;white-space:pre-wrap;word-wrap:break-word}.card-body .card-blockquote,.card-body blockquote{border-left:4px solid currentColor;opacity:.7;margin:12px 0;padding:8px 16px;font-style:italic}.card-body .card-hr,.card-body hr{border:none;border-top:2px dashed rgba(0,0,0,.12);margin:20px 0}.card-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.92em}.card-body th{background:#0000000f;padding:8px 12px;text-align:left;font-weight:700;border-bottom:2px solid rgba(0,0,0,.1)}.card-body td{padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08)}.card-body tr:last-child td{border-bottom:none}.card-body .card-link,.card-body a{color:inherit;text-decoration:underline;opacity:.85}.card-body a:hover{opacity:1}.card-body img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}.theme-warm-soft{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#4a3728;font-family:Georgia,"Noto Serif SC",serif}.theme-simple-gray{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;font-family:Helvetica Neue,PingFang SC,sans-serif}.theme-dream-gradient{background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:#2d1b69;font-family:Georgia,"Noto Serif SC",serif}.theme-fresh-nature{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#1a4731;font-family:Helvetica Neue,PingFang SC,sans-serif}.theme-ai-tech{background:linear-gradient(135deg,#0c0c1d,#1a1a3e,#2d1b69);color:#e0e0ff;font-family:Courier New,Noto Sans SC,monospace}.theme-ai-tech .inline-code,.theme-ai-tech code:not(pre code){background:#ffffff1a;color:#a0ffa0}.theme-ai-tech .code-block,.theme-ai-tech pre{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.theme-ai-tech blockquote{border-left-color:#e0e0ff4d}.theme-xiaohongshu{background:linear-gradient(135deg,#fff5f5,#ffe0e0);color:#c0392b;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.theme-xiaohongshu h1{font-size:2em}.theme-xiaohongshu h2{border-bottom-color:#c0392b26}.theme-ocean-breeze{background:linear-gradient(135deg,#e0f7fa,#80deea);color:#004d40;font-family:Segoe UI,PingFang SC,sans-serif}.theme-sunset-glow{background:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);color:#5c1a1a;font-family:Georgia,"Noto Serif SC",serif}.theme-midnight{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#e8e8ff;font-family:Segoe UI,PingFang SC,sans-serif}.theme-midnight .inline-code,.theme-midnight code:not(pre code){background:#ffffff1a;color:gold}.theme-midnight .code-block,.theme-midnight pre{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.theme-midnight blockquote{border-left-color:#e8e8ff4d}.theme-minimal-light{background:#fff;color:#1a1a1a;font-family:Inter,PingFang SC,sans-serif;box-shadow:inset 0 0 0 1px #0000000f}.theme-vintage-paper{background:#f4e4c1;color:#3e2723;font-family:Georgia,"Noto Serif SC",serif}.theme-neon-night{background:#0a0a0a;color:#0f8;font-family:Courier New,Noto Sans SC,monospace}.theme-neon-night .inline-code,.theme-neon-night code:not(pre code){background:#00ff881a;color:#0f8}.theme-neon-night .code-block,.theme-neon-night pre{background:#111;border:1px solid rgba(0,255,136,.2)}.theme-neon-night h2{border-bottom-color:#0f83}.theme-neon-night blockquote{border-left-color:#00ff884d}.theme-cherry-blossom{background:linear-gradient(135deg,#ffeef8,pink);color:#8b2252;font-family:Georgia,"Noto Serif SC",serif}.theme-arctic{background:linear-gradient(135deg,#e8f4f8,#b8dce8);color:#1a3a5c;font-family:Segoe UI,PingFang SC,sans-serif}.theme-golden-hour{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff8e7;font-family:Georgia,"Noto Serif SC",serif}.theme-golden-hour .inline-code,.theme-golden-hour code:not(pre code){background:#ffffff26;color:#ffd89b}.theme-golden-hour .code-block,.theme-golden-hour pre{background:#00000026}.theme-golden-hour blockquote{border-left-color:#fff8e74d}.theme-vscode-dark{background:#1e1e1e;color:#d4d4d4;font-family:JetBrains Mono,Fira Code,Consolas,PingFang SC,monospace}.theme-vscode-dark h1{color:#569cd6}.theme-vscode-dark h2{color:#4ec9b0;border-bottom-color:#4ec9b033}.theme-vscode-dark h3{color:#dcdcaa}.theme-vscode-dark .inline-code{background:#ffffff14;color:#ce9178}.theme-vscode-dark .code-block,.theme-vscode-dark pre{background:#252526;border:1px solid #3c3c3c}.theme-vscode-dark blockquote{border-left-color:#569cd6;color:#9cdcfe;font-style:italic}.theme-vscode-dark strong{color:#4fc1ff}.theme-vscode-dark a{color:#3794ff}.theme-vscode-dark hr{border-top-color:#ffffff14}.theme-vscode-dark th{background:#2d2d2d;border-bottom-color:#569cd6}.theme-vscode-dark td{border-bottom-color:#ffffff0f}.theme-notion{background:#fff;color:#37352f;font-family:Inter,PingFang SC,-apple-system,sans-serif;box-shadow:none;border:none}.theme-notion h1{font-weight:700;color:#37352f}.theme-notion h2{font-weight:600;border-bottom:none;padding-bottom:0;color:#37352f}.theme-notion .inline-code{background:#f1f1ef;color:#eb5757;border-radius:3px}.theme-notion .code-block,.theme-notion pre{background:#f7f6f3;border:none}.theme-notion blockquote{border-left-color:#e03e2d;background:#fbfbfa;padding:12px 16px}.theme-notion hr{border-top-style:solid;border-top-color:#e9e9e7}.theme-obsidian{background:#1a1a2e;color:#c8c8e0;font-family:Inter,PingFang SC,sans-serif}.theme-obsidian h1,.theme-obsidian h2,.theme-obsidian h3{color:#7f5af0}.theme-obsidian h2{border-bottom-color:#7f5af033}.theme-obsidian .inline-code{background:#7f5af026;color:#ff6b9d}.theme-obsidian .code-block,.theme-obsidian pre{background:#12121f;border:1px solid rgba(127,90,240,.15)}.theme-obsidian blockquote{border-left-color:#7f5af0}.theme-obsidian strong{color:#e0a0ff}.theme-obsidian a{color:#7f5af0}.theme-typora{background:#fcfaf2;color:#333;font-family:Georgia,"Noto Serif SC",Songti SC,serif}.theme-typora h1{border-bottom:1px solid #dadada;padding-bottom:8px}.theme-typora .inline-code{background:#f3f3f3;color:#c7254e}.theme-typora .code-block,.theme-typora pre{background:#f8f8f8;border:1px solid #e7e7e7}.theme-typora blockquote{border-left-color:#e6e6e6;background:#f8f8f8}.theme-typora hr{border-top-style:solid}.theme-figma{background:#2c2c2c;color:#e6e6e6;font-family:Inter,PingFang SC,sans-serif}.theme-figma h1,.theme-figma h2,.theme-figma h3{color:#fff}.theme-figma h2{border-bottom-color:#ffffff1a}.theme-figma .inline-code{background:#3d3d3d;color:#ffab40}.theme-figma .code-block,.theme-figma pre{background:#383838;border:1px solid #444}.theme-figma blockquote{border-left-color:#7c4dff}.theme-linear{background:#0d0d0d;color:#d4d4d4;font-family:Inter,PingFang SC,-apple-system,sans-serif}.theme-linear h1,.theme-linear h2{color:#fff}.theme-linear h2{border-bottom-color:#5e6ad266}.theme-linear .inline-code{background:#5e6ad226;color:#5e6ad2}.theme-linear .code-block,.theme-linear pre{background:#141414;border:1px solid #222}.theme-linear blockquote{border-left-color:#5e6ad2;color:#a0a0a0}.theme-linear a{color:#5e6ad2}.theme-linear strong{color:#fff}.theme-bear{background:#fdf6e3;color:#404040;font-family:Avenir,PingFang SC,Helvetica Neue,sans-serif}.theme-bear h1,.theme-bear h2,.theme-bear h3{color:#d35400}.theme-bear h2{border-bottom-color:#d3540026}.theme-bear .inline-code{background:#f0e6d3;color:#e74c3c}.theme-bear .code-block,.theme-bear pre{background:#f9f1e1;border:1px solid #e9dbc4}.theme-bear blockquote{border-left-color:#e67e22;background:#fef9f0}.theme-bear a{color:#c0392b}.theme-apple-notes{background:#fffbec;color:#2c2c2c;font-family:SF Pro Display,PingFang SC,-apple-system,sans-serif}.theme-apple-notes h1{color:#ff9500;font-weight:700}.theme-apple-notes h2{border-bottom:none;color:#ff9500}.theme-apple-notes h3{color:#ff9f0a}.theme-apple-notes .inline-code{background:#fef2cc;color:#ff3b30}.theme-apple-notes .code-block,.theme-apple-notes pre{background:#fff9d7;border:1px solid #f5e6b8}.theme-apple-notes blockquote{border-left-color:#ff9500;background:#fff7d7}.theme-terminal{background:#0c0c0c;color:#00ff41;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.theme-terminal h1{color:#00ff41}.theme-terminal h2{border-bottom-color:#00ff4133;color:#00ff41}.theme-terminal .inline-code{background:#1a1a1a;color:#00ff41}.theme-terminal .code-block,.theme-terminal pre{background:#111;border:1px solid rgba(0,255,65,.2);color:#00ff41}.theme-terminal blockquote{border-left-color:#00ff4166;color:#0c3}.theme-terminal a{color:#00ff41;text-decoration:underline}.theme-terminal strong{color:#00ff41}.theme-terminal hr{border-top-color:#00ff4126}.theme-ia-writer{background:#f5f5f5;color:#1a1a1a;font-family:iA Writer Quattro,JetBrains Mono,PingFang SC,monospace}.theme-ia-writer h1,.theme-ia-writer h2,.theme-ia-writer h3{color:#111}.theme-ia-writer h2{border-bottom:none}.theme-ia-writer .inline-code{background:#e8e8e8;color:#666}.theme-ia-writer .code-block,.theme-ia-writer pre{background:#fff;border:1px solid #e0e0e0}.theme-ia-writer blockquote{border-left-color:#bbb;font-style:normal;color:#666}.theme-ia-writer hr{border-top-color:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f8f9fa;--bg-panel: #ffffff;--bg-header: #ffffff;--text: #2c3e50;--text-secondary: #6b7280;--border: #e5e7eb;--accent: #6366f1;--accent-hover: #4f46e5;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--radius: 10px;--header-height: 52px}.dark{--bg: #111827;--bg-panel: #1f2937;--bg-header: #1f2937;--text: #e5e7eb;--text-secondary: #9ca3af;--border: #374151;--accent: #818cf8;--accent-hover: #6366f1;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4)}body{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 20px;background:var(--bg-header);border-bottom:1px solid var(--border);flex-shrink:0;z-index:100}.header-left{display:flex;align-items:center;gap:10px}.logo{font-size:18px;font-weight:700;color:var(--text)}.subtitle{font-size:13px;color:var(--text-secondary);padding-left:10px;border-left:1px solid var(--border)}.btn-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{border-color:var(--accent);background:#6366f114}.btn-icon.active{background:#6366f11a;border-color:var(--accent)}.panel-header-preview{gap:8px}.panel-header-actions{display:flex;align-items:center;gap:6px}.btn-export-inline{padding:4px 10px;border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:600;color:#fff;transition:all .2s;white-space:nowrap}.btn-export-inline.png{background:#6366f1}.btn-export-inline.png:hover{background:#4f46e5}.btn-export-inline.svg{background:#10b981}.btn-export-inline.svg:hover{background:#059669}.btn-export-inline.clipboard{background:#f59e0b}.btn-export-inline.clipboard:hover{background:#d97706}.btn-export-inline:disabled{opacity:.5;cursor:not-allowed}.export-msg-inline{font-size:11px;color:var(--text-secondary);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-nav{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;padding-left:16px}.nav-item{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.nav-item:hover{color:var(--text);background:#6366f10f}.nav-item.active{color:#fff;background:var(--accent);font-weight:600}.nav-icon{font-size:14px}.nav-dropdown{position:relative}.nav-cat{padding-right:6px}.nav-arrow{font-size:8px;margin-left:1px;opacity:.5;transition:transform .2s}.nav-dropdown:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:180px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:6px;z-index:500;flex-direction:column;gap:1px}.nav-dropdown:hover .nav-dropdown-menu{display:flex}.nav-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .12s;white-space:nowrap;text-align:left;width:100%}.nav-dropdown-item:hover{background:#6366f114;color:var(--accent)}.nav-dropdown-item.active{background:var(--accent);color:#fff;font-weight:600}.main-content{display:flex;flex:1;overflow:hidden;gap:0}.panel{display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;height:40px}.panel-left{flex:0 0 380px;border-right:1px solid var(--border);min-width:300px}.panel-center{flex:1;background:var(--bg);min-width:400px}.panel-right{flex:0 0 300px;border-left:1px solid var(--border);background:var(--bg-panel);min-width:260px;transition:flex .3s,min-width .3s}.panel-right.collapsed{flex:0 0 48px;min-width:48px}.panel-right.collapsed .settings-content{display:none}.preview-container{flex:1;overflow:hidden auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:32px;min-width:0}.card-count{font-size:12px;background:#6366f11a;color:var(--accent);padding:2px 8px;border-radius:10px}.card-preview-outer{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center}.card-preview-wrapper{width:100%;min-width:0;box-shadow:var(--shadow-lg);border-radius:var(--radius);overflow:hidden;transition:all .3s ease}.card-preview-wrapper:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-1px)}.card-index{text-align:center;font-size:11px;color:var(--text-secondary);margin-bottom:4px}.editor-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-wrapper .w-md-editor{flex:1;border:none!important;border-radius:0!important;box-shadow:none!important}.editor-wrapper .w-md-editor-toolbar{border-bottom:1px solid var(--border)!important;border-radius:0!important;background:var(--bg-panel)!important}.editor-wrapper .w-md-editor-content{flex:1}.editor-wrapper .w-md-editor-text-input,.editor-wrapper .w-md-editor-text-pre>code{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important;font-size:13px!important;line-height:1.7!important}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:5px 8px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.editor-toolbar.dark{background:#1f2937}.toolbar-btn{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:JetBrains Mono,Consolas,monospace}.toolbar-btn:hover{background:#6366f11a;color:var(--accent)}.toolbar-btn:active{background:#6366f133}.toolbar-btn-upload{color:var(--accent);font-weight:700}.toolbar-btn-upload:hover{background:#6366f126}.toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 3px}.markdown-textarea{flex:1;width:100%;padding:16px;border:none;border-radius:0;resize:none;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.7;background:var(--bg-panel);color:var(--text);outline:none}.settings-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.settings-section h3{font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--bg-panel);text-align:center}.theme-item:hover{border-color:var(--accent);transform:scale(1.03)}.theme-item.active{border-color:var(--accent);background:#6366f114;box-shadow:0 0 0 2px #6366f133}.theme-item .theme-icon{font-size:20px}.theme-item .theme-name{font-size:11px;color:var(--text-secondary);line-height:1.2}.font-size-group{display:flex;gap:6px}.font-btn{flex:1;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;text-align:center}.font-btn:hover{border-color:var(--accent)}.font-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.font-family-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.font-family-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);cursor:pointer;transition:all .2s}.font-family-btn:hover{border-color:var(--accent)}.font-family-btn.active{border-color:var(--accent);background:#6366f114;box-shadow:0 0 0 2px #6366f133}.font-family-sample{font-size:20px;line-height:1.2;color:var(--text)}.font-family-name{font-size:10px;color:var(--text-secondary)}.width-group{display:flex;flex-direction:column;gap:6px}.width-btn{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);cursor:pointer;font-size:12px;transition:all .2s;text-align:center}.width-btn:hover{border-color:var(--accent)}.width-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ratio-group{display:flex;flex-direction:column;gap:5px}.ratio-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);cursor:pointer;font-size:12px;transition:all .2s;width:100%;text-align:left}.ratio-btn:hover{border-color:var(--accent)}.ratio-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ratio-icon{font-size:16px;flex-shrink:0}.ratio-label{display:flex;flex-direction:column;gap:1px}.ratio-name{font-weight:600}.ratio-desc{font-size:10px;opacity:.7}.custom-ratio-inputs{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 0}.ratio-input{width:60px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);font-size:14px;text-align:center;outline:none}.ratio-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f126}.ratio-colon{font-size:16px;font-weight:700;color:var(--text-secondary)}.split-group{display:flex;flex-direction:column;gap:5px}.split-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);cursor:pointer;font-size:12px;transition:all .2s;width:100%;text-align:left}.split-btn:hover{border-color:var(--accent)}.split-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.split-icon{font-size:16px;flex-shrink:0}.split-label{display:flex;flex-direction:column;gap:1px}.split-name{font-weight:600}.split-desc{font-size:10px;opacity:.7}.home-page{flex:1;overflow-y:auto;padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:8px}.home-hero{text-align:center;margin-bottom:32px}.home-hero h1{font-size:28px;font-weight:800;color:var(--text);margin-bottom:8px}.home-hero p{font-size:15px;color:var(--text-secondary);max-width:480px;line-height:1.6}.home-category{max-width:1100px;width:100%;margin-bottom:24px}.home-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:0 2px}.home-cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.home-cat-header h2{font-size:18px;font-weight:700;color:var(--text)}.home-cat-count{font-size:12px;color:var(--text-secondary);background:#6b72801a;padding:2px 8px;border-radius:10px}.home-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;width:100%}.home-tool-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);transition:all .2s;cursor:default;text-decoration:none;color:inherit}.home-tool-card.available{cursor:pointer}.home-tool-card.available:hover{border-color:var(--accent);box-shadow:0 4px 16px #6366f11f;transform:translateY(-2px)}.home-tool-card.coming-soon{opacity:.6}.home-tool-card.featured{grid-column:1 / -1;flex-direction:row;align-items:center;padding:20px 24px;gap:18px;border:1px solid var(--accent);background:linear-gradient(135deg,rgba(99,102,241,.06),transparent)}.home-tool-card.featured .home-tool-icon{width:56px;height:56px;border-radius:14px;flex-shrink:0}.home-tool-card.featured .home-tool-info h3{font-size:16px}.home-tool-card.featured .home-tool-info p{font-size:13px;max-width:480px}.home-tool-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.home-tool-info h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.home-tool-info p{font-size:12px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-tool-tags{display:flex;gap:6px}.home-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.home-tag.hot{background:#ef44441a;color:#ef4444}.home-tag.ready{background:#22c55e1a;color:#16a34a}.home-tag.soon{background:#6b72801a;color:var(--text-secondary)}.home-footer{margin-top:48px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tool-layout{flex:1;display:flex;overflow:hidden}.tool-sidebar{flex:0 0 200px;width:200px;background:var(--bg);border-right:2px solid #6366f1;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.tool-sidebar-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 8px;margin-bottom:4px;border-bottom:1px solid var(--border)}.tool-sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--text);transition:all .15s;text-align:left;width:100%}.tool-sidebar-item:hover{background:var(--bg-hover)}.tool-sidebar-item.active{background:#6366f1;color:#fff;font-weight:600}.tool-sidebar-icon{font-size:16px;flex-shrink:0;width:20px;text-align:center}.tool-sidebar-toggle{display:none;position:fixed;top:calc(var(--header-height) + 8px);left:8px;z-index:300;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;font-size:18px;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.tool-sidebar-toggle.open{background:#6366f1;color:#fff;border-color:#6366f1}.tool-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;background:#0000004d}.tool-main{flex:1;overflow-y:auto;min-width:0}@media (max-width: 768px){.tool-sidebar-toggle{display:flex}.tool-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;z-index:300;width:220px;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg);padding-top:16px}.tool-sidebar.open{transform:translate(0)}.tool-sidebar-overlay{display:block}.tool-main{width:100%}}.mobile-menu-btn{display:none;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);cursor:pointer;font-size:18px;align-items:center;justify-content:center}.mobile-nav-overlay{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#0006;z-index:200;animation:fadeIn .2s ease}.mobile-nav{background:var(--bg-panel);padding:12px;display:flex;flex-direction:column;gap:4px;max-height:70vh;overflow-y:auto;border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}.mobile-nav .nav-item{width:100%;text-align:left;padding:10px 14px;border-radius:8px}.mobile-cat{display:flex;flex-direction:column}.mobile-sub{display:flex;flex-direction:column;padding-left:16px;margin-left:8px;border-left:2px solid var(--border)}.mobile-sub .nav-sub{font-size:13px;padding:8px 12px}@media (max-width: 1024px){:root{--header-height: 48px}.app{height:100dvh}body{overflow:auto}.app-header{padding:0 12px;gap:8px}.logo{font-size:16px}.subtitle{display:none}.header-nav{padding-left:8px;gap:1px}.nav-item{padding:5px 8px;font-size:11px}.nav-icon{font-size:13px}.home-page{padding:24px 16px}.home-hero{margin-bottom:24px}.home-hero h1{font-size:22px}.home-tools{grid-template-columns:repeat(3,1fr);gap:10px}.home-tool-card{padding:14px;gap:8px}.home-tool-icon{width:36px;height:36px;font-size:18px}.home-tool-info h3{font-size:13px}.home-tool-info p{font-size:11px}.home-cat-header h2{font-size:16px}.panel-left{flex:0 0 300px;min-width:250px}.panel-right{flex:0 0 250px;min-width:220px}.theme-grid{grid-template-columns:1fr}.preview-container{padding:16px;gap:20px}}@media (max-width: 768px){:root{--header-height: 44px}.header-nav{display:none}.mobile-menu-btn{display:flex}.mobile-nav-overlay.show{display:block}.app-header{padding:0 10px}.logo{font-size:15px}.home-page{padding:16px 10px}.home-hero h1{font-size:20px}.home-hero p{font-size:13px}.home-tools{grid-template-columns:repeat(2,1fr);gap:8px}.home-tool-card{padding:12px}.home-tool-icon{width:32px;height:32px;font-size:16px;border-radius:8px}.home-tool-info h3{font-size:12px}.home-tool-info p{font-size:10px;-webkit-line-clamp:2}.home-tag{font-size:9px;padding:1px 6px}.home-category{margin-bottom:16px}.home-cat-header h2{font-size:14px}.home-footer{margin-top:24px;font-size:10px;gap:4px;flex-wrap:wrap;justify-content:center}.main-content{flex-direction:column}.panel-left,.panel-center,.panel-right{flex:none!important;min-width:unset!important;border:none!important;border-bottom:1px solid var(--border)}.panel-left{height:40vh;min-height:200px}.panel-center{flex:1!important;min-height:300px}.panel-right{height:auto;max-height:35vh;overflow-y:auto}.panel-header{height:32px;padding:6px 10px;font-size:11px}.preview-container,.settings-content{padding:10px;gap:12px}.settings-section h3{font-size:11px;margin-bottom:6px}.editor-toolbar{padding:3px 4px;gap:1px}.toolbar-btn{width:26px;height:24px;font-size:11px}.toolbar-sep{height:14px;margin:0 1px}.markdown-textarea{padding:10px;font-size:12px}.theme-grid{grid-template-columns:repeat(4,1fr);gap:4px}.theme-item{padding:6px 4px;gap:2px}.theme-item .theme-icon{font-size:16px}.theme-item .theme-name{font-size:9px}.font-family-group{grid-template-columns:repeat(3,1fr);gap:4px}.font-family-btn{padding:6px 3px}.font-family-sample{font-size:16px}.tool-page{padding:14px 12px;gap:10px}.tool-page h2{font-size:16px}.tool-page textarea{min-height:100px;font-size:12px;padding:8px}.tool-page input,.tool-page select{padding:6px 8px;font-size:12px}.tool-page .tool-btn{padding:6px 14px;font-size:12px}.tool-row{gap:6px}.panel-header-actions{gap:3px;flex-wrap:wrap}.btn-export-inline{padding:3px 7px;font-size:10px}.card-count,.export-msg-inline{font-size:10px}}@media (max-width: 480px){.home-tools{grid-template-columns:repeat(2,1fr);gap:6px}.home-tool-card{padding:10px;gap:6px}.home-tool-info p{-webkit-line-clamp:1}.theme-grid,.font-family-group{grid-template-columns:repeat(3,1fr)}.panel-left{height:35vh}.panel-right{max-height:40vh}.tool-page{padding:10px 8px}.tool-page h2{font-size:15px}.tool-row{flex-wrap:wrap}}