:root{--bg: #0d1117;--bg-surface: #161b22;--bg-card: #1c2128;--bg-card-hover: #252c35;--bg-card-active: #1a2740;--border: #30363d;--border-active: #388bfd;--text: #e6edf3;--text-muted: #8b949e;--text-dim: #6e7681;--accent: #388bfd;--accent-hover: #58a6ff;--danger: #f85149;--warning: #d29922;--success: #3fb950;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", Menlo, monospace;--radius: 8px;--radius-sm: 6px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.12);--shadow-md: 0 4px 8px rgba(0,0,0,.25), 0 2px 4px rgba(0,0,0,.15);--shadow-lg: 0 10px 24px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0}.icon-sm{width:.85em;height:.85em}.icon-lg{width:1.25em;height:1.25em}.icon-xl{width:1.5em;height:1.5em}.icon-hero{width:48px;height:48px}.header{position:relative;padding:var(--space-10) var(--space-4) var(--space-8);text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(56,139,253,.07) 0%,transparent 70%)}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),rgba(56,139,253,.3),var(--border),transparent)}.header-content{max-width:800px;margin:0 auto}.header-icon{color:var(--accent);margin-bottom:var(--space-3);opacity:.85}.logo{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.tagline{color:var(--text-muted);margin-top:var(--space-1);font-size:1.05rem}.tagline-sub{color:var(--text-dim);font-size:.88rem;margin-top:var(--space-2);line-height:1.5}.how-it-works{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-dim);font-size:.82rem;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:#388bfd0f;border:1px solid rgba(56,139,253,.12);border-radius:100px}.how-it-works .step-arrow{color:var(--accent);opacity:.5}.docs-link{display:inline-block;margin-top:var(--space-4);font-size:.875rem;color:var(--text-dim);border:1px solid var(--border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);transition:all .2s ease}.docs-link:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.main{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12);position:relative}.section{margin-bottom:var(--space-8);padding-top:var(--space-8)}.section:first-child{padding-top:0}.section+.section{border-top:1px solid rgba(48,54,61,.4)}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.step-num{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);opacity:.55;font-weight:600}.section-title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.section-title .icon{color:var(--text-muted);opacity:.7}.section-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-5);line-height:1.55}.card-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.select-card{flex:1;min-width:140px;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative}.select-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.select-card.active{border-color:var(--accent);background:var(--bg-card-active);box-shadow:0 0 0 1px var(--border-active),var(--shadow-md)}.select-card.disabled{opacity:.5;cursor:not-allowed}.select-card .card-label{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:var(--space-2)}.select-card .card-label .icon{color:var(--text-muted);font-size:1.1rem}.select-card.active .card-label .icon{color:var(--accent)}.select-card .card-desc{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-1)}.select-card .card-path{font-size:.72rem;color:var(--text-dim);font-family:var(--font-mono);margin-top:var(--space-2);opacity:.8}.select-card .card-badge{display:inline-block;font-size:.7rem;padding:.1rem .4rem;border-radius:3px;margin-left:var(--space-2);vertical-align:middle}.badge-recommended{background:#388bfd26;color:var(--accent)}.target-warning{display:flex;align-items:flex-start;gap:var(--space-2);background:#d299220f;border:1px solid rgba(210,153,34,.18);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:.82rem;color:var(--warning);margin-top:var(--space-3);line-height:1.5}.target-warning .icon{flex-shrink:0;margin-top:.1em}.profile-threats{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:var(--space-2)}.threat-pill{font-size:.65rem;padding:.1rem .4rem;border-radius:3px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.threat-pill-active{background:#3fb9501f;color:var(--success)}.threat-pill-inactive{background:#8b949e14;color:var(--text-dim);opacity:.45}.profile-count{font-size:.72rem;color:var(--text-dim);margin-top:var(--space-2)}.threat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-3)}@media(max-width:500px){.threat-grid{grid-template-columns:1fr}}.threat-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);transition:all .2s ease;box-shadow:var(--shadow-sm);cursor:pointer}.threat-card:hover{box-shadow:var(--shadow-md);background:var(--bg-card-hover)}.threat-card.active{border-color:var(--success);border-left-color:var(--success);background:#3fb9500a;box-shadow:0 0 0 1px #3fb95033,var(--shadow-md)}.threat-card.severity-high{border-left-color:var(--danger)}.threat-card.severity-medium{border-left-color:var(--warning)}.threat-card.active.severity-high,.threat-card.active.severity-medium{border-left-color:var(--success)}.threat-card.managed-only-disabled{opacity:.45;cursor:not-allowed}.threat-card.just-toggled{animation:togglePulse .4s ease-out}@keyframes togglePulse{0%{box-shadow:0 0 #3fb95059}to{box-shadow:0 0 0 10px #3fb95000}}.threat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);gap:var(--space-2)}.threat-card-title{font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.threat-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.threat-card.active .threat-card-desc,.threat-card.expanded .threat-card-desc{-webkit-line-clamp:unset;overflow:visible}.threat-card-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:.75rem;color:var(--text-dim)}.threat-details{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(48,54,61,.3)}.threat-details-toggle{font-size:.75rem;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);background:none;border:none;font-family:var(--font-sans);padding:0}.threat-details-toggle:hover{color:var(--accent-hover)}.threat-details-list{list-style:none;margin-top:var(--space-2)}.threat-details-list li{font-size:.78rem;color:var(--text-muted);padding:var(--space-1) 0;display:flex;align-items:center;gap:var(--space-2)}.threat-details-list li .icon{font-size:.7rem}.mitigation-applied{color:var(--success)}.mitigation-skipped{color:var(--text-dim);text-decoration:line-through;opacity:.6}.badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.12rem .45rem;border-radius:3px}.badge-high{background:#f8514926;color:var(--danger)}.badge-medium{background:#d2992226;color:var(--warning)}.badge-managed{background:#8b949e26;color:var(--text-muted);font-size:.62rem;display:inline-flex;align-items:center;gap:.25rem}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:22px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:var(--text);border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.collapsible .collapsible-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.collapsible.open .collapsible-content{max-height:2000px;opacity:1}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.chevron{display:inline-flex;transition:transform .25s ease;margin-left:var(--space-1);color:var(--text-dim)}.chevron .icon{font-size:.75rem}.collapsible.open .chevron{transform:rotate(180deg)}.custom-field{margin-bottom:var(--space-5)}.custom-field label{display:block;font-size:.85rem;font-weight:500;margin-bottom:var(--space-1)}.custom-field .input-wrapper{position:relative}.custom-field input[type=text]{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-family:var(--font-mono);transition:border-color .2s ease}.custom-field input[type=text]:focus{outline:none;border-color:var(--accent)}.custom-field input[type=text].invalid{border-color:var(--danger);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.custom-field .hint{font-size:.75rem;color:var(--text-dim);margin-top:var(--space-1)}.enter-hint{font-size:.7rem;color:var(--text-dim);opacity:0;transition:opacity .15s ease;margin-top:.15rem}.custom-field input[type=text]:focus~.enter-hint{opacity:1}.tags-container{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:var(--space-2)}.tag{display:inline-flex;align-items:center;gap:.3rem;background:#388bfd1a;color:var(--accent);padding:.2rem .55rem;border-radius:4px;font-size:.78rem;font-family:var(--font-mono)}.tag-remove{cursor:pointer;opacity:.6;display:inline-flex;transition:opacity .15s ease}.tag-remove:hover{opacity:1}.suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:.75rem;color:var(--text-dim)}.suggestion-chip{display:inline-block;padding:.15rem .5rem;background:#388bfd0f;border:1px solid rgba(56,139,253,.15);border-radius:100px;color:var(--accent);font-size:.72rem;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.suggestion-chip:hover{background:#388bfd1f;border-color:#388bfd4d}.config-textarea{width:100%;padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:.82rem;resize:vertical;line-height:1.5;transition:border-color .2s ease}.config-textarea:focus{outline:none;border-color:var(--accent)}.merge-actions{margin-top:var(--space-2)}.toggle-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;cursor:pointer}.toggle-label input[type=checkbox]{accent-color:var(--accent)}.output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.output-stats{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-3)}.output-stats .stat-applied{color:var(--success)}.output-stats .stat-skipped{color:var(--warning)}.output-summary{font-size:.84rem;color:var(--text-muted);margin-bottom:var(--space-4);line-height:1.55;padding:var(--space-3) var(--space-4);background:#3fb9500a;border-radius:var(--radius-sm);border:1px solid rgba(63,185,80,.1)}.output-summary strong{color:var(--text);font-weight:600}.warnings-panel{margin-bottom:var(--space-3)}.warnings-panel:empty{display:none}.warning-item{background:#d2992214;border:1px solid rgba(210,153,34,.2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.8rem;color:var(--warning);margin-bottom:.35rem}.warning-item:last-child{margin-bottom:0}.json-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.55;max-height:500px;overflow-y:auto;box-shadow:var(--shadow-md)}.json-preview code{color:var(--text)}.json-key{color:#79c0ff}.json-string{color:#a5d6ff}.json-number{color:#79c0ff}.json-boolean{color:#ff7b72}.json-null{color:var(--text-dim)}.json-bracket{color:var(--text-muted)}.target-path{margin-top:var(--space-3);font-size:.82rem;color:var(--text-dim);font-family:var(--font-mono)}.export-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.btn{padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-primary.copied{background:var(--success);animation:copyPulse .3s ease}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:var(--space-3) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:.85rem;display:flex;align-items:center;gap:var(--space-2);z-index:100;transform:translateY(100px);opacity:0;transition:transform .3s ease,opacity .3s ease}.toast.show{transform:translateY(0);opacity:1}.toast .icon{color:var(--success)}.footer{text-align:center;padding:var(--space-6) var(--space-4);border-top:1px solid var(--border);font-size:.8rem;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.footer .icon{color:var(--accent);opacity:.5}.footer .analytics-link{color:var(--text-dim);font-size:.75rem}.footer .analytics-link:hover{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section{animation:fadeInUp .4s ease both}.section:nth-child(1){animation-delay:0s}.section:nth-child(2){animation-delay:.05s}.section:nth-child(3){animation-delay:.1s}.section:nth-child(4){animation-delay:.15s}.section:nth-child(5){animation-delay:.2s}.section:nth-child(6){animation-delay:.25s}.header{animation:fadeInUp .4s ease both}@media(max-width:600px){.card-row{flex-direction:column}.select-card{min-width:auto}.export-actions{flex-direction:column}.output-header{flex-direction:column;align-items:flex-start}.header{padding:var(--space-8) var(--space-4) var(--space-6)}.how-it-works{flex-wrap:wrap;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}