:root{--tc-primary:#6366f1;--tc-primary-light:#818cf8;--tc-primary-dark:#4f46e5;--tc-primary-bg:#6366f114;--tc-bg:#fff;--tc-bg-secondary:#f8fafc;--tc-bg-tertiary:#f1f5f9;--tc-bg-input:#fff;--tc-header-bg:#f8fafc;--tc-text:#0f172a;--tc-text-secondary:#475569;--tc-text-muted:#64748b;--tc-text-placeholder:#94a3b8;--tc-border:#e2e8f0;--tc-border-light:#f1f5f9;--tc-shadow-sm:0 1px 2px #0000000a;--tc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--tc-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--tc-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--tc-shadow-focus:0 0 0 3px #6366f126;--tc-added-bg:#22c55e26;--tc-added-text:#166534;--tc-added-border:#22c55e4d;--tc-added-highlight:#22c55e59;--tc-removed-bg:#ef44441f;--tc-removed-text:#991b1b;--tc-removed-border:#ef444440;--tc-removed-highlight:#ef44444d;--tc-changed-bg:#eab3081f;--tc-changed-text:#854d0e;--tc-changed-border:#eab30840;--tc-success:#10b981;--tc-success-bg:#10b9811a;--tc-error:#ef4444;--tc-error-bg:#ef444414;--tc-warning:#f59e0b;--tc-warning-bg:#f59e0b1a;--tc-line-bg:#f8fafc;--tc-line-text:#94a3b8;--tc-line-border:#e2e8f0;--tc-radius:1rem;--tc-radius-md:.75rem;--tc-radius-sm:.5rem;--tc-radius-xs:.375rem}._tc-container{flex-direction:column;gap:1rem;width:100%;max-width:1800px;margin:0 auto;display:flex}@media (max-width:768px){._tc-container{gap:1rem;padding-left:1rem;padding-right:1rem}}._tc-status-bar{display:none}._tc-status-bar.is-visible,._tc-status-bar.is-empty{display:block}._tc-status-inner{border-radius:var(--tc-radius-sm);background:var(--tc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--tc-border);justify-content:center;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}._tc-status-bar.is-empty ._tc-status-inner{background:var(--tc-bg-secondary);color:var(--tc-text-secondary)}._tc-status-bar.is-match ._tc-status-inner{background:var(--tc-added-bg);color:var(--tc-added-text);border-color:var(--tc-added-border)}._tc-status-bar.is-diff ._tc-status-inner{background:var(--tc-removed-bg);color:var(--tc-removed-text);border-color:var(--tc-removed-border)}._tc-status-icon{align-items:center;display:flex}._tc-status-sample{background:var(--tc-primary);color:#fff;border-radius:var(--tc-radius-xs);cursor:pointer;border:none;align-items:center;gap:.375rem;margin-left:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}._tc-status-sample:hover{opacity:.9}._tc-status-sample svg{width:14px;height:14px}._tc-status-bar:not(.is-empty) ._tc-status-sample{display:none}._tc-editor-section{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:5rem;display:grid}._tc-inline-section{margin-bottom:5rem}._tc-panel{background:var(--tc-bg);border-radius:var(--tc-radius);border-style:solid;border-width:1px;border-color:var(--tc-border);box-shadow:var(--tc-shadow-md);flex-direction:column;height:500px;max-height:70vh;display:flex;overflow:hidden}._tc-panel-inline{height:600px;max-height:75vh}._tc-panel-header{background:var(--tc-header-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--tc-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._tc-panel-title{color:var(--tc-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._tc-panel-title svg{width:14px;height:14px;color:var(--tc-primary);opacity:.8}._tc-panel-actions{align-items:center;gap:.375rem;display:flex}._tc-panel-btn{background:var(--tc-bg);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:var(--tc-radius-xs);width:1.75rem;height:1.75rem;color:var(--tc-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}._tc-panel-btn:hover{color:var(--tc-primary);border-color:var(--tc-primary);background:var(--tc-primary-bg)}._tc-panel-btn svg{width:14px;height:14px}._tc-panel-body,._tc-editor-wrapper{flex:1;display:flex;position:relative;overflow:hidden}._tc-line-numbers{background:var(--tc-line-bg);border-right-style:solid;border-right-width:1px;border-right-color:var(--tc-line-border);-webkit-user-select:none;user-select:none;flex-shrink:0;width:3rem;overflow:hidden}._tc-line-numbers-inner{font-family:var(--main-font-mono);color:var(--tc-line-text);text-align:right;white-space:nowrap;padding:.75rem 0;font-size:.875rem;line-height:1.625rem}._tc-line-number{height:1.625rem;padding-right:.5rem;line-height:1.625rem;display:block}._tc-line-number.is-added{background:var(--tc-added-bg);color:var(--tc-added-text)}._tc-line-number.is-removed{background:var(--tc-removed-bg);color:var(--tc-removed-text)}._tc-line-number.is-changed{background:var(--tc-changed-bg);color:var(--tc-changed-text)}._tc-line-number.is-placeholder{visibility:hidden}._tc-diff-layer{font-family:var(--main-font-mono);white-space:pre;pointer-events:none;color:#0000;z-index:1;padding:.75rem 1rem;font-size:.875rem;line-height:1.625rem;position:absolute;top:0;bottom:0;left:3rem;right:0;overflow:hidden}._tc-diff-inner{white-space:pre;word-wrap:break-word}._tc-textarea{width:calc(100% - 3rem);height:100%;font-family:var(--main-font-mono);color:var(--tc-text);resize:none;z-index:2;caret-color:var(--tc-primary);white-space:pre;background:0 0;border:none;outline:none;padding:.75rem 1rem;font-size:.875rem;line-height:1.625rem;position:absolute;top:0;bottom:0;left:3rem;right:0;overflow:auto}._tc-textarea::placeholder{color:var(--tc-text-placeholder)}._tc-textarea::-webkit-scrollbar{width:8px;height:8px}._tc-inline-wrapper::-webkit-scrollbar{width:8px;height:8px}._tc-textarea::-webkit-scrollbar-track{background:0 0}._tc-inline-wrapper::-webkit-scrollbar-track{background:0 0}._tc-textarea::-webkit-scrollbar-thumb{background:var(--tc-border);border-radius:4px}._tc-inline-wrapper::-webkit-scrollbar-thumb{background:var(--tc-border);border-radius:4px}._tc-textarea::-webkit-scrollbar-thumb:hover{background:var(--tc-text-muted)}._tc-inline-wrapper::-webkit-scrollbar-thumb:hover{background:var(--tc-text-muted)}._tc-inline-wrapper{flex:1;padding:1rem;overflow:auto}._tc-inline-content{font-family:var(--main-font-mono);white-space:pre-wrap;word-wrap:break-word;font-size:.875rem;line-height:1.625rem}._tc-inline-line{min-height:1.625rem;display:flex}._tc-inline-number{text-align:right;width:3rem;color:var(--tc-line-text);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:.75rem}._tc-inline-gutter{text-align:center;flex-shrink:0;width:1.5rem;font-weight:600}._tc-inline-text{flex:1;padding-left:.5rem}._tc-inline-line.is-added{background:var(--tc-added-bg)}._tc-inline-line.is-added ._tc-inline-gutter{color:var(--tc-added-text)}._tc-inline-line.is-removed{background:var(--tc-removed-bg)}._tc-inline-line.is-removed ._tc-inline-gutter{color:var(--tc-removed-text)}._tc-inline-line.is-unchanged{color:var(--tc-text-muted)}@media (max-width:900px){._tc-editor-section{grid-template-columns:1fr}._tc-panel{height:400px;max-height:50vh}}@media (max-width:768px){._tc-panel{height:350px;max-height:45vh}._tc-line-numbers{width:2.5rem}._tc-line-numbers-inner{font-size:.8125rem}._tc-line-number{padding-right:.25rem}._tc-diff-layer,._tc-textarea{width:calc(100% - 2.5rem);padding:.75rem;font-size:.8125rem;left:2.5rem}._tc-status-inner{flex-wrap:wrap;gap:.5rem}._tc-status-sample{margin-left:0}}body.app-fullscreen-mode ._tc-panel,body.app-fullscreen-mode ._tc-panel-inline{height:calc(100vh - 180px);max-height:none}body.app-fullscreen-mode ._tc-editor-section,body.app-fullscreen-mode ._tc-inline-section{margin-bottom:4rem}._tc-toolbar{z-index:100;background:linear-gradient(135deg,#4338ca 0%,#4f46e5 50%,#6366f1 100%);border-top:1px solid #ffffff26;padding:.75rem 1.5rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 32px #00000026,0 -2px 8px #6366f133}._tc-toolbar-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}._tc-toolbar-group{align-items:center;gap:.5rem;display:flex}._tc-dropdown{position:relative}._tc-dropdown-trigger{border-radius:var(--tc-radius-sm);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}._tc-dropdown-trigger:hover{background:#ffffff40}._tc-dropdown-trigger.is-open{background:#ffffff4d}._tc-dropdown-trigger svg{opacity:.8;width:12px;height:12px}._tc-dropdown-trigger svg:last-child{opacity:.6;width:10px;height:10px}._tc-dropdown-menu{border-radius:var(--tc-radius-sm);min-width:140px;box-shadow:var(--tc-shadow-lg);border-style:solid;border-width:1px;border-color:var(--tc-border);opacity:0;visibility:hidden;background:#fff;padding:.375rem;transition:all .15s;position:absolute;bottom:calc(100% + .5rem);left:0;transform:translateY(8px)}._tc-dropdown.is-open ._tc-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}._tc-dropdown-item{border-radius:var(--tc-radius-xs);width:100%;color:var(--tc-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:all .1s;display:flex}._tc-dropdown-item:hover{background:var(--tc-bg-tertiary);color:var(--tc-text)}._tc-dropdown-item.is-active{background:var(--tc-primary-bg);color:var(--tc-primary)}._tc-dropdown-item svg{opacity:.7;width:12px;height:12px}._tc-toolbar-options{align-items:center;gap:.375rem;display:flex}._tc-opt{border-radius:var(--tc-radius-xs);color:#ffffffb3;cursor:pointer;background:#ffffff1a;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}._tc-opt:hover{color:#fff;background:#fff3}._tc-opt input{display:none}._tc-opt:has(input:checked){color:var(--tc-primary);background:#ffffffe6}._tc-opt svg{width:12px;height:12px}._tc-toolbar-stats{align-items:center;gap:.75rem;padding:0 .5rem;display:flex}._tc-stat{border-radius:var(--tc-radius-xs);font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;display:flex}._tc-stat-icon{font-size:.875rem;font-weight:700}._tc-stat-added{color:#86efac;background:#22c55e33}._tc-stat-removed{color:#fca5a5;background:#ef444433}._tc-stat-changed{color:#fde047;background:#eab30833}._tc-toolbar-nav{align-items:center;gap:.375rem;display:flex}._tc-nav-btn{border-radius:var(--tc-radius-xs);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .15s;display:flex}._tc-nav-btn:hover:not(:disabled){background:#ffffff4d}._tc-nav-btn:disabled{opacity:.4;cursor:not-allowed}._tc-nav-btn svg{width:12px;height:12px}._tc-nav-counter{text-align:center;color:#fffc;font-variant-numeric:tabular-nums;min-width:3.5rem;font-size:.8125rem;font-weight:500}._tc-toolbar-actions{align-items:center;gap:.375rem;display:flex}._tc-action-btn{border-radius:var(--tc-radius-sm);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .15s;display:flex}._tc-action-btn:hover{background:#ffffff4d}._tc-action-btn svg{width:14px;height:14px}._tc-btn-primary{color:var(--tc-primary);background:#ffffffe6}._tc-btn-primary:hover{background:#fff}._tc-toolbar-status{border-radius:var(--tc-radius-sm);color:#ffffffe6;background:#ffffff1a;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.8125rem;display:none}._tc-toolbar-status.is-visible{display:flex}._tc-toolbar-status.is-match{color:#86efac;background:#22c55e33}._tc-toolbar-status.is-diff{color:#fde047;background:#eab30826}._tc-status-icon svg{width:14px;height:14px}@media (max-width:900px){._tc-toolbar{padding:.625rem 1rem}._tc-toolbar-inner{gap:.75rem}._tc-toolbar-stats{gap:.5rem;padding:0}._tc-stat{padding:.25rem .375rem;font-size:.75rem}}@media (max-width:768px){._tc-toolbar-inner{gap:.5rem}._tc-dropdown-trigger span:not(:first-child):not(:last-child){display:none}._tc-dropdown-trigger{padding:.5rem}._tc-toolbar-stats{order:10;justify-content:center;width:100%;margin-top:.25rem}._tc-toolbar-status{width:100%}}._tc-diff-inner .diff-added{background:var(--tc-added-highlight);border-radius:2px}._tc-diff-inner .diff-removed{background:var(--tc-removed-highlight);border-radius:2px}._tc-diff-inner .diff-line-added{background:var(--tc-added-bg);height:1.625rem;margin:0 -1rem;padding:0 1rem;line-height:1.625rem;display:block}._tc-diff-inner .diff-line-removed{background:var(--tc-removed-bg);height:1.625rem;margin:0 -1rem;padding:0 1rem;line-height:1.625rem;display:block}._tc-diff-inner .diff-current{outline-width:2px;outline-style:solid;outline-color:var(--tc-primary);outline-offset:1px;border-radius:2px}._tc-inline-content .diff-word-added{background:var(--tc-added-highlight);color:var(--tc-added-text);border-radius:2px;padding:0 2px}._tc-inline-content .diff-word-removed{background:var(--tc-removed-highlight);color:var(--tc-removed-text);border-radius:2px;padding:0 2px;text-decoration:line-through}._tc-empty-state{height:100%;min-height:200px;color:var(--tc-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}._tc-empty-icon{opacity:.4;width:48px;height:48px;margin-bottom:1rem}._tc-empty-icon svg{width:100%;height:100%}._tc-empty-text{max-width:280px;font-size:.875rem;line-height:1.5}._tc-scroll-synced:after{content:"";background:var(--tc-primary);opacity:0;border-radius:2px;width:3px;height:40px;transition:opacity .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}._tc-scroll-synced.is-scrolling:after{opacity:.5}._tc-placeholder-line{background:var(--tc-bg-tertiary);opacity:.3;height:1.625rem;line-height:1.625rem;display:block}._tc-line-hover{background:#6366f10d}._tc-textarea::selection{background:#6366f140}._tc-textarea::selection{background:#6366f140}