.camera-feature{margin:35px 5% 75px;border:1px solid var(--line);background:var(--board)}.camera-feature-header{padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.camera-feature-header h2{font-size:40px;font-weight:400;letter-spacing:-1.5px;margin:0}.camera-feature-header p{font-size:14px;line-height:1.6;max-width:310px;margin:0}.camera-playground{position:relative;padding:0 25px 25px}.camera-playground model-viewer{width:100%;height:440px;display:block;--poster-color:transparent}.shutter-wash{position:absolute;inset:0;background:white;pointer-events:none;opacity:0;z-index:2}.camera-widget-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.camera-widget-actions button,.camera-widget-actions>a{min-height:46px;border:1px solid var(--line);border-radius:26px;background:var(--paper);color:var(--ink);padding:12px 18px;font-size:13px}.camera-widget-actions .widget-shutter{background:var(--blue);color:var(--paper);border-color:var(--blue)}.camera-widget-actions button:disabled{opacity:.5;cursor:wait}.camera-widget-actions button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.camera-widget-status{font-family:'Courier New',monospace;font-size:12px;margin:20px 0 0;line-height:1.5}.camera-result{position:absolute;right:30px;top:45px;display:block;width:190px;padding:9px 9px 15px;background:#fffef8;color:#24261e;box-shadow:0 7px 20px #0002;transform:rotate(3deg);z-index:1}.camera-result[hidden]{display:none}.camera-result img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.camera-result span{display:block;font-family:Georgia,serif;font-size:15px;margin-top:12px}.camera-result:focus-visible{outline:3px solid var(--blue);outline-offset:5px}@media(max-width:700px){.camera-feature{margin:25px 5% 45px}.camera-feature-header{display:block;padding:25px}.camera-feature-header h2{font-size:32px}.camera-feature-header p{margin-top:15px}.camera-playground{padding:0 15px 22px}.camera-playground model-viewer{height:320px}.camera-widget-actions{gap:8px}.camera-widget-actions button,.camera-widget-actions>a{font-size:12px;padding:10px 13px}.camera-result{position:relative;top:auto;right:auto;width:180px;margin:15px auto 25px}.camera-widget-status{font-size:11px}}
