.tool{--accent:#0d9488;--accent-dark:#0f766e;--accent-soft:#e6f6f4;width:min(100%, var(--content-width));padding:var(--space-lg) 0;margin-inline:auto}.tool-header{margin-bottom:var(--space-lg)}.tool-header h1{margin:0 0 .5rem}.tool-header p{color:#555;margin:0}.scanner-tabs{border-radius:var(--radius);background:#f2f2f2;gap:.25rem;margin-bottom:1.25rem;padding:.25rem;display:inline-flex}.tab-button{font:inherit;color:#666;border-radius:calc(var(--radius) - 4px);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.tab-button:hover{color:#222}.tab-button.active{color:var(--accent-dark);background:#fff;box-shadow:0 1px 2px #00000014}.reticle{pointer-events:none;position:absolute;inset:14%}.corner{border:3px solid var(--accent);opacity:.85;width:28px;height:28px;position:absolute}.corner.tl{border-bottom:none;border-right:none;border-radius:6px 0 0;top:0;left:0}.corner.tr{border-bottom:none;border-left:none;border-radius:0 6px 0 0;top:0;right:0}.corner.bl{border-top:none;border-right:none;border-radius:0 0 0 6px;bottom:0;left:0}.corner.br{border-top:none;border-left:none;border-radius:0 0 6px;bottom:0;right:0}.dropzone{text-align:center;border-radius:var(--radius);cursor:pointer;background:#fafafa;border:2px dashed #ccc;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:280px;padding:2rem;transition:background .15s,border-color .15s;display:flex;position:relative}.dropzone:hover,.dropzone:focus-visible{background:var(--accent-soft);border-color:var(--accent);outline:none}.dropzone.dragover{background:var(--accent-soft);border-color:var(--accent)}.dropzone-icon{color:#999;width:40px;height:40px}.dropzone:hover .dropzone-icon,.dropzone.dragover .dropzone-icon{color:var(--accent)}.dropzone-text{color:#555;margin:0;font-size:.95rem}.dropzone-link{color:var(--accent-dark);font-weight:600;text-decoration:underline}.camera-frame{border-radius:var(--radius);background:#111;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%;max-height:420px;display:none}.camera-frame.active video{display:block}.camera-frame.active .camera-placeholder{display:none}.camera-frame.active .reticle{display:block}.reticle{display:none}.camera-placeholder{color:#888;margin:0;font-size:.9rem}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;box-shadow:0 0 8px var(--accent);animation:2.2s ease-in-out infinite scan-sweep;position:absolute;top:0;left:0;right:0}@keyframes scan-sweep{0%{top:0%}50%{top:100%}to{top:0%}}@media (prefers-reduced-motion:reduce){.scan-line{animation:none;top:50%}}.camera-controls{gap:.75rem;margin-top:1rem;display:flex}.camera-status{color:#666;min-height:1.25rem;margin-top:.5rem;font-size:.85rem}.primary-button,.secondary-button{font:inherit;border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:.65rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.secondary-button{color:#333;background:#fff;border:1px solid #ccc}.secondary-button:hover{background:#f0f0f0;border-color:#999}.primary-button[hidden],.secondary-button[hidden]{display:none}.link-button{font:inherit;color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.link-button:hover{color:#c62828}.scan-status{color:#666;min-height:1.5rem;margin-top:.75rem;font-size:.9rem}.scan-result{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);margin-top:1.5rem;padding:1.25rem}.scan-result h2{margin:0 0 .5rem;font-size:1.05rem}.result-type{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-dark);background:#fff;border-radius:999px;margin-bottom:.5rem;padding:.15rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.result-text{word-break:break-word;background:#fff;border-radius:8px;margin:0 0 1rem;padding:.75rem;font-size:.95rem;line-height:1.5}.result-actions{flex-wrap:wrap;gap:.6rem;display:flex}.scan-history{margin-top:2rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.history-header h2{color:#444;margin:0;font-size:1rem}.history-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.history-list li{background:#fafafa;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.85rem;display:flex}.history-list .history-value{text-overflow:ellipsis;white-space:nowrap;color:#333;overflow:hidden}.history-list .history-time{color:#999;flex-shrink:0;font-size:.75rem}.history-empty{color:#999;margin:0;font-size:.85rem}@media (width<=700px){.camera-controls{flex-direction:column}.camera-controls button{width:100%}.result-actions{flex-direction:column}.result-actions>*{width:100%}}