:root{--bdi-primary:#6366f1;--bdi-primary-rgb:99,102,241;--bdi-primary-light:#6366f114;--bdi-primary-glow:#6366f140;--bdi-text:#1e293b;--bdi-text-secondary:#475569;--bdi-text-muted:#64748b;--bdi-bg:#fff;--bdi-bg-subtle:#f8fafc;--bdi-bg-hover:#6366f10a;--bdi-border:#e2e8f0;--bdi-border-light:#0000000f;--bdi-card-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a;--bdi-card-shadow-hover:0 4px 12px #6366f114,0 8px 24px #0000000f;--bdi-radius:8px;--bdi-radius-lg:12px;--bdi-radius-xl:16px;--bdi-success:#10b981;--bdi-success-light:#10b9811a;--bdi-error:#ef4444;--bdi-error-light:#ef44441a;--bdi-warning:#f59e0b;--bdi-warning-light:#f59e0b1a;--bdi-accent-blue:#3b82f6;--bdi-accent-purple:#8b5cf6;--bdi-accent-teal:#14b8a6;--bdi-accent-orange:#f97316}._bdi-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}._bdi-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (max-width:768px){._bdi-container{padding-left:1rem;padding-right:1rem}._bdi-grid{grid-template-columns:1fr}}._bdi-card{background:var(--bdi-bg);border-radius:var(--bdi-radius-xl);box-shadow:var(--bdi-card-shadow);border-style:solid;border-width:1px;border-color:var(--bdi-border-light);transition:box-shadow .2s,border-color .2s;overflow:hidden}._bdi-card:hover{box-shadow:var(--bdi-card-shadow-hover);border-color:rgba(var(--bdi-primary-rgb),.15)}._bdi-card-header{background:linear-gradient(135deg,var(--bdi-bg-subtle)0%,var(--bdi-bg)100%);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bdi-border-light);color:var(--bdi-text);letter-spacing:-.01em;align-items:center;gap:.625rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex}._bdi-card-header svg{color:var(--bdi-primary);opacity:.9;flex-shrink:0}._bdi-card-body{padding:.5rem 0}._bdi-row{align-items:center;gap:.75rem;padding:.5rem 1.25rem;transition:background .15s;display:flex;position:relative}._bdi-row:hover{background:var(--bdi-bg-hover)}._bdi-row:hover ._bdi-copy-btn{opacity:1}._bdi-row-full{flex-direction:column;align-items:flex-start;gap:.5rem}._bdi-row-full ._bdi-value{width:100%}._bdi-row-full ._bdi-copy-btn{position:absolute;top:.5rem;right:1.25rem}._bdi-label{color:var(--bdi-text-muted);flex-shrink:0;align-items:center;gap:.375rem;min-width:140px;font-size:.8125rem;font-weight:500;display:inline-flex}._bdi-help{color:var(--bdi-text-muted);opacity:.4;cursor:help;justify-content:center;align-items:center;transition:opacity .15s,color .15s;display:inline-flex}._bdi-help:hover{opacity:1;color:var(--bdi-primary)}._bdi-value{color:var(--bdi-text);word-break:break-word;letter-spacing:-.01em;flex:1;font-size:.875rem;font-weight:600}._bdi-value-mono{background:var(--bdi-bg-subtle);border-radius:var(--bdi-radius);border-style:solid;border-width:1px;border-color:var(--bdi-border-light);color:var(--bdi-text-secondary);padding:.625rem .875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace;font-size:.75rem;font-weight:500;line-height:1.6}._bdi-value-live{color:var(--bdi-primary);font-variant-numeric:tabular-nums}._bdi-copy-btn{border-radius:var(--bdi-radius);width:28px;height:28px;color:var(--bdi-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:flex}._bdi-copy-btn:hover{background:var(--bdi-primary-light);color:var(--bdi-primary)}._bdi-copy-btn.copied{color:var(--bdi-success);background:var(--bdi-success-light)}._bdi-badge{letter-spacing:.01em;border-radius:9999px;align-items:center;padding:.1875rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}._bdi-badge-success{background:var(--bdi-success-light);color:var(--bdi-success)}._bdi-badge-error{background:var(--bdi-error-light);color:var(--bdi-error)}._bdi-badge-warning{background:var(--bdi-warning-light);color:var(--bdi-warning)}._bdi-divider{background:var(--bdi-border-light);height:1px;margin:.625rem 1.25rem}@media (max-width:768px){._bdi-card{border-radius:var(--bdi-radius-lg)}._bdi-label{min-width:120px;font-size:.75rem}._bdi-value{font-size:.8125rem}._bdi-card-header{padding:.875rem 1rem;font-size:.875rem}._bdi-row{padding:.5rem 1rem}._bdi-row-full ._bdi-copy-btn{right:1rem}._bdi-copy-btn,._bdi-help{opacity:.6}}._bdi-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._bdi-btn{border-radius:var(--bdi-radius);cursor:pointer;letter-spacing:-.01em;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}._bdi-btn svg{opacity:.85;flex-shrink:0}._bdi-btn-primary{background:linear-gradient(135deg,var(--bdi-primary)0%,#4f46e5 100%);color:#fff;box-shadow:0 1px 2px #0000001a,0 4px 12px var(--bdi-primary-glow)}._bdi-btn-primary:hover{box-shadow:0 2px 4px #0000001a,0 8px 20px var(--bdi-primary-glow);opacity:.95}._bdi-btn-secondary{background:var(--bdi-bg);color:var(--bdi-text-secondary);border-style:solid;border-width:1px;border-color:var(--bdi-border);box-shadow:0 1px 2px #0000000a}._bdi-btn-secondary:hover{background:var(--bdi-bg-subtle);border-color:var(--bdi-primary);color:var(--bdi-primary)}._bdi-btn-ghost{color:var(--bdi-text-muted);background:0 0}._bdi-btn-ghost:hover{color:var(--bdi-text);background:var(--bdi-bg-hover)}._bdi-btn-outline{color:var(--bdi-primary);border-style:solid;border-width:1px;border-color:var(--bdi-primary);background:0 0;text-decoration:none}._bdi-btn-outline:hover{background:var(--bdi-primary);color:#fff}._bdi-btn-sm{gap:.375rem;padding:.375rem .75rem;font-size:.75rem}@media (max-width:480px){._bdi-actions{justify-content:center}._bdi-btn{flex:1;justify-content:center;min-width:0;padding:.625rem .75rem}._bdi-btn span{display:none}._bdi-btn svg{opacity:1;width:18px;height:18px}}._bdi-card-full{grid-column:1/-1}._bdi-advanced-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}._bdi-advanced-section{border-right-style:solid;border-right-width:1px;border-right-color:var(--bdi-border-light);padding:.5rem 0}._bdi-advanced-section:last-child{border-right:none}._bdi-advanced-title{text-transform:uppercase;letter-spacing:.05em;color:var(--bdi-text-muted);align-items:center;gap:.5rem;padding:.625rem 1.25rem .75rem;font-size:.6875rem;font-weight:700;display:flex}._bdi-advanced-title svg{opacity:.7}._bdi-advanced-section:first-child ._bdi-advanced-title svg{color:var(--bdi-accent-blue)}._bdi-advanced-section:nth-child(2) ._bdi-advanced-title svg{color:var(--bdi-accent-purple)}._bdi-advanced-section:nth-child(3) ._bdi-advanced-title svg{color:var(--bdi-accent-teal)}._bdi-advanced-section:nth-child(4) ._bdi-advanced-title svg{color:var(--bdi-accent-orange)}._bdi-advanced-section ._bdi-row{padding:.375rem 1.25rem}._bdi-advanced-section ._bdi-label{min-width:110px;font-size:.75rem}._bdi-advanced-section ._bdi-value{font-size:.8125rem}@media (max-width:1400px){._bdi-advanced-grid{grid-template-columns:repeat(2,1fr)}._bdi-advanced-section:nth-child(2),._bdi-advanced-section:nth-child(4){border-right:none}._bdi-advanced-section:nth-child(3),._bdi-advanced-section:nth-child(4){border-top-style:solid;border-top-width:1px;border-top-color:var(--bdi-border-light)}}@media (max-width:640px){._bdi-advanced-grid{grid-template-columns:1fr}._bdi-advanced-section{border-top:none;border-bottom-style:solid;border-bottom-width:1px;border-right:none;border-bottom-color:var(--bdi-border-light)}._bdi-advanced-section:last-child{border-bottom:none}._bdi-advanced-section ._bdi-row{padding:.375rem 1rem}._bdi-advanced-title{padding:.625rem 1rem .75rem}}._bdi-ua-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}._bdi-ua-textarea{border-radius:var(--bdi-radius);border-style:solid;border-width:1px;border-color:var(--bdi-border-light);background:var(--bdi-bg-subtle);width:100%;color:var(--bdi-text-secondary);resize:none;padding:.625rem .875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace;font-size:.75rem;line-height:1.6;transition:border-color .15s,box-shadow .15s}._bdi-ua-textarea:focus{border-color:var(--bdi-primary);box-shadow:0 0 0 3px var(--bdi-primary-light);background:var(--bdi-bg);outline:none}._bdi-ua-actions{align-items:center;gap:.5rem;display:flex}._bdi-copy-btn-visible{opacity:1}._bdi-ua-parsed{background:linear-gradient(135deg,var(--bdi-primary-light)0%,transparent 100%);border-radius:var(--bdi-radius);border-style:solid;border-width:1px;border-color:rgba(var(--bdi-primary-rgb),.15);width:100%;margin-top:.5rem;padding:.625rem 0}._bdi-ua-parsed-row{align-items:center;gap:.5rem;padding:.25rem .875rem;display:flex}._bdi-ua-parsed-label{text-transform:uppercase;letter-spacing:.03em;color:var(--bdi-text-muted);flex-shrink:0;min-width:60px;font-size:.6875rem;font-weight:600}._bdi-ua-parsed-value{color:var(--bdi-text);font-size:.8125rem;font-weight:600}@media (max-width:768px){._bdi-ua-textarea{font-size:.6875rem}._bdi-ua-parsed-label{min-width:50px}}