*{box-sizing:border-box}body{font-family:sans-serif;max-width:720px;margin:2rem auto;padding:0 1rem}h2{margin-bottom:1.5rem}section{margin-bottom:1.5rem;border:1px solid #ddd;padding:1rem;border-radius:8px}h3{margin:0 0 .75rem;font-size:1rem;color:#333}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}select{padding:.35rem .6rem;border:1px solid #ccc;border-radius:4px}input[type=text]{padding:.35rem .6rem;border:1px solid #ccc;border-radius:4px;width:200px}canvas{border:1px solid #000}button{padding:.35rem .75rem;border:1px solid #bbb;border-radius:4px;background:#f5f5f5;cursor:pointer;font-size:.9rem}button:disabled{opacity:.4;cursor:default}button.primary{background:#1a6e2e;color:#fff;border-color:#155828}button.danger{background:#c0392b;color:#fff;border-color:#a93226}#scan-area{width:100%;height:300px;background:#111;border-radius:4px;overflow:hidden;position:relative}pre{background:#f8f8f8;padding:.75rem;border-radius:4px;font-size:.82rem;overflow-x:auto;max-height:120px;margin:.5rem 0 0}#results-list{list-style:none;padding:0;margin:0;max-height:240px;overflow-y:auto}.result-item{padding:.4rem .3rem;border-bottom:1px solid #eee;font-size:.85rem;font-family:monospace}.result-item:first-child{color:#1a6e2e;font-weight:600}.result-item.error{color:#c0392b}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.results-header h3{margin:0}.dev-nav{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#1e1e2e;color:#cdd6f4;font-size:.9rem;border-radius:6px;margin-bottom:1.5rem}.dev-nav-title{font-weight:700;margin-right:auto}.dev-nav a{color:#89b4fa;text-decoration:none;padding:.25rem .6rem;border-radius:4px}.dev-nav a:hover{background:#89b4fa26}.dev-nav a.active{background:#89b4fa40;font-weight:600}.tab-bar{display:flex;gap:.5rem;margin-bottom:1rem}.tab-bar button{border-radius:4px}.tab-bar button.active{background:#1a6e2e;color:#fff;border-color:#155828}.detect-preview canvas{width:100px;height:100px}