html,body{height:100%;overflow:hidden}#app{height:100%;min-height:unset;overflow:hidden}.tool-main{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:100%;padding:0;overflow:hidden}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.tool-header__title{display:flex;flex-direction:column;gap:.25rem}.tool-title{font-size:1.3rem;font-weight:700;color:var(--color-text-title);margin:0}.tool-subtitle{font-size:.85rem;color:var(--color-text-muted);margin:0}.tool-header__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.action-btn{padding:.4rem .9rem;background:var(--color-accent);border:none;border-radius:6px;color:#0f0f0f;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.action-btn:hover{opacity:.85}.action-btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.action-btn--ghost:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.nl-workspace{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.nl-drop{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin:2rem;border:2px dashed var(--color-border);border-radius:12px;background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:border-color .15s,background-color .15s;position:relative;min-height:240px}.nl-drop:hover,.nl-drop--over{border-color:var(--color-accent);background-color:var(--color-surface-raised)}.nl-drop__input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.nl-drop__icon{color:var(--color-text-faint);pointer-events:none}.nl-drop__text{font-size:1rem;color:var(--color-text-secondary);pointer-events:none;margin:0}.nl-drop__text strong{color:var(--color-text-primary)}.nl-drop__link{color:var(--color-accent);text-decoration:underline;cursor:pointer}.nl-drop__hint{font-size:.8rem;color:var(--color-text-muted);pointer-events:none;margin:0}.nl-drop__error{font-size:.85rem;color:var(--color-danger);pointer-events:none;margin:0}.nl-viewer{display:flex;flex:1;overflow:hidden}.nl-left-panel{width:38%;border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.nl-list-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.6rem .75rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.nl-search-wrap{position:relative;flex:1;min-width:120px}.nl-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.nl-search{width:100%;padding:.35rem .5rem .35rem 1.75rem;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-primary);font-size:.8rem;outline:none;box-sizing:border-box}.nl-search:focus{border-color:var(--color-accent)}.nl-search::placeholder{color:var(--color-text-faint)}.nl-filter-select{padding:.35rem .5rem;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-secondary);font-size:.78rem;outline:none;cursor:pointer}.nl-filter-select:focus{border-color:var(--color-accent)}.nl-list-count{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.nl-overview-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-bottom:1px solid var(--color-border);cursor:pointer;font-size:.78rem;font-weight:600;color:var(--color-text-secondary);transition:background-color .1s;flex-shrink:0}.nl-overview-item:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.nl-overview-item.selected{background-color:var(--color-surface-raised);border-left:3px solid var(--color-accent);padding-left:calc(.75rem - 3px);color:var(--color-accent)}.nl-list{flex:1;overflow-y:auto}.nl-request-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .1s;min-width:0}.nl-request-item:hover{background-color:var(--color-surface-raised)}.nl-request-item.selected{background-color:var(--color-surface-raised);border-left:3px solid var(--color-accent);padding-left:calc(.75rem - 3px)}.nl-request-item__url{flex:1;font-size:.78rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.nl-request-item__duration{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.nl-right-panel,#nl-detail{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.nl-stats-bar{display:flex;align-items:center;gap:0;padding:.45rem .75rem;background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;gap:.5rem}.nl-stat-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:.15rem .55rem}.nl-stat-pill__label{color:var(--color-text-muted)}.nl-stat-pill__value{color:var(--color-text-primary);font-weight:600}.nl-filename-pill{font-size:.75rem;color:var(--color-text-muted);font-family:Menlo,Monaco,Consolas,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;flex-shrink:0}.nl-method{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;padding:.15rem .35rem;border-radius:3px;letter-spacing:.03em;flex-shrink:0;min-width:36px;text-align:center;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.nl-method--get{background:#0d2d18;color:#4ade80;border:1px solid #145228}.nl-method--post{background:#2d1f00;color:#fbbf24;border:1px solid #4a3300}.nl-method--put{background:#0a1e3a;color:#7eb8f7;border:1px solid #1e3a5a}.nl-method--delete{background:#2d0f0f;color:#f87171;border:1px solid #6b1e1e}.nl-method--patch{background:#1e0d2d;color:#c084fc;border:1px solid #3b1f5a}.nl-method--head,.nl-method--options,.nl-method--other{background:#1a1a1a;color:#9a9a9a;border:1px solid #2a2a2a}[data-theme=light] .nl-method--get{background:#d1fae5;color:#065f46;border-color:#a7f3d0}[data-theme=light] .nl-method--post{background:#fef3c7;color:#92400e;border-color:#fde68a}[data-theme=light] .nl-method--put{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}[data-theme=light] .nl-method--delete{background:#fee2e2;color:#991b1b;border-color:#fecaca}[data-theme=light] .nl-method--patch{background:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}[data-theme=light] .nl-method--head,[data-theme=light] .nl-method--options,[data-theme=light] .nl-method--other{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.nl-status{display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:600;padding:.15rem .35rem;border-radius:3px;flex-shrink:0;font-family:Menlo,Monaco,Consolas,Courier New,monospace;min-width:30px;text-align:center}.nl-status-2xx{background:#0d2d18;color:#4ade80;border:1px solid #145228}.nl-status-3xx{background:#0a1e3a;color:#7eb8f7;border:1px solid #1e3a5a}.nl-status-4xx{background:#2d1f00;color:#fbbf24;border:1px solid #4a3300}.nl-status-5xx{background:#2d0f0f;color:#f87171;border:1px solid #6b1e1e}.nl-status-none{background:#1a1a1a;color:#6a6a6a;border:1px solid #2a2a2a}[data-theme=light] .nl-status-2xx{background:#d1fae5;color:#065f46;border-color:#a7f3d0}[data-theme=light] .nl-status-3xx{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}[data-theme=light] .nl-status-4xx{background:#fef3c7;color:#92400e;border-color:#fde68a}[data-theme=light] .nl-status-5xx{background:#fee2e2;color:#991b1b;border-color:#fecaca}[data-theme=light] .nl-status-none{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb}.nl-phase{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;padding:.1rem .3rem;border-radius:3px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.nl-phase-begin{background:#0d2d18;color:#4ade80;border:1px solid #145228}.nl-phase-end{background:#2d0f0f;color:#f87171;border:1px solid #6b1e1e}.nl-phase-none{background:#1a1a1a;color:#6a6a6a;border:1px solid #2a2a2a}[data-theme=light] .nl-phase-begin{background:#d1fae5;color:#065f46;border-color:#a7f3d0}[data-theme=light] .nl-phase-end{background:#fee2e2;color:#991b1b;border-color:#fecaca}[data-theme=light] .nl-phase-none{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.nl-detail{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.nl-detail-tabs{display:flex;align-items:center;gap:0;padding:0 .75rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0;overflow-x:auto}.nl-detail-tab{padding:.6rem .85rem;font-size:.8rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.nl-detail-tab:hover{color:var(--color-text-primary)}.nl-detail-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.nl-detail-body{flex:1;min-height:0;overflow-y:auto;padding:1rem}.nl-overview{padding:1.25rem 1.5rem}.nl-overview-section{margin-bottom:1.5rem}.nl-overview-section:last-child{margin-bottom:0}.nl-overview-section__title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.nl-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.nl-stat-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;padding:.6rem .75rem}.nl-stat-card__label{font-size:.72rem;color:var(--color-text-muted);margin:0 0 .2rem}.nl-stat-card__value{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0}.nl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;color:var(--color-text-muted);text-align:center;padding:2rem}.nl-empty-state__icon{color:var(--color-text-faint)}.nl-empty-state__title{font-size:.95rem;font-weight:600;color:var(--color-text-secondary);margin:0}.nl-empty-state__hint{font-size:.82rem;color:var(--color-text-muted);margin:0;max-width:36ch}.nl-kv-table{width:100%;border-collapse:collapse;font-size:.8rem;table-layout:fixed}.nl-kv-table th{text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:.4rem .5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised)}.nl-kv-table th:first-child{width:200px}.nl-kv-table tr:not(:last-child) .nl-kv-name,.nl-kv-table tr:not(:last-child) .nl-kv-value{border-bottom:1px solid var(--color-border)}.nl-kv-name{padding:.35rem .5rem;color:var(--color-text-secondary);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.75rem;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.nl-kv-value{padding:.35rem .5rem;color:var(--color-text-primary);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.75rem;vertical-align:top;word-break:break-all}.nl-kv-value--accent{color:var(--color-accent)}.nl-kv-pseudo{color:var(--color-warning)}.nl-copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .3rem;background:transparent;border:1px solid var(--color-border);border-radius:3px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0;line-height:1}.nl-copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.nl-copy-btn--ok{color:var(--color-success);border-color:var(--color-success)}.nl-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:1.25rem 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--color-border)}.nl-section-title:first-child{margin-top:0}.nl-url-breakdown{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;padding:.65rem .75rem;margin-bottom:1rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;color:var(--color-text-secondary);word-break:break-all}.nl-url-breakdown__full{color:var(--color-text-primary);margin-bottom:.5rem}.nl-url-part{display:inline}.nl-url-part--scheme{color:var(--color-text-muted)}.nl-url-part--host{color:var(--color-accent)}.nl-url-part--path{color:var(--color-text-primary)}.nl-url-part--query{color:var(--color-warning)}.nl-timeline-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.nl-timeline-search{flex:1;padding:.35rem .5rem;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-primary);font-size:.8rem;outline:none}.nl-timeline-search:focus{border-color:var(--color-accent)}.nl-timeline-search::placeholder{color:var(--color-text-faint)}.nl-event-list{display:flex;flex-direction:column;gap:1px}.nl-event-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.nl-event-row--begin{border-left:3px solid var(--color-success)}.nl-event-row--end{border-left:3px solid var(--color-danger)}.nl-event-row--none{border-left:3px solid var(--color-border)}.nl-event-header{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;cursor:pointer;transition:background-color .1s;min-width:0}.nl-event-header:hover{background-color:var(--color-surface-raised)}.nl-event-time{font-size:.7rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;min-width:68px}.nl-event-name{flex:1;font-size:.78rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nl-event-toggle{color:var(--color-text-faint);flex-shrink:0;transition:transform .15s;display:flex;align-items:center}.nl-event-row--expanded .nl-event-toggle{transform:rotate(180deg)}.nl-event-params{max-height:0;overflow:hidden;transition:max-height .2s ease;border-top:0 solid var(--color-border)}.nl-event-row--expanded .nl-event-params{max-height:400px;border-top-width:1px;overflow-y:auto}.nl-event-params pre{margin:0;padding:.5rem .75rem;font-size:.72rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-text-secondary);background:var(--color-surface-deep);white-space:pre-wrap;word-break:break-all}.nl-raw-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.5rem}.nl-raw-pre{margin:0;padding:.75rem;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:6px;font-size:.72rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;overflow-y:auto;max-height:calc(100vh - 280px)}.nl-security-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.nl-security-indicator--secure{background:#0d2d18;color:#4ade80;border:1px solid #145228}.nl-security-indicator--insecure{background:#2d0f0f;color:#f87171;border:1px solid #6b1e1e}.nl-security-indicator--unknown{background:var(--color-surface-raised);color:var(--color-text-muted);border:1px solid var(--color-border)}[data-theme=light] .nl-security-indicator--secure{background:#d1fae5;color:#065f46;border-color:#a7f3d0}[data-theme=light] .nl-security-indicator--insecure{background:#fee2e2;color:#991b1b;border-color:#fecaca}.nl-domain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.nl-domain-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.nl-domain-item__name{flex:1;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nl-domain-item__bar-wrap{width:80px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;flex-shrink:0}.nl-domain-item__bar{height:100%;background:var(--color-accent);border-radius:3px}.nl-domain-item__count{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0;min-width:24px;text-align:right}.nl-proxy-pre{margin:0;padding:.65rem .75rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;font-size:.75rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all}.nl-list::-webkit-scrollbar,.nl-detail-body::-webkit-scrollbar,.nl-event-params::-webkit-scrollbar,.nl-raw-pre::-webkit-scrollbar{width:6px;height:6px}.nl-list::-webkit-scrollbar-track,.nl-detail-body::-webkit-scrollbar-track,.nl-event-params::-webkit-scrollbar-track,.nl-raw-pre::-webkit-scrollbar-track{background:transparent}.nl-list::-webkit-scrollbar-thumb,.nl-detail-body::-webkit-scrollbar-thumb,.nl-event-params::-webkit-scrollbar-thumb,.nl-raw-pre::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.nl-list::-webkit-scrollbar-thumb:hover,.nl-detail-body::-webkit-scrollbar-thumb:hover,.nl-event-params::-webkit-scrollbar-thumb:hover,.nl-raw-pre::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.nl-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--color-text-muted);font-size:.82rem;text-align:center}@media(max-width:900px){.nl-left-panel{width:44%}}@media(max-width:680px){.nl-viewer{flex-direction:column}.nl-left-panel{width:100%;border-right:none;border-bottom:1px solid var(--color-border);max-height:40vh}.tool-header{padding:1rem 1.25rem}}