@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#193629;background:#f4f5f0;font-synthesis:none;font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #79ad4d;outline-offset:4px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}svg{flex-shrink:0}a{color:inherit;text-decoration:none}.app-shell{max-width:1280px;margin:auto;padding:0 52px}.site-header{height:96px;border-bottom:1px solid #dde2d8;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.3px}.brand-mark{height:37px;width:37px;display:grid;place-items:center;background:#1d3e2d;color:#d7f3a4;border-radius:10px;margin-right:11px}.brand-light{font-weight:500}.version{font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;letter-spacing:1.3px;margin-left:18px;color:#7a8679;border-left:1px solid #d1d8cd;padding-left:18px}.privacy-note{display:flex;align-items:center;gap:7px;color:#697866;font-size:12px}.intro{display:flex;align-items:center;justify-content:space-between;padding:55px 0 35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;color:#71836a}.eyebrow>span{width:6px;height:6px;background:#7e9c64;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:44px;letter-spacing:-2px;font-weight:800;line-height:1.2;margin:14px 0}h1>span{color:#79a451}.intro p{color:#7c8778;line-height:1.8;font-size:14px;margin:0}.session-status{border:1px solid #dbe2d5;border-radius:20px;display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:11px;color:#72816c;margin-top:38px;background:#eef1e9}.status-dot,.mini-dot{width:6px;height:6px;background:#98a58f;border-radius:50%;display:inline-block;flex-shrink:0}.session-status.active{color:#42682c;background:#edf4e5}.active .status-dot,.camera-live-label .status-dot{background:#99d362;box-shadow:0 0 0 3px #91b16e20}.relay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;position:relative}.panel{background:#fff;border:1px solid #dee3d8;border-radius:17px;overflow:hidden;box-shadow:0 3px 6px #17382503}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 23px;gap:10px}.panel-title{display:flex;align-items:center;gap:11px}h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.2px}.step{font-size:10px;font-weight:600;color:#80916f;background:#f0f3eb;width:25px;height:25px;border-radius:7px;display:grid;place-items:center}.panel-caption{font-size:9px;letter-spacing:1.2px;color:#98a091;font-weight:500}.output-tag{font-size:8px;font-weight:700;letter-spacing:1.2px;background:#f1f3ed;color:#99a18e;padding:6px 8px;border-radius:4px}.output-tag.ready{background:#edf5e3;color:#668b47}.camera-stage{background:#17241d;height:352px;position:relative;margin:0 13px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#2e4133 0,transparent 70%);pointer-events:none}.camera-stage video{height:100%;width:100%;object-fit:cover;position:absolute;opacity:0}.camera-stage.live video{opacity:1}.camera-placeholder{z-index:1;display:flex;align-items:center;flex-direction:column;position:relative;text-align:center}.camera-symbol{color:#bcccb0;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;width:67px;height:67px;display:grid;place-items:center;margin-bottom:19px}.camera-placeholder h3{color:#ecf1e8;font-weight:500;font-size:17px;margin:0 0 8px}.camera-placeholder p{color:#97a792;font-size:12px;margin:0 0 23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:500}.primary{background:#d1efaa;color:#25432c}.primary:hover:not(:disabled){background:#bde887}.permission-note{font-size:9px;color:#73856d;margin-top:13px}.scan-guide{position:absolute;width:82%;height:82%;pointer-events:none}.scan-guide i{position:absolute;width:22px;height:22px;border-color:#7a9c6880;border-style:solid}.scan-guide i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px;border-radius:9px 0 0}.scan-guide i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0;border-radius:0 9px 0 0}.scan-guide i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px;border-radius:0 0 0 9px}.scan-guide i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0;border-radius:0 0 9px}.camera-live-label{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:8px;font-size:9px;color:#fff;letter-spacing:1px;background:#15271dd9;padding:8px;border-radius:5px}.scan-hint{position:absolute;bottom:14px;font-size:11px;background:#15271dd9;color:#fff;border-radius:6px;padding:8px 12px}.panel-toolbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:8px}.toolbar-hint{color:#8a9483;font-size:10px;display:flex;align-items:center;gap:7px}.mini-dot{height:5px;width:5px;background:#b3bdac}.mini-dot.green{background:#8fb366}.toolbar-actions{display:flex;align-items:center;gap:4px}.subtle{background:transparent;color:#63745a;font-size:11px;padding:8px}.subtle:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#f0f4ea}.icon-button{border:0;color:#728366;background:transparent;border-radius:6px;display:grid;place-items:center;padding:8px}.output-stage{height:352px;margin:0 13px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed #dfe6d7;border-radius:10px;background:#fafbf8;overflow:hidden}.output-placeholder{text-align:center}.empty-qr{color:#bdcdb0;margin:0 auto 22px;display:grid;place-items:center;width:94px;height:94px;background:linear-gradient(135deg,#f1f5eb,#f7f9f4);border-radius:18px}.output-placeholder h3{font-size:16px;font-weight:500;margin:0 0 10px;color:#627459}.output-placeholder p{font-size:12px;color:#97a28c;line-height:1.8;margin:0}.relay-connector{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;color:#729259;border:1px solid #dfe5d7;border-radius:50%;background:#f4f5f0;z-index:2;box-shadow:0 0 0 6px #f4f5f0}.qr-image{display:block;width:min(82%,280px);height:auto;image-rendering:pixelated;flex-shrink:1;min-height:0;object-fit:contain}.qr-caption{font-size:10px;text-align:center;color:#7b8b70;margin:10px 8px}.camera-select{display:flex;align-items:center;gap:12px;font-size:11px;color:#718469;padding:0 22px 16px}.camera-select select{min-width:0;flex:1;border:1px solid #dce2d5;border-radius:5px;background:#fff;padding:6px;color:#48613d}.how-it-works{display:flex;align-items:center;justify-content:space-between;margin:33px 0 54px;padding:25px 30px;border:1px solid #e0e6d8;border-radius:12px;background:#eef1e8;gap:15px}.how-it-works>div{display:flex;align-items:center;gap:13px}.instruction-number{background:#e3e9db;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#81936b;flex-shrink:0}.how-it-works p{display:flex;flex-direction:column;margin:0;gap:6px;font-size:11px}.how-it-works strong{font-weight:500;color:#5a6c4f}.how-it-works p span{font-size:10px;color:#98a18b}.instruction-arrow{color:#b0bca0}footer{border-top:1px solid #dde2d8;padding:23px 0;display:flex;justify-content:space-between;color:#97a18d;font-size:10px}footer>span:first-child{display:flex;align-items:center;gap:7px}.error-message{display:flex;align-items:center;gap:10px;background:#fff1e6;color:#914c29;border:1px solid #efd1b8;padding:15px 18px;border-radius:9px;margin-top:18px;line-height:1.6}.content-panel{background:#fff;border:1px solid #dfe4d9;border-radius:12px;margin-top:20px;padding:16px 22px}.content-heading{display:flex;align-items:center;justify-content:space-between}.payload{overflow-wrap:anywhere;white-space:pre-wrap;color:#35522b;font-family:monospace;font-size:13px;line-height:1.7;margin:10px 0 18px;max-height:150px;overflow-y:auto;-webkit-user-select:all;user-select:all}.content-meta{font-size:10px;color:#92a086;display:flex;justify-content:space-between;gap:12px}.expanded-overlay{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:75px 20px 20px}.expanded-overlay img{width:min(80vw,72vh,850px);height:auto;image-rendering:pixelated}.expanded-overlay p{color:#718568;font-size:12px}.close-expanded{position:absolute;right:24px;top:24px;background:#edf2e6;color:#49653b}@media(min-width:1440px){.app-shell{padding:0 60px}.intro{padding-top:68px}.camera-stage,.output-stage{height:390px}.how-it-works{margin-bottom:75px}}@media(max-width:960px){.app-shell{padding:0 28px}.panel-heading{padding:19px 16px}.panel-caption{display:none}.panel-toolbar{padding:0 14px}.toolbar-hint{font-size:9px}.button.subtle{gap:5px;padding:7px 5px}.how-it-works{padding:22px 18px;gap:8px}.instruction-arrow{display:none}.how-it-works>div{gap:8px}.how-it-works p span{max-width:140px;line-height:1.5}.camera-stage,.output-stage{height:330px}h1{font-size:39px}}@media(max-width:680px){.app-shell{padding:0 18px}.site-header{height:76px}.brand{font-size:23px}.version{display:none}.privacy-note{font-size:10px}.intro{padding:33px 0 26px;align-items:start;position:relative}.intro h1{font-size:33px;letter-spacing:-1.4px;margin-top:17px}.intro p{font-size:12px}.eyebrow{font-size:9px}.desktop-break{display:none}.session-status{position:absolute;right:0;top:27px;margin:0;padding:5px 8px;font-size:9px;gap:5px}.relay-grid{grid-template-columns:minmax(0,1fr);gap:22px}.relay-connector{top:50%;transform:translate(-50%,-50%) rotate(90deg);height:32px;width:32px}.camera-stage,.output-stage{height:310px}.panel-caption{display:block;font-size:8px}.panel-toolbar{height:60px;padding:0 18px}.toolbar-hint{font-size:10px}.how-it-works{flex-direction:column;align-items:flex-start;padding:22px;gap:24px;margin:27px 0 33px}.how-it-works>div{gap:15px}.how-it-works p{font-size:12px}.how-it-works p span{font-size:11px;max-width:none}.content-meta{flex-direction:column;gap:6px}footer{font-size:9px;padding:20px 0 26px}footer>span:last-child{display:none}.qr-image{width:250px;max-width:90%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}