*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;color:#1a1a1a;background:#f5f5f5;min-height:100vh;display:flex;flex-direction:column}header{padding:1.25rem 2rem .75rem}.header-top{display:flex;align-items:center;gap:1rem}header h1{font-size:1.25rem;font-weight:700}header p{font-size:.8125rem;color:#555;margin-top:.25rem}.sample-buttons{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.sample-buttons span{font-size:.75rem;color:#888;line-height:1.75rem}.sample-buttons button{padding:.25rem .625rem;font-size:.75rem;border:1px solid #ccc;border-radius:12px;background:#fff;cursor:pointer;color:#555}.sample-buttons button:hover{border-color:#999;color:#1a1a1a;background:#f0f0f0}#settings-toggle{padding:.25rem .75rem;background:none;border:1px solid #ccc;border-radius:4px;font-size:.75rem;cursor:pointer;color:#555}#settings-toggle:hover{border-color:#999;color:#1a1a1a}.settings-panel{margin:0 2rem .5rem;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.75rem 1rem}.settings-panel.hidden{display:none}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.settings-header h3{font-size:.8125rem;font-weight:600}.severity-filters{display:flex;gap:.75rem;font-size:.75rem}.severity-filters label{display:flex;align-items:center;gap:.25rem;cursor:pointer}#rule-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.25rem 1rem}.rule-toggle{display:flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.125rem 0}.rule-toggle input{cursor:pointer}.rule-toggle .rule-id{font-weight:600;min-width:2rem}.severity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.severity-dot.high{background:#dc2626}.severity-dot.medium{background:#d97706}.severity-dot.low{background:#2563eb}main{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 2rem 2rem;flex:1;min-height:0}.panel{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;display:flex;flex-direction:column;min-height:0}.input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.input-header label{font-weight:600;font-size:.875rem}#sample-select{font-size:.75rem;padding:.2rem .4rem;border:1px solid #ccc;border-radius:4px;color:#555;cursor:pointer}.input-panel textarea{flex:1;min-height:300px;resize:vertical;border:1px solid #ccc;border-radius:4px;padding:.75rem;font-family:inherit;font-size:.875rem;line-height:1.5}.input-panel textarea:focus{outline:2px solid #2563eb;outline-offset:-1px;border-color:transparent}.results-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.results-header h2{font-size:1rem;font-weight:600}#summary{font-size:.75rem;color:#555}#summary.clean{color:#16a34a}#results{flex:1;overflow-y:auto;min-height:0}.annotated-text{font-family:inherit;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.slop-highlight{cursor:pointer;border-radius:2px;position:relative}.slop-highlight.high{background:#fecaca}.slop-highlight.medium{background:#fed7aa}.slop-highlight.low{background:#bfdbfe}.slop-highlight:hover{outline:2px solid currentColor;outline-offset:-1px}.slop-highlight.high:hover{outline-color:#dc2626}.slop-highlight.medium:hover{outline-color:#d97706}.slop-highlight.low:hover{outline-color:#2563eb}.slop-highlight.active{outline:2px solid currentColor;outline-offset:-1px}.slop-highlight.active.high{outline-color:#dc2626}.slop-highlight.active.medium{outline-color:#d97706}.slop-highlight.active.low{outline-color:#2563eb}.slop-deletion{display:inline-block;width:6px;height:1em;vertical-align:text-bottom}.slop-deletion.high{background:#dc2626}.slop-deletion.medium{background:#d97706}.slop-deletion.low{background:#2563eb}#results:empty:after{content:"Paste text on the left to check for AI patterns.";color:#888;font-size:.8125rem}.detail-panel{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.detail-panel.hidden{display:none}.detail-rule-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.detail-rule-id{font-weight:700;font-size:.8125rem}.detail-rule-name{font-weight:600;font-size:.8125rem}.detail-severity{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .4rem;border-radius:3px;margin-left:auto}.detail-severity.high{color:#dc2626;background:#fef2f2}.detail-severity.medium{color:#d97706;background:#fffbeb}.detail-severity.low{color:#2563eb;background:#eff6ff}.detail-description{font-size:.8125rem;color:#555;margin-bottom:.5rem}.detail-matched{font-size:.8125rem;background:#f9fafb;border:1px solid #e5e7eb;padding:.375rem .5rem;border-radius:4px;margin-bottom:.375rem;word-break:break-word}.detail-fix{font-size:.8125rem;color:#333;margin-bottom:.5rem}.detail-fix strong{color:#1a1a1a}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.detail-actions button{padding:.3rem .75rem;font-size:.75rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;color:#333}.detail-actions button:hover{background:#f5f5f5;border-color:#999}.detail-actions button.copied{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.count-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.1rem .4rem;border-radius:10px;margin-left:.25rem}.count-badge.high{background:#fef2f2;color:#dc2626}.count-badge.medium{background:#fffbeb;color:#d97706}.count-badge.low{background:#eff6ff;color:#2563eb}#suggest-toggle{margin-left:auto;padding:.25rem .75rem;background:none;border:1px solid #ccc;border-radius:4px;font-size:.75rem;cursor:pointer;color:#555}#suggest-toggle:hover{border-color:#999;color:#1a1a1a}#suggest-dialog{border:1px solid #ddd;border-radius:8px;padding:1.5rem;max-width:400px;width:90vw;box-shadow:0 8px 24px #00000026;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#suggest-dialog::backdrop{background:#0000004d}#suggest-dialog h3{font-size:1rem;margin-bottom:1rem}#suggest-dialog label{display:block;font-size:.8125rem;margin-bottom:.75rem}#suggest-dialog label span{display:block;font-weight:600;margin-bottom:.25rem}#suggest-dialog input[type=text]{width:100%;padding:.5rem;font-size:.875rem;border:1px solid #ccc;border-radius:4px}#suggest-dialog input[type=text]:focus{outline:2px solid #2563eb;outline-offset:-1px;border-color:transparent}#suggest-dialog fieldset{border:none;margin-bottom:1rem}#suggest-dialog legend{font-size:.8125rem;font-weight:600;margin-bottom:.375rem}#suggest-dialog fieldset label{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;font-weight:400}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.dialog-actions button{padding:.4rem 1rem;font-size:.8125rem;border-radius:4px;cursor:pointer}#suggest-cancel{background:#fff;border:1px solid #ccc;color:#555}#suggest-cancel:hover{border-color:#999;color:#1a1a1a}#suggest-submit{background:#1a1a1a;border:1px solid #1a1a1a;color:#fff}#suggest-submit:hover{background:#333}.output-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 2rem 2rem}.output-panels.hidden{display:none}.output-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.output-header h2{font-size:1rem;font-weight:600}.output-header button{padding:.25rem .75rem;font-size:.75rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;color:#555}.output-header button:hover{border-color:#999;color:#1a1a1a;background:#f0f0f0}.output-header button.copied{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.output-text{font-family:inherit;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-y:auto;max-height:400px}.prompt-panel .output-text{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.8125rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem}@media(max-width:768px){main{grid-template-columns:1fr}.output-panels{grid-template-columns:1fr}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}