.dcv-grid{gap:var(--space-5);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;display:grid}.dcv-input-pane,.dcv-output-pane{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;min-width:0;display:flex;overflow:hidden}.dcv-output-pane{min-height:620px}.dcv-output-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.dcv-drop{flex:1;display:flex;position:relative}.dcv-textarea{width:100%;min-height:420px;padding:var(--space-4);resize:vertical;color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-relaxed);white-space:pre;background:0 0;border:none;outline:none;flex:1;overflow:auto}.dcv-textarea::placeholder{color:var(--text-muted);white-space:pre-wrap}.dcv-drop--active{outline:2px dashed var(--color-primary);outline-offset:-6px}.dcv-drop__overlay{inset:var(--space-2);background:var(--tint-primary);border-radius:var(--radius-lg);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-medium);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.dcv-samples{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background:var(--surface-raised);flex-wrap:wrap;display:flex}.dcv-samples__label{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.dcv-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--surface);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-medium);font-family:var(--font-mono);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base)}.dcv-chip:hover{color:var(--color-primary);border-color:var(--color-primary)}.dcv-tabs{gap:var(--space-1);flex-wrap:wrap;display:flex}.dcv-tab{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000}.dcv-tab:hover{color:var(--text)}.dcv-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.dcv-graph{flex-direction:column;flex:1;min-height:520px;display:flex;position:relative}.dcv-graph__svg{background:radial-gradient(circle at 1px 1px, var(--border-color) 1px, transparent 0) 0 0 / 24px 24px;touch-action:none;flex:1;width:100%;min-height:520px;display:block}.dcv-graph__controls{top:var(--space-3);right:var(--space-3);z-index:2;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;position:absolute}.dcv-graph__zoom{padding:0 var(--space-2);font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);text-align:center;min-width:44px}.dcv-graph__hint{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-color);background:var(--surface-raised);font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);margin:0}.dcv-node{cursor:pointer;transition:opacity var(--transition-base)}.dcv-node:focus{outline:none}.dcv-node:focus-visible .dcv-node__box{stroke:var(--color-primary);stroke-width:2.5px}.dcv-node__box{fill:var(--surface);stroke:var(--border-color);stroke-width:1.5px;transition:stroke var(--transition-base), fill var(--transition-base)}.dcv-node:hover .dcv-node__box{stroke:var(--color-primary)}.dcv-node--selected .dcv-node__box{stroke:var(--color-primary);stroke-width:2.5px;fill:var(--surface-raised)}.dcv-node--dim{opacity:.32}.dcv-node__accent{opacity:.9}.dcv-node__icon{font-size:19px}.dcv-node__name{fill:var(--text);font-size:13.5px;font-weight:700;font-family:var(--font-sans)}.dcv-node__image{fill:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.dcv-node__ports{fill:var(--color-primary);font-size:10.5px;font-family:var(--font-mono)}.dcv-node__ports--none{fill:var(--text-muted)}.dcv-edge{fill:none;stroke:var(--text3);stroke-width:1.6px;transition:stroke var(--transition-base), opacity var(--transition-base)}.dcv-edge--hot{stroke:var(--color-primary);stroke-width:2.4px}.dcv-edge--dim{opacity:.2}.dcv-inspector{right:var(--space-3);bottom:var(--space-10);width:min(330px, calc(100% - var(--space-6)));background:var(--surface);border:1px solid var(--color-primary);border-radius:var(--radius-lg);max-height:68%;box-shadow:var(--shadow-lg);z-index:3;position:absolute;overflow:auto}.dcv-inspector__head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background:var(--surface-raised);display:flex;position:sticky;top:0}.dcv-inspector__head h3{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);margin:0}.dcv-inspector__head>div{flex:1;min-width:0}.dcv-inspector__icon{font-size:1.4rem}.dcv-inspector__kind{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dcv-inspector__list{padding:var(--space-2) var(--space-4) var(--space-4);margin:0}.dcv-row{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);grid-template-columns:92px minmax(0,1fr);display:grid}.dcv-row dt{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dcv-row dd{font-size:var(--fs-xs);color:var(--text);word-break:break-word;font-family:var(--font-mono);margin:0}.dcv-inspector__env{padding-top:var(--space-3)}.dcv-inspector__env dt{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.dcv-inspector__env dd{margin:0}.dcv-env-row{justify-content:space-between;gap:var(--space-2);font-size:var(--fs-caption);font-family:var(--font-mono);padding:3px 0;display:flex}.dcv-env-row code{color:var(--color-primary)}.dcv-env-row span{color:var(--text-secondary);text-align:right;word-break:break-all}.dcv-analysis{padding:var(--space-4);gap:var(--space-3);flex-direction:column;max-height:640px;display:flex;overflow:auto}.dcv-finding{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-raised);border-left-width:3px}.dcv-finding--error{border-left-color:var(--color-danger)}.dcv-finding--warning{border-left-color:var(--color-warning)}.dcv-finding--info{border-left-color:var(--color-primary)}.dcv-finding__top{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.dcv-finding__service{padding:1px var(--space-2);border-radius:var(--radius-xs);border:1px solid var(--border-color);background:var(--surface);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-caption);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base)}.dcv-finding__service:hover{color:var(--color-primary);border-color:var(--color-primary)}.dcv-finding__title{margin:0 0 var(--space-1);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text)}.dcv-finding__detail{margin:0 0 var(--space-2);font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-base)}.dcv-finding__fix{font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-base);margin:0}.dcv-finding__fix strong{color:var(--color-success)}.dcv-badge{padding:2px var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);align-items:center;display:inline-flex}.dcv-badge--error{background:var(--tint-danger);color:var(--color-danger);border:1px solid rgba(var(--red-rgb), .3)}.dcv-badge--warning{background:var(--tint-warning);color:var(--color-warning);border:1px solid rgba(var(--yellow-rgb), .3)}.dcv-badge--info{background:var(--tint-primary);color:var(--color-primary);border:1px solid rgba(var(--accent-rgb), .3)}.dcv-order{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;overflow:auto}.dcv-wave{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex}.dcv-wave__label{align-items:center;gap:var(--space-2);min-width:140px;font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:flex}.dcv-wave__num{background:var(--tint-primary);border:1px solid rgba(var(--accent-rgb), .3);width:22px;height:22px;color:var(--color-primary);font-weight:var(--fw-semibold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dcv-wave__items{gap:var(--space-2);flex-wrap:wrap;display:flex}.dcv-wave__item{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-color);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);display:inline-flex}.dcv-order__note{font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-base);margin:0}.dcv-order__note code{background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-xs);font-family:var(--font-mono);padding:1px 4px}.dcv-empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);flex-direction:column;flex:1;display:flex}.dcv-empty__icon{opacity:.85;font-size:2.6rem}.dcv-empty__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text);margin:0}.dcv-empty__desc{margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary);max-width:46ch;line-height:var(--lh-base)}@media (width<=1100px){.dcv-grid{grid-template-columns:1fr}.dcv-textarea{min-height:260px}.dcv-output-pane{min-height:560px}}@media (width<=640px){.dcv-graph__svg,.dcv-graph{min-height:400px}.dcv-inspector{width:100%;max-height:none;box-shadow:none;border-left:none;border-right:none;border-radius:0;position:static}.dcv-wave{gap:var(--space-2);flex-direction:column}.dcv-row{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion:reduce){.dcv-node,.dcv-edge,.dcv-node__box{transition:none}}