.sec-page{flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:24px;display:flex}.sec-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sec-header-left{flex-direction:column;gap:4px;display:flex}.sec-tool-number{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.sec-new-tag{background:var(--accent);color:var(--bg);text-transform:uppercase;border-radius:2px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.sec-title{font-size:22px;font-weight:600;font-family:var(--font-heading);color:var(--text-primary);margin:0}.sec-desc{color:var(--text-secondary);max-width:560px;font-size:13px;line-height:1.5}.sec-header-meta{text-align:right;flex-shrink:0}.sec-header-meta div{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.sec-input-section{flex-direction:column;gap:10px;display:flex}.sec-input-label-row{justify-content:space-between;align-items:center;display:flex}.sec-input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.sec-examples-row{align-items:center;gap:6px;display:flex}.sec-examples-label{color:var(--text-muted);font-size:11px}.sec-example-btn{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:999px;padding:3px 10px;transition:all .15s}.sec-example-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.sec-textarea{width:100%;height:200px;font-family:var(--font-mono);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--smcp-radius-lg);resize:vertical;outline:none;padding:14px;font-size:12px;line-height:1.6;transition:border-color .15s,background-color .15s}.sec-textarea::placeholder{color:var(--text-muted)}.sec-textarea:focus{border-color:var(--accent);background:var(--bg)}.sec-error-box{border:1px solid var(--error);border-radius:var(--smcp-radius-sm);color:var(--error);background:#ef44440f;align-items:flex-start;gap:8px;padding:10px 14px;font-size:12px;display:flex}.sec-error-icon{flex-shrink:0;font-weight:700}.sec-actions-row{align-items:center;gap:10px;display:flex}.sec-scan-btn{background:var(--accent);color:var(--bg);border-radius:var(--smcp-radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-heading);border:none;padding:8px 20px;transition:opacity .12s}.sec-scan-btn:hover{opacity:.88}.sec-clear-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--smcp-radius-sm);cursor:pointer;font-size:13px;font-family:var(--font-heading);background:0 0;padding:8px 16px;transition:all .12s}.sec-clear-btn:hover{background:var(--surface)}.sec-shortcut-hint{color:var(--text-muted);margin-left:auto;font-size:11px}.sec-badge{border:1px solid;border-radius:999px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.sec-badge-critical{color:var(--error);background:#ef444414;border-color:#ef444433}.dark .sec-badge-critical{background:#f871711a}.sec-badge-high{color:var(--warning);background:#f59e0b14;border-color:#f59e0b33}.dark .sec-badge-high{background:#fbbf241a}.sec-badge-medium{color:#b08c00;background:#d9aa0014;border-color:#d9aa0033}.dark .sec-badge-medium{color:#e8c842;background:#e8c8421a}.sec-badge-low,.sec-badge-pass{color:var(--success);background:#10b98114;border-color:#10b98133}.dark .sec-badge-low,.dark .sec-badge-pass{background:#34d3991a}.sec-summary-row{gap:12px;display:flex}.sec-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--smcp-radius-lg);text-align:center;flex:1;padding:16px}.sec-summary-value{font-size:28px;font-weight:600;font-family:var(--font-heading);font-variant-numeric:tabular-nums}.sec-summary-value-red{color:var(--error)}.sec-summary-value-green{color:var(--success)}.sec-summary-value-neutral{color:var(--text-primary)}.sec-summary-label{color:var(--text-muted);margin-top:4px;font-size:11px}.sec-banner{border-radius:var(--smcp-radius-lg);align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.sec-banner-icon{flex-shrink:0}.sec-banner-success{color:var(--success);background:#10b98114;border:1px solid #10b98133}.sec-banner-danger{color:var(--error);background:#ef44440f;border:1px solid #ef444433}.dark .sec-banner-success{background:#34d39914}.dark .sec-banner-danger{background:#f8717114}.sec-tool-card{border:1px solid var(--border);border-radius:var(--smcp-radius-lg);overflow:hidden}.sec-tool-card-header{background:var(--elevated);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.sec-tool-card-name{font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sec-tool-card-badge{flex-shrink:0;margin-left:auto}.sec-tool-card-body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.sec-finding{border-radius:var(--smcp-radius-sm);border:1px solid;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;display:flex}.sec-finding-critical{color:var(--text-primary);background:#ef44440a;border-color:#ef444426}.sec-finding-high{color:var(--text-primary);background:#f59e0b0a;border-color:#f59e0b26}.sec-finding-medium{color:var(--text-primary);background:#d9aa000a;border-color:#d9aa0026}.sec-finding-low,.sec-finding-pass{color:var(--text-primary);background:#10b9810a;border-color:#10b98126}.sec-finding-icon{font-family:var(--font-mono);text-align:center;flex-shrink:0;width:14px;margin-top:2px;font-size:11px;font-weight:700}.sec-finding-content{flex:1;min-width:0}.sec-finding-title{font-weight:500}.sec-finding-detail{opacity:.75;margin-top:2px;font-size:12px;line-height:1.5}.sec-finding-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.sec-finding-fix{opacity:.8;margin-top:4px;font-size:12px}.sec-finding-fix strong{font-weight:600}.sec-code{font-family:var(--font-mono);background:var(--elevated);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:11px}.sec-score-bar-wrap{flex-direction:column;gap:4px;display:flex}.sec-score-bar-labels{color:var(--text-secondary);justify-content:space-between;font-size:11px;display:flex}.sec-score-bar-value{font-family:var(--font-mono);font-weight:600}.sec-score-bar-track{background:var(--elevated);border:1px solid var(--border);border-radius:999px;height:6px;overflow:hidden}.sec-score-bar-fill{border-radius:999px;height:100%;transition:width .5s}.sec-score-bar-fill-low{background:var(--success)}.sec-score-bar-fill-medium{background:#d9aa00}.sec-score-bar-fill-high{background:var(--warning)}.sec-score-bar-fill-critical{background:var(--error)}.sec-passed-toggle{color:var(--text-muted);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:color .15s;display:flex}.sec-passed-toggle:hover{color:var(--text-secondary)}.sec-passed-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.sec-passed-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.sec-passed-check{color:var(--success)}.sec-empty{color:var(--text-muted);justify-content:center;align-items:center;padding:48px 0;font-size:13px;display:flex}.sec-clean-card{border-radius:var(--smcp-radius-sm);color:var(--success);background:#10b9810a;border:1px solid #10b98126;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;display:flex}.sec-clean-card-icon{font-family:var(--font-mono);flex-shrink:0;width:14px;margin-top:2px;font-size:11px;font-weight:700}.sec-clean-card-content{flex:1}.sec-clean-card-title{font-weight:500}.sec-clean-card-detail{opacity:.75;margin-top:2px;font-size:12px}.sec-info-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;padding-top:16px;display:grid}.sec-info-block-title{color:var(--text-primary);margin-bottom:4px;font-size:12px;font-weight:600}.sec-info-block-body{color:var(--text-muted);font-size:12px;line-height:1.5}.sec-results{flex-direction:column;gap:14px;display:flex}@media (max-width:640px){.sec-page{padding:16px}.sec-header{flex-direction:column}.sec-header-meta{text-align:left;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.sec-input-label-row{flex-direction:column;align-items:flex-start;gap:8px}.sec-summary-row{flex-direction:column}.sec-info-grid{grid-template-columns:1fr}.sec-shortcut-hint{display:none}.sec-examples-row{flex-wrap:wrap}.sec-actions-row{flex-direction:column;align-items:stretch}.sec-scan-btn,.sec-clear-btn{width:100%;min-height:48px}}
