.dv-host{display:flex;gap:12px;width:100%;min-height:500px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.625}@media(max-width:1023px){.dv-host{flex-direction:column}}.dv-panel{flex:1 1 0;min-width:0;display:flex;flex-direction:column;border:1px dashed #d1d5db;border-radius:8px;overflow:hidden;background:#fafafa}.dv-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;flex-shrink:0}.dv-head .dv-logo{display:flex;align-items:center;flex-shrink:0}.dv-head .dv-logo svg{width:16px;height:16px}.dv-head .lbl{font-size:14px;font-weight:500;color:#374151;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:9999px;white-space:nowrap}.dv-badge.del{background:#ffdde1;color:#991b1b}.dv-badge.ins{background:#deebd4;color:#166534}.dv-head .dv-head-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.4;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;transition:background-color .15s}.dv-head .dv-head-btn:hover{background:#f9fafb}.dv-head .dv-head-btn svg{width:12px;height:12px}.dv-input-body{flex:1 1 0;display:flex;min-height:0;overflow:hidden}.dv-input-gutter{flex:0 0 40px;padding:3px 8px;text-align:right;color:#9ca3af;background:#f5f5f5;border-right:1px solid rgb(229,231,235);-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;font-size:13px;line-height:1.625}.dv-input-area{flex:1 1 0;min-width:0;padding:3px 12px;font-family:inherit;font-size:13px;line-height:1.625;color:#1f2937;background:#fafafa;border:none;outline:none;resize:none;overflow:auto}.dv-input-area::placeholder{color:#9ca3af}.dv-body{flex:1 1 0;overflow:auto;background:#fafafa}.dv-content{min-width:100%;width:max-content;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 3px,rgba(107,114,128,.18) 3px,rgba(107,114,128,.18) 6px)}.dv-row{display:flex;align-items:stretch;min-width:max-content}.dv-gutter{flex:0 0 40px;padding:3px 8px;text-align:right;color:#9ca3af;background:#f5f5f5;border-right:1px solid rgb(229,231,235);-webkit-user-select:none;user-select:none;white-space:nowrap;position:sticky;left:0;z-index:1}.dv-line{flex:1 1 0;min-width:max-content;padding:3px 12px;min-height:27px;white-space:pre;color:#1f2937;background:#fafafa}.dv-del-line{background:linear-gradient(#f52b0018,#f52b0018),#fafafa}.dv-ins-line{background:linear-gradient(#00c69d1f,#00c69d1f),#fafafa}.dv-placeholder{background:transparent}.dv-del{background:#ff2e003d;color:#5c271f;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.dv-ins{background:#00b49047;color:#0d3d38;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}