:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:#f4f6fb}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;place-content:center;gap:1rem;padding:1.5rem}h1{margin:0 0 .5rem}p{margin:0}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;display:grid;gap:.75rem}.preview-frame{position:relative;border:1px solid #d1d5db;border-radius:.75rem;overflow:hidden;background:#111827}#camera-preview{display:block;width:100%;max-width:640px;aspect-ratio:16 / 9;object-fit:contain}.ticket-overlay{position:absolute;border:2px solid #22c55e;border-radius:.25rem;box-shadow:0 0 0 9999px #22c55e14;pointer-events:none}.ticket-overlay.hidden{display:none}.actions{display:flex;gap:.5rem}.camera-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}#camera-select{min-width:12rem;max-width:100%;padding:.45rem .6rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#111827}button{width:fit-content;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#eef2ff;color:#111827}button:disabled{opacity:.65;cursor:not-allowed}