.chart-camera{color:#25332b;background:#fff;border:1px solid #d8ddd7;border-radius:14px;width:min(900px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;overflow:auto;box-shadow:0 18px 70px #0004}.chart-camera::backdrop{background:#16231de0}.chart-camera header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.chart-camera h3{margin:0 0 5px;font-size:19px}.chart-camera header p{color:#637169;margin:0;font-size:14px}.chart-camera button{color:#25332b;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5cd;border-radius:8px;padding:10px 15px}.chart-camera button:focus-visible{outline-offset:3px;outline:3px solid #698d76}.chart-camera button:disabled{opacity:.5;cursor:default}.chart-camera button.primary{color:#fff;background:#304e3b;border-color:#304e3b}.chart-camera-preview{aspect-ratio:4/3;color:#fff;background:#17231d;border-radius:9px;place-items:center;min-height:220px;max-height:65dvh;display:grid;position:relative;overflow:hidden}.chart-camera-preview video{object-fit:contain;width:100%;height:100%;min-height:0;max-height:65dvh;display:block}.chart-camera-preview>p{text-align:center;background:#17231dd9;border-radius:8px;margin:0;padding:24px;line-height:1.7;position:absolute}.chart-camera footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.chart-camera-shutter{min-width:180px;font-weight:600!important}.chart-camera-error{color:#8c3c2b;background:#fff3ed;border:1px solid #e6c6bc;border-radius:8px;padding:12px;font-size:14px;line-height:1.6}@media (max-width:540px){.chart-camera{padding:14px}.chart-camera header{gap:10px}.chart-camera header>button{flex-shrink:0;padding:9px;font-size:13px}.chart-camera footer>button{flex:100%}.chart-camera-preview{aspect-ratio:3/4;max-height:55dvh}.chart-camera-preview video{max-height:55dvh}}