:root{--csp-primary:var(--main-primary);--csp-bg:#fff;--csp-bg-secondary:#f8fafc;--csp-bg-hover:#f1f5f9;--csp-text:#1e293b;--csp-text-muted:#64748b;--csp-border:#e2e8f0;--csp-border-focus:var(--main-primary);--csp-shadow:0 1px 3px #0000000f;--csp-radius:var(--main-radius);--csp-radius-lg:var(--main-radius-lg);--csp-success:#10b981;--csp-warning:#f59e0b;--csp-error:#ef4444;--csp-mono:var(--main-font-mono);--csp-tag-bg:#eef2ff;--csp-tag-text:#4338ca;--csp-tag-border:#c7d2fe;--csp-tag-warning-bg:#fef3c7;--csp-tag-warning-text:#92400e;--csp-tag-warning-border:#fcd34d}._csp-container{gap:var(--main-space-3);max-width:1000px;min-height:500px;padding-left:var(--main-space-2);padding-right:var(--main-space-2);flex-direction:column;margin-left:auto;margin-right:auto;display:flex}._csp-intro{text-align:center}._csp-intro p{font-size:var(--main-text-sm);color:var(--csp-text-muted);margin:0;line-height:1.5}._csp-hidden{display:none!important}@media (max-width:768px){._csp-container{padding-left:1rem;padding-right:1rem}}._csp-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:.625rem var(--main-space-3);background:var(--csp-bg);border-radius:var(--csp-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--csp-border);box-shadow:var(--csp-shadow);display:flex}._csp-presets{flex-wrap:wrap;gap:.375rem;display:flex}._csp-preset-btn{font-size:var(--main-text-sm);color:var(--csp-text-muted);background:var(--csp-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--csp-border);border-radius:var(--main-radius-full);cursor:pointer;white-space:nowrap;padding:.375rem .875rem;font-weight:500;transition:all .15s}._csp-preset-btn:hover{color:var(--csp-text);background:var(--csp-bg-hover)}._csp-preset-btn.active{color:#fff;background:var(--csp-primary);border-color:var(--csp-primary)}._csp-toolbar-actions{align-items:center;gap:var(--main-space-2);flex-shrink:0;display:flex}._csp-report-toggle{font-size:var(--main-text-sm);color:var(--csp-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;font-weight:500;display:inline-flex}._csp-report-toggle input[type=checkbox]{accent-color:var(--csp-primary);width:15px;height:15px}._csp-btn{font-size:var(--main-text-sm);color:var(--csp-text);background:var(--csp-bg);border-style:solid;border-width:1.5px;border-color:var(--csp-border);border-radius:var(--csp-radius);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .75rem;font-weight:500;transition:all .15s;display:inline-flex}._csp-btn:hover{background:var(--csp-bg-hover)}._csp-btn-icon{color:var(--csp-text-muted);padding:.4rem}._csp-btn-icon:hover{color:var(--csp-text)}@media (max-width:768px){._csp-toolbar{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._csp-toolbar-actions{justify-content:flex-end}}._csp-directives{gap:var(--main-space-4);flex-direction:column;min-height:200px;display:flex}._csp-category{flex-direction:column;gap:.5rem;display:flex}._csp-category-title{font-size:var(--main-text-sm);color:var(--csp-text);text-transform:uppercase;letter-spacing:.05em;padding-left:var(--main-space-1);margin:0;font-weight:700}._csp-directive{background:var(--csp-bg);border-radius:var(--csp-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--csp-border);box-shadow:var(--csp-shadow);transition:border-color .15s;overflow:hidden}._csp-directive.active{border-color:var(--csp-primary);box-shadow:0 0 0 1px #6366f126, var(--csp-shadow)}._csp-directive-header{align-items:center;gap:var(--main-space-3);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;display:flex}._csp-directive-header:hover{background:var(--csp-bg-hover)}._csp-directive-toggle{cursor:pointer;align-items:center;gap:.625rem;display:inline-flex}._csp-directive-toggle input[type=checkbox]{accent-color:var(--csp-primary);flex-shrink:0;width:16px;height:16px}._csp-directive-name{font-size:var(--main-text-base);font-weight:600;font-family:var(--csp-mono);color:var(--csp-text);white-space:nowrap}._csp-directive-desc{font-size:var(--main-text-sm);color:var(--csp-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}._csp-directive-body{border-top-style:solid;border-top-width:1px;border-top-color:var(--csp-border);flex-direction:column;gap:.625rem;padding:.25rem 1rem .875rem;display:flex}._csp-quick-sources{flex-wrap:wrap;gap:.375rem;padding-top:.5rem;display:flex}._csp-source-btn{font-size:var(--main-text-xs);font-family:var(--csp-mono);color:var(--csp-text-muted);background:var(--csp-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--csp-border);border-radius:var(--main-radius);cursor:pointer;white-space:nowrap;padding:.3rem .625rem;font-weight:500;transition:all .15s}._csp-source-btn:hover{color:var(--csp-primary);border-color:var(--csp-primary);background:var(--csp-tag-bg)}._csp-source-btn.active{color:var(--csp-tag-text);background:var(--csp-tag-bg);border-color:var(--csp-tag-border)}._csp-source-btn.warning{color:var(--csp-tag-warning-text);background:var(--csp-tag-warning-bg);border-color:var(--csp-tag-warning-border)}._csp-source-tags{flex-wrap:wrap;gap:.375rem;min-height:0;display:flex}._csp-tag{font-size:var(--main-text-xs);font-family:var(--csp-mono);color:var(--csp-tag-text);background:var(--csp-tag-bg);border-style:solid;border-width:1px;border-color:var(--csp-tag-border);border-radius:var(--main-radius);white-space:nowrap;align-items:center;gap:.375rem;padding:.25rem .625rem;font-weight:500;display:inline-flex}._csp-tag.warning{color:var(--csp-tag-warning-text);background:var(--csp-tag-warning-bg);border-color:var(--csp-tag-warning-border)}._csp-tag-remove{color:currentColor;cursor:pointer;opacity:.6;background:0 0;border:0 #0000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:0;transition:opacity .15s;display:inline-flex}._csp-tag-remove:hover{opacity:1}._csp-tag-remove svg{width:11px;height:11px}._csp-custom-input{gap:.375rem;display:flex}._csp-custom-input input{font-size:var(--main-text-sm);font-family:var(--csp-mono);color:var(--csp-text);background:var(--csp-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--csp-border);border-radius:var(--csp-radius);outline:none;flex:1;padding:.4rem .625rem;transition:border-color .15s}._csp-custom-input input:focus{border-color:var(--csp-border-focus);box-shadow:0 0 0 2px #6366f11a}._csp-custom-input input::placeholder{color:var(--csp-text-muted);font-family:inherit}._csp-add-btn{font-size:var(--main-text-sm);color:#fff;background:var(--csp-primary);border-radius:var(--csp-radius);cursor:pointer;white-space:nowrap;border:0 #0000;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .75rem;font-weight:500;transition:opacity .15s;display:inline-flex}._csp-add-btn:hover{opacity:.9}._csp-report-input{width:100%;font-size:var(--main-text-sm);font-family:var(--csp-mono);color:var(--csp-text);background:var(--csp-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--csp-border);border-radius:var(--csp-radius);outline:none;padding:.4rem .625rem;transition:border-color .15s}._csp-report-input:focus{border-color:var(--csp-border-focus);box-shadow:0 0 0 2px #6366f11a}._csp-report-input::placeholder{color:var(--csp-text-muted);font-family:inherit}@media (max-width:768px){._csp-directive-desc{display:none}._csp-directive-header{padding:.625rem .75rem}._csp-directive-body{padding:.25rem .75rem .75rem}}._csp-output{background:var(--csp-bg);border-radius:var(--csp-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--csp-border);box-shadow:var(--csp-shadow);overflow:hidden}._csp-output-header{justify-content:space-between;align-items:center;gap:var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--csp-border);padding:.625rem 1rem;display:flex}._csp-output-title{font-size:var(--main-text-base);color:var(--csp-text);white-space:nowrap;align-items:center;gap:.5rem;font-weight:600;display:flex}._csp-output-title svg{color:var(--csp-primary)}._csp-output-actions{align-items:center;gap:var(--main-space-2);display:flex}._csp-format-tabs{background:var(--csp-bg-secondary);border-radius:var(--csp-radius);gap:.125rem;padding:.1875rem;display:flex}._csp-format-tab{font-size:var(--main-text-xs);color:var(--csp-text-muted);border-radius:var(--csp-radius);cursor:pointer;white-space:nowrap;background:0 0;border:0 #0000;padding:.3rem .625rem;font-weight:500;transition:all .15s}._csp-format-tab:hover{color:var(--csp-text)}._csp-format-tab.active{color:var(--csp-text);background:var(--csp-bg);box-shadow:0 1px 3px #00000014}._csp-copy-btn{font-size:var(--main-text-sm);color:#fff;background:var(--csp-primary);border-radius:var(--csp-radius);cursor:pointer;white-space:nowrap;border:0 #0000;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:500;transition:opacity .15s;display:inline-flex}._csp-copy-btn:hover{opacity:.9}._csp-copy-btn.copied{background:var(--csp-success)}._csp-output-code{max-height:200px;padding:1rem;overflow-y:auto}._csp-output-code pre{font-size:var(--main-text-sm);font-family:var(--csp-mono);color:var(--csp-text);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6}._csp-output-empty{color:var(--csp-text-muted);font-style:italic}._csp-warnings{border-top-style:solid;border-top-width:1px;border-top-color:var(--csp-border);flex-direction:column;gap:.375rem;padding:.625rem 1rem;display:flex}._csp-warning{font-size:var(--main-text-sm);border-radius:var(--csp-radius);align-items:flex-start;gap:.5rem;padding:.5rem .625rem;line-height:1.5;display:flex}._csp-warning svg{flex-shrink:0;margin-top:2px}._csp-warning-error{color:#991b1b;background:#fef2f2}._csp-warning-warn{color:#92400e;background:#fffbeb}._csp-warning-info{color:#1e40af;background:#eff6ff}@media (max-width:768px){._csp-output-header{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._csp-output-actions{flex-direction:column;align-items:stretch}._csp-format-tabs{overflow-x:auto}._csp-copy-btn{justify-content:center}}