*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050816;color:#f5f5f5}.layout-root{min-height:100vh;max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2rem}.layout-header{text-align:center;margin-bottom:1.5rem}.layout-header h1{font-size:1.7rem;margin-bottom:.25rem}.layout-header p{color:#a0aec0;font-size:.9rem}.layout-main{display:flex;flex-direction:column;gap:1rem}.status-banner{padding:.75rem 1rem;border-radius:.5rem;font-size:.9rem}.status-neutral{background:#94a3b833}.status-ready{background:#10b98133}.status-warn{background:#eab30833}.status-error{background:#ef444440}.app-grid{display:grid;gap:1rem}@media (min-width: 900px){.app-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.pane{background:#0f172afa;border-radius:.75rem;padding:1rem;border:1px solid rgba(148,163,184,.3);box-shadow:0 20px 40px #0f172a99}.camera-section h2,.results h2{font-size:1.05rem;margin-bottom:.35rem}.camera-header p{font-size:.85rem;color:#a0aec0}.camera-wrapper{margin-top:.75rem}.camera-frame{position:relative;width:100%;overflow:hidden;border-radius:.75rem;background:#000;aspect-ratio:16 / 9}.camera-video{width:100%;height:100%;object-fit:cover}.camera-analysis-canvas{position:absolute;inset:0;opacity:0}.overlay-frame{position:absolute;border:2px dashed rgba(239,239,239,.9);border-radius:.5rem;box-shadow:0 0 0 1px #0f172acc,0 0 50px #0f172ae6 inset}.overlay-portrait{inset:6% 18%}.overlay-landscape{inset:10% 6%}.camera-footer{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.metrics{display:flex;justify-content:space-between;font-size:.8rem;color:#cbd5f5}.alignment-message{font-size:.8rem;color:#e5e7eb}.camera-actions{display:flex;justify-content:flex-end;gap:.5rem}button{border:none;border-radius:999px;padding:.55rem 1.1rem;font-size:.85rem;cursor:pointer;background:#334155d9;color:#e5e7eb;transition:background .15s ease,transform .1s ease}button.primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#0b1120;font-weight:600}.capture-ready{box-shadow:0 0 0 1px #10b981b3,0 0 16px #22c55e99}button:hover:enabled{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}.results{display:flex;flex-direction:column;gap:.75rem}.field-list{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.field-row{display:grid;grid-template-columns:.9fr 2.1fr;gap:.5rem}.field-row dt{color:#a5b4fc}.field-row dd{color:#e2e8f0}.text-block{max-height:220px;overflow:auto;padding:.5rem .6rem;border-radius:.4rem;background:#0f172af2;font-size:.8rem;line-height:1.3;border:1px solid rgba(51,65,85,.9)}.results-actions{display:flex;gap:.5rem}.error-text{color:#fecaca;font-size:.88rem}