.guided-camera{position:fixed;inset:0;box-sizing:border-box;width:min(620px,calc(100vw - 28px));max-width:620px;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #e1dfd3;border-radius:24px;background:#fffdf8;color:#284435;box-shadow:0 25px 100px #142d2b4a;font-family:Inter,system-ui,sans-serif;overscroll-behavior:contain;overflow-y:auto}
.guided-camera::backdrop{background:#152d2bd9;backdrop-filter:blur(5px)}
.guided-camera *{box-sizing:border-box}.guided-camera [hidden]{display:none!important}
.guided-camera-shell{padding:26px 29px 20px}.guided-camera header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.camera-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#aa6f54}.guided-camera h2{margin:8px 0 0;font:400 30px/1.15 "DM Serif Display",Georgia,serif;letter-spacing:-.5px}.camera-subject{margin:8px 0 0;color:#687669;font-size:12px;line-height:1.6}.guided-camera button{font-family:inherit;cursor:pointer}.guided-camera button:disabled{cursor:default;opacity:.5}.guided-camera button:focus-visible{outline:2px solid #52785a;outline-offset:4px}.camera-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid #e1e4da;border-radius:50%;background:#f4f7ed;color:#4f6953;font-size:25px;font-weight:300}.camera-intro{padding:18px 0 3px}.camera-intro p,.camera-review>p,.camera-failure p{font-size:13px;line-height:1.8;color:#61705f}.camera-intro ol{display:flex;gap:10px;list-style:none;counter-reset:steps;padding:0;margin:22px 0}.camera-intro li{flex:1;counter-increment:steps;border:1px solid #dfe7d6;border-radius:13px;padding:15px 9px;text-align:center;background:#f2f6ec;font-size:12px;font-weight:600}.camera-intro li::before{content:counter(steps);display:block;margin:0 auto 9px;width:26px;height:26px;border-radius:50%;background:#fffdf5;color:#8c684f;line-height:26px;font-weight:500}.camera-intro .camera-gentle{font-size:11px}.camera-resume-note{padding:12px 15px;border:1px solid #d5dfc9;background:#eef4e8;border-radius:12px}.camera-primary,.camera-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.5}.camera-primary{border:1px solid #3c6049;background:#3c6049;color:#fffdf8;box-shadow:0 4px 12px #31544215}.camera-secondary{border:1px solid #d5dfce;background:#f5f8ef;color:#3f5c44}.camera-link{min-height:40px;padding:8px 3px;border:0;background:none;color:#52714f;font-size:11px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}.camera-intro>.camera-primary{width:100%;margin:10px 0 3px}.camera-intro>.camera-link{display:block;margin:auto}.camera-live{padding-top:21px}.camera-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.camera-step-count{color:#9b7258;font-size:10px;font-weight:700;letter-spacing:.7px}.camera-voice{min-height:36px;border:1px solid #dce3d5;border-radius:20px;padding:5px 11px;background:#f4f7ef;color:#536b4f;font-size:10px}.camera-instruction{margin:9px 0 3px;text-align:center;font:400 25px/1.25 "DM Serif Display",Georgia,serif}.camera-instruction-detail{margin:0 0 14px;text-align:center;color:#6a7968;font-size:11px;line-height:1.65}.camera-view{position:relative;isolation:isolate;aspect-ratio:4/5;width:min(100%,350px,38.4dvh);margin:0 auto;background:#1d3028;border-radius:19px;overflow:hidden}.camera-view video{display:block;width:100%;height:100%;object-fit:cover}.camera-view.is-mirrored video{transform:scaleX(-1)}.camera-mask{position:absolute;inset:0;background:radial-gradient(ellipse 34% 38.3% at 50% 47.5%,transparent 99%,#112c2860 100%);pointer-events:none}.camera-oval{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camera-oval ellipse{fill:none;stroke:#fffdf5a3;stroke-width:.7}.camera-oval .camera-hold-ring{stroke:#c48561;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .12s linear}.camera-direction{position:absolute;top:44%;right:10px;display:flex;align-items:center;justify-content:center;min-width:37px;min-height:37px;border-radius:50%;background:#fffdf5d9;color:#39573d;font-size:30px;line-height:1;pointer-events:none}.camera-direction:empty{display:none}.camera-view[data-direction="←"] .camera-direction{right:auto;left:10px}.camera-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .12s}.camera-flash.is-flashing{opacity:.45}.camera-status{min-height:34px;display:flex;align-items:center;justify-content:center;margin:9px 0 6px;color:#5f725c;font-size:11px;line-height:1.5;text-align:center}.camera-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.camera-controls>*{flex:1;max-width:230px}.camera-live>.camera-link{display:block;margin:4px auto;text-align:center}.camera-review{padding-top:22px}.camera-review h3,.camera-failure h3{font:400 24px/1.25 "DM Serif Display",Georgia,serif;margin:0 0 10px}.camera-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0}.camera-review-card{min-width:0;border:1px solid #dfe6d7;border-radius:13px;background:#f5f8ef;overflow:hidden;text-align:center;padding-bottom:5px}.camera-review-card img{display:block;aspect-ratio:4/5;width:100%;object-fit:cover}.camera-review-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;color:#829079;font-size:10px;padding:9px}.camera-review-card strong{display:block;margin:10px 0 0;font-size:12px;font-weight:600}.camera-review-card button{max-width:100%;font-size:10px}.camera-review-message{min-height:0;font-size:11px;color:#925c43}.camera-confirm{width:100%}.camera-failure{padding:26px 0 8px}.guided-camera footer{border-top:1px solid #e4e6db;margin-top:19px;padding-top:10px;text-align:center}.guided-camera footer p{max-width:420px;margin:0 auto 3px;color:#78836f;font-size:10px;line-height:1.7}.guided-camera footer button{font-size:11px}
.camera-entry{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;max-width:100%;margin:12px 0;padding:11px 17px;border:1px solid #cbd8c3;border-radius:12px;background:#edf3e7;color:#3d5c42;font:600 12px/1.5 Inter,system-ui,sans-serif;cursor:pointer}.camera-entry:focus-visible{outline:2px solid #52785a;outline-offset:4px}.camera-entry:disabled{cursor:default;opacity:.5}.angle-photo-camera-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 25px 19px 85px;padding-top:12px;border-top:1px solid #dfe7d8}.angle-photo-camera-actions .camera-entry{margin:0;min-height:40px;padding:8px 12px;font-size:11px}.angle-photo-camera-actions>span{font-size:10px;line-height:1.6;color:#6d7c64}.angle-photo-extra-view{display:flex;align-items:center;gap:13px;margin:0 25px 18px 85px}.photo-list article .angle-photo-extra-view>img{width:58px;height:70px;border-radius:11px;object-fit:cover}.angle-photo-extra-view>div{display:flex;flex-direction:column;min-width:0;gap:5px}.angle-photo-extra-view strong{font-size:12px;color:#35543e}.angle-photo-extra-view span{font-size:11px;color:#667461}.photo-list article .angle-photo-extra-view button{position:static;align-self:flex-start;height:auto;width:auto;min-height:36px;padding:5px 0;border:0;background:none;border-radius:0;color:#77594d;font:500 11px/1.4 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.guided-camera{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:20px}.guided-camera-shell{padding:20px 18px 14px}.guided-camera h2{font-size:26px}.camera-eyebrow{font-size:8px;letter-spacing:1.1px}.camera-intro p,.camera-review>p,.camera-failure p{font-size:12px}.camera-intro ol{gap:8px;margin:17px 0}.camera-intro li{font-size:11px;padding:12px 7px}.camera-instruction{font-size:23px}.camera-view{width:min(100%,350px,34.4dvh)}.camera-review-grid{gap:8px}.camera-review-card strong{font-size:11px}.camera-review-card button{font-size:9px;padding:7px 1px}.camera-review-empty{font-size:9px}.camera-controls{gap:8px}.camera-primary,.camera-secondary{font-size:11px;padding:10px 12px}.camera-entry{width:100%;font-size:11px}.angle-photo-camera-actions{margin:0 15px 16px;gap:9px}.angle-photo-camera-actions .camera-entry{width:100%}.angle-photo-extra-view{margin:0 15px 17px}.camera-stage-top{gap:8px}}
@media(prefers-reduced-motion:reduce){.camera-hold-ring,.camera-flash{transition:none}}

.camera-draft-note{padding:12px 15px;border:1px solid #e4d7bd;border-radius:12px;background:#faf5e9;color:#7b694d;font-size:12px;line-height:1.7}.guided-camera footer .camera-storage-note{padding:8px 10px;margin-bottom:9px;border-radius:9px;background:#f5ecd9;color:#816747}
