:root{--border-dark:var(--border-2);--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--badge-bg:#eef1f4;--badge-color:#374151;--success-bg:#d1fae5;--success-color:#065f46;--success-border:#6ee7b7;--error-bg:#fee2e2;--error-color:#991b1b;--error-border:#fca5a5;--info-bg:#dbeafe;--info-color:#1e40af;--info-border:#bfdbfe;--warn-bg:#fffbeb;--warn-border:#fde68a;--warn-color:#92400e;--warn-accent:#fcd34d;--warn-accent-dark:#f59e0b;--warn-hover:#fef3c7;--diff-add-bg:#d1fae5;--diff-add-color:#065f46;--diff-rem-bg:#fee2e2;--diff-rem-color:#991b1b;--diff-same-color:#9ca3af;--fmt-editor-height:420px;--fmt-editor-height-md:300px;--fmt-editor-height-sm:260px;--fmt-editor-font:"Cascadia Code", "Fira Code", "Consolas", monospace;--fmt-editor-font-size:13.5px;--fmt-editor-line-height:1.65;--fmt-toolbar-pad:12px 16px;--fmt-label-size:10px;--fmt-label-spacing:.8px}.toolbar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-top:3px solid var(--accent);overflow:hidden;box-shadow:0 4px 24px #00000012}.toolbar-section{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.toolbar-section:last-child{border-bottom:none}.toolbar-section:first-child{background:linear-gradient(#fafbfc,#fff)}.toolbar-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);border-right:1px solid var(--border);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;margin:0 4px 0 0;padding-right:10px;font-size:10px;font-weight:800;display:inline-flex}.toolbar-label i{color:var(--accent);font-size:11px}.opt-group{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;transition:border-color .14s,background .14s;display:inline-flex}.opt-group:hover{border-color:var(--accent);background:var(--accent-light)}.opt-group label{color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:11px;font-weight:700}.opt-group label i{color:var(--accent);margin-right:3px;font-size:11px}.opt-group select,.opt-group input[type=number]{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;outline:none;padding:3px 6px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.opt-group select:focus,.opt-group input[type=number]:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 2px var(--accent-shadow)}.opt-group input[type=number]{width:56px}.opt-group input[type=range]{width:80px;accent-color:var(--accent);cursor:pointer}.opt-group .range-val{color:var(--accent-deeper);min-width:28px;font-size:11px;font-weight:700}.opt-check{color:var(--text-2);cursor:pointer;background:var(--surface);border:1.5px solid var(--border);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex}.opt-check:hover{border-color:var(--accent);background:var(--accent-light)}.opt-check input{accent-color:var(--accent);cursor:pointer;margin:0}.opt-check:has(input:checked){background:var(--accent-light);border-color:var(--accent);color:var(--accent-deeper);font-weight:700}.stats-bar{background:var(--soft);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.stat-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.stat-chip i{color:var(--accent);font-size:10px}@media (width<=768px){.toolbar-section{gap:8px;padding:8px 12px}.toolbar-label{margin-right:2px;padding-right:8px;font-size:9.5px}}.btn-group-main{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.btn-format{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px var(--accent-shadow);letter-spacing:-.1px;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;line-height:1.2;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-format i{font-size:13px}.btn-format:hover{background:linear-gradient(135deg, var(--accent-dark), var(--accent-deeper));color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #00d09a66}.btn-format:active{transform:translateY(0)}.btn-format:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-tool{border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.2;transition:all .14s;display:inline-flex}.btn-tool:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-deeper)}.btn-tool.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent-deeper);font-weight:700}.btn-tool i{pointer-events:none;font-size:12px}.btn-tool.btn-danger-soft{border-color:var(--error-border);color:var(--error-color)}.btn-tool.btn-danger-soft:hover{background:var(--error-bg);border-color:var(--error-color)}.btn-icon{border:1.5px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .14s;display:inline-flex}.btn-icon:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-deeper)}.btn-divider{background:var(--border);flex-shrink:0;align-self:center;width:1px;height:22px;margin:0 2px}.btn-panel-close{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-panel-close:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error-color)}.btn-fullscreen-exit{z-index:10000;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--accent-shadow);border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:700;display:inline-flex;position:fixed;bottom:16px;right:16px}.btn-fullscreen-exit:hover{background:var(--accent-dark);transform:translateY(-1px)}.editor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.editor-title{background:var(--accent-light);border-bottom:1px solid var(--border);color:var(--accent-deeper);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:700;display:flex}.editor-title-left{align-items:center;gap:6px;display:flex}.editor-title-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.editor-title-dot.out{background:#60a5fa}.editor-char-count{color:var(--text-light);font-size:11px;font-weight:600}.editor-wrap{position:relative}.drop-overlay{border:3px dashed var(--accent);border-radius:var(--radius);z-index:10;color:var(--accent-deeper);background:#00d09a0f;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.CodeMirror{font-size:var(--fmt-editor-font-size);line-height:var(--fmt-editor-line-height);font-family:var(--fmt-editor-font);height:var(--fmt-editor-height)!important}.cm-error-line{background:var(--error-bg)!important}@media (width<=991px){.CodeMirror{height:var(--fmt-editor-height-md)!important}}@media (width<=767px){.CodeMirror{height:var(--fmt-editor-height-sm)!important}}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:.2s slideDown;overflow:hidden}.panel-title{background:var(--accent-light);border-bottom:1px solid var(--border);color:var(--accent-deeper);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:700;display:flex}.tag-pill{background:var(--badge-bg);border:1px solid var(--border-dark);color:var(--badge-color);border-radius:20px;align-items:center;gap:0;font-family:monospace;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.tag-pill-name{padding:4px 10px}.tag-pill-count{background:var(--accent);color:#fff;padding:4px 10px;font-size:11px;font-weight:800}.preview-src-select{border:1px solid var(--border-dark);color:var(--accent-deeper);background:var(--surface);cursor:pointer;border-radius:8px;outline:none;padding:4px 10px;font-size:12px;font-weight:600}.preview-src-select:focus{border-color:var(--accent)}.diff-line{white-space:pre-wrap;word-break:break-all;padding:1px 12px}.diff-add{background:var(--diff-add-bg);color:var(--diff-add-color)}.diff-remove{background:var(--diff-rem-bg);color:var(--diff-rem-color)}.sbs-line{white-space:pre-wrap;word-break:break-all;padding:1px 12px;line-height:1.65}.sbs-add{background:var(--diff-add-bg)}.sbs-remove{background:var(--diff-rem-bg)}.sbs-same{color:var(--diff-same-color)}.diff-sbs-toggle-wrap{background:var(--surface);border:1px solid var(--border-dark);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.diff-sbs-toggle-wrap input{accent-color:var(--accent);cursor:pointer;margin:0}.fnr-bar{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;animation:.2s slideDown;display:none}.fnr-bar.open{display:flex}.fnr-input{border:1px solid var(--warn-accent);color:var(--text);background:var(--surface);border-radius:8px;outline:none;width:200px;padding:6px 12px;font-size:13px;transition:border-color .15s}.fnr-input:focus{border-color:var(--warn-accent-dark);box-shadow:0 0 0 2px #f59e0b33}@media (width<=767px){.fnr-input{width:140px}}.fnr-check{color:var(--warn-color);cursor:pointer;background:var(--warn-hover);border:1px solid var(--warn-border);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:600;display:flex}.fnr-check input{accent-color:var(--warn-accent-dark);cursor:pointer;margin:0}.fnr-check:has(input:checked){background:var(--warn-border)}.btn-fnr-action{border:1px solid var(--warn-accent);background:var(--surface);color:var(--warn-color);cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-fnr-action:hover{background:var(--warn-hover)}.btn-fnr-nav{border:1px solid var(--warn-accent);background:var(--surface);width:30px;height:30px;color:var(--warn-color);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:inline-flex}.btn-fnr-nav:hover{background:var(--warn-hover)}#fnr-count{color:var(--warn-color);background:var(--warn-hover);text-align:center;border-radius:6px;min-width:70px;padding:3px 8px;font-size:12px;font-weight:700}.status-bar{border-radius:var(--radius-sm);padding:10px 16px;font-size:12.5px;font-weight:500;line-height:1.5;animation:.2s slideDown}.status-bar.success{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.status-bar.error{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.status-bar.info{background:var(--info-bg);color:var(--info-color);border:1px solid var(--info-border)}.modal-overlay{z-index:10000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003}.modal-head{border-bottom:1px solid var(--border);color:var(--accent-deeper);justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:14px;font-weight:700;display:flex}.share-url-box{background:var(--accent-light);border:1px solid var(--border-dark);resize:none;width:100%;height:76px;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-family:monospace;font-size:12px}.share-url-box:focus{border-color:var(--accent)}