.dc-capacity{background:rgba(var(--accent-rgb), .05);border:1px solid rgba(var(--accent-rgb), .15);border-radius:var(--radius-lg);color:var(--text2);align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.82rem;line-height:1.65;display:flex}.dc-capacity strong{color:var(--text)}.dc-stats{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:10px 16px;display:flex}.dc-stat{font-family:var(--font-mono);align-items:center;gap:5px;font-size:.72rem;display:flex}.dc-stat__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dc-stat--add .dc-stat__dot{background:var(--green)}.dc-stat--del .dc-stat__dot{background:#f85149}.dc-stat--eq .dc-stat__dot{background:var(--text3)}.dc-stat__num{color:var(--text);font-weight:700}.dc-stat__label{color:var(--text3)}.dc-stat-sep{background:var(--border);width:1px;height:14px}.dc-input-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.dc-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;height:260px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.dc-panel--drag{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .18)}.dc-panel-header{background:var(--bg3);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.dc-panel-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dc-panel-dot--left{background:#f85149}.dc-panel-dot--right{background:var(--green)}.dc-panel-label{font-family:var(--font-mono);color:var(--text2);cursor:text;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.72rem;font-weight:700}.dc-panel-label::placeholder{color:var(--text3)}.dc-panel-meta{font-family:var(--font-mono);color:var(--text3);flex-shrink:0;font-size:.62rem}.dc-panel-meta--warn{color:#eab308}.dc-panel-actions{flex-shrink:0;gap:4px;display:flex}.dc-panel-textarea{background:var(--bg);width:100%;font-family:var(--font-mono);color:var(--text2);resize:none;box-sizing:border-box;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;border:none;outline:none;flex:1;padding:12px;font-size:.8rem;line-height:1.6;overflow:auto}.dc-panel-textarea::placeholder{color:var(--text3);white-space:pre-line;font-style:italic}.dc-options-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0 6px;display:flex}.dc-opts-label{font-family:var(--font-mono);color:var(--text3);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;flex-shrink:0;font-size:.6rem}.dc-opts-sep{background:var(--border);flex-shrink:0;width:1px;height:16px}.dc-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.dc-toggle__label{font-family:var(--font-mono);color:var(--text3);white-space:nowrap;font-size:.68rem}.dc-track{border-radius:var(--radius-pill);background:var(--bg3);border:1px solid var(--border);flex-shrink:0;align-items:center;width:28px;height:15px;padding:0 2px;transition:background .2s,border-color .2s;display:inline-flex}.dc-track--on{background:var(--accent);border-color:var(--accent)}.dc-thumb{background:var(--text3);border-radius:50%;width:9px;height:9px;transition:transform .2s,background .2s}.dc-track--on .dc-thumb{background:#fff;transform:translate(13px)}.dc-select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);height:26px;color:var(--text2);font-family:var(--font-mono);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;flex-shrink:0;padding:0 22px 0 8px;font-size:.72rem;transition:border-color .15s}.dc-select:focus{border-color:var(--accent);outline:none}.dc-compare-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.dc-kbd-hint{font-family:var(--font-mono);color:var(--text3);font-size:.65rem}.dc-output{border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:24px;overflow:hidden}.dc-out-header{background:var(--bg3);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px 14px;display:flex}.dc-view-toggle{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;gap:0;padding:2px;display:flex}.dc-view-btn{border-radius:var(--radius-xs);color:var(--text3);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:4px 14px;font-size:.7rem;font-weight:600;transition:all .15s}.dc-view-btn.active{background:var(--bg3);color:var(--text);box-shadow:0 1px 3px #0003}.dc-out-spacer{flex:1}.dc-nav-grp{align-items:center;gap:6px;display:flex}.dc-nav-label{font-family:var(--font-mono);color:var(--text3);white-space:nowrap;font-size:.65rem}.dc-nav-btn{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text3);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;transition:all .15s;display:flex}.dc-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dc-nav-btn:disabled{opacity:.35;cursor:default}.dc-out-body{background:var(--bg);overflow:hidden}.dc-scroll{scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg3);max-height:72vh;overflow:auto}.dc-scroll::-webkit-scrollbar{width:14px;height:14px}.dc-scroll::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.dc-scroll::-webkit-scrollbar-thumb:hover{background:var(--text3)}.dc-scroll::-webkit-scrollbar-track{background:var(--bg3)}.dc-scroll::-webkit-scrollbar-corner{background:var(--bg3)}.dc-output.pane--expanded{top:var(--pane-expand-top,106px);left:var(--pane-expand-left,8px);right:var(--pane-expand-right,8px);z-index:1000;border-radius:var(--radius-xl);flex-direction:column;display:flex;position:fixed;bottom:8px;overflow:hidden;box-shadow:0 24px 80px #0009}.dc-output.pane--expanded .dc-out-body{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.dc-output.pane--expanded .dc-scroll{flex:1 1 0;height:auto;min-height:0;max-height:none}.dc-rows{width:max-content;min-width:100%}.dc-rows--virt{position:relative}.dc-row{min-height:22px;font-family:var(--font-mono);box-sizing:border-box;align-items:stretch;font-size:.78rem;line-height:22px;display:flex}.dc-row--virt{height:22px;position:absolute;left:0;right:0;overflow:hidden}.dc-row--collapse{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;color:var(--text3);justify-content:center;align-items:center;gap:6px;min-height:28px;padding:4px 12px;font-size:.7rem}.dc-row--collapse:hover{background:var(--bg3);color:var(--accent)}.dc-cell{flex:1;align-items:stretch;min-width:0;display:flex;overflow:hidden}.dc-cell--del{background:rgba(var(--red-rgb), .08)}.dc-cell--ins{background:rgba(var(--green-rgb), .08)}.dc-cell--empty{background:var(--bg2);opacity:.55}.dc-col-div{background:var(--border);flex-shrink:0;width:1px;min-width:1px}.dc-ln{text-align:right;width:44px;min-width:44px;color:var(--text3);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);opacity:.7;background:inherit;flex-shrink:0;padding:0 6px 0 4px;font-size:.67rem;line-height:22px}.dc-code{white-space:pre;min-width:0;color:var(--text2);flex:1;padding:0 10px;line-height:22px;overflow:hidden}.dc-code--wrap{white-space:pre-wrap;word-break:break-all;height:auto;line-height:1.6}.dc-row--unified{min-width:max-content}.dc-sign{text-align:center;background:inherit;flex-shrink:0;width:18px;min-width:18px;font-size:.8rem;font-weight:700;line-height:22px}.dc-row--ins .dc-sign{color:var(--green)}.dc-row--del .dc-sign{color:#f85149}.dc-row--del{background:rgba(var(--red-rgb), .08)}.dc-row--ins{background:rgba(var(--green-rgb), .08)}.dc-row--del .dc-code{border-left:2px solid rgba(var(--red-rgb), .5)}.dc-row--ins .dc-code{border-left:2px solid rgba(var(--green-rgb), .5)}.dc-cell--del .dc-code{border-left:2px solid rgba(var(--red-rgb), .5)}.dc-cell--ins .dc-code{border-left:2px solid rgba(var(--green-rgb), .5)}.dc-hl-d{background:rgba(var(--red-rgb), .4);border-radius:var(--radius-xs);padding:0 1px}.dc-hl-i{background:rgba(var(--green-rgb), .4);border-radius:var(--radius-xs);padding:0 1px}[data-theme=light] .dc-hl-d{background:rgba(var(--red-rgb), .25)}[data-theme=light] .dc-hl-i{background:rgba(var(--green-rgb), .25)}.dc-no-diff{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.dc-no-diff__icon{opacity:.45;font-size:2.5rem}.dc-no-diff__title{color:var(--text2);font-size:1rem;font-weight:700}.dc-no-diff__sub{font-family:var(--font-mono);color:var(--text3);font-size:.72rem}.dc-loading{color:var(--text3);font-family:var(--font-mono);justify-content:center;align-items:center;gap:12px;padding:48px;font-size:.8rem;display:flex}.dc-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite dc-spin}@keyframes dc-spin{to{transform:rotate(360deg)}}.dc-toast{border:1px solid rgba(var(--green-rgb), .4);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006, 0 0 24px rgba(var(--green-rgb), .12);color:var(--text);font-family:var(--font-mono);pointer-events:none;z-index:9999;opacity:0;background:#1a1f2e;align-items:center;gap:10px;padding:12px 22px;font-size:.82rem;font-weight:600;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px)}.dc-toast--vis{opacity:1;transform:translate(-50%)translateY(0)}.dc-toast__ico{background:var(--green);color:#fff;width:22px;height:22px;box-shadow:0 0 10px rgba(var(--green-rgb), .5);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}[data-theme=light] .dc-toast{background:#fff;border-color:#1a7f3759;box-shadow:0 8px 32px #0000001f}.dc-upload-btn{cursor:pointer}@media (width<=900px){.dc-input-grid{grid-template-columns:1fr}.dc-options-bar,.dc-out-header{gap:6px}.dc-panel{height:200px}.dc-scroll{max-height:60vh}}@media (width<=600px){.dc-nav-grp{display:none}.dc-row{font-size:.72rem}.dc-ln{width:32px;min-width:32px}}