.toy-camera-container{--cam-main:#697878;--cam-dark:#181d1d;--cam-accent:#492808;--cam-shutter:#662d32;--photo-bg:#fff;--toy-size:8.5rem;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:230px;min-height:260px;display:flex;position:relative}.toy-camera-wrapper{width:var(--toy-size);height:calc(var(--toy-size)*.9);perspective:1200px;cursor:pointer;transition:transform .35s;position:relative;transform:rotate(-7deg)}.toy-camera-wrapper:hover{transform:rotate(-4deg)translateY(-4px)}.toy-camera-input{opacity:0;width:0;height:0;position:absolute}.toy-camera-body{background:var(--cam-main);transform-style:preserve-3d;box-shadow:0 .6em 0 var(--cam-dark),0 1em 2em #0000002e,inset 0 .2em .3em #fff6;z-index:10;border-radius:1.2em;transition:all .5s cubic-bezier(.68,-.6,.32,1.6);position:absolute;inset:0;transform:translateZ(20px)}.toy-camera-body:before{content:"";background:var(--cam-accent);width:100%;height:15%;position:absolute;top:20%;left:0;box-shadow:inset 0 .1em .2em #0000001a}.toy-camera-button{background:var(--cam-shutter);border-radius:.3em .3em 0 0;width:1.2em;height:.8em;transition:all .2s;position:absolute;top:-.6em;right:15%;box-shadow:0 .2em #cc3643,inset 0 .1em .1em #ffffff4d}.toy-camera-lens{border:.3em solid var(--cam-dark);background:#2d3436;border-radius:50%;justify-content:center;align-items:center;width:60%;height:65%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-40%)translateZ(15px);box-shadow:0 .4em .8em #0000004d,inset 0 .2em .5em #00000080}.toy-camera-lens:after{content:"";background:#fff3;border-radius:50%;width:30%;height:20%;position:absolute;top:15%;left:20%;transform:rotate(-25deg)}.toy-camera-lens-glow{opacity:.9;background:radial-gradient(circle at 35% 30%,#91aa98 0 8%,#40524b 20%,#111817 68%);border-radius:50%;width:42%;height:42%;box-shadow:inset 0 0 .8em #91aa9873}.toy-camera-photo{background:var(--photo-bg);opacity:0;z-index:1;border-radius:.4em;flex-direction:column;width:75%;height:100%;padding:.4em;transition:all .7s cubic-bezier(.68,-.6,.32,1.6);display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%)translateZ(-10px);box-shadow:0 .2em .5em #0000001a,inset 0 0 0 .2em #f1f2f6}.photo-image{color:#fff;box-sizing:border-box;letter-spacing:.08em;background:linear-gradient(145deg,#91aa98 0%,#697878 45%,#492808 100%);border-radius:.2em;flex-direction:column;justify-content:flex-end;width:100%;height:70%;padding:.45em;display:flex;position:relative;overflow:hidden}.photo-image span{opacity:.8;font:700 .38em DM Mono,monospace}.photo-image b{letter-spacing:.04em;font:800 .72em Inter,system-ui,sans-serif}.photo-text{background:#dfe6e9;border-radius:.1em;width:60%;height:.2em;margin-top:.4em}.photo-text-short{width:40%}.toy-camera-wrapper:hover .toy-camera-body{transform:translateZ(40px)rotateX(10deg)}.toy-camera-input:active+.toy-camera-body{transform:translateZ(10px)scale(.95)}.toy-camera-input:active+.toy-camera-body .toy-camera-button{transform:translateY(.3em);box-shadow:0 .1em #cc3643}.toy-camera-input:checked+.toy-camera-body{transform:translateZ(30px)translateY(-10%)}.toy-camera-input:checked+.toy-camera-body .toy-camera-photo{opacity:1;animation:.8s cubic-bezier(.68,-.6,.32,1.6) photo-bounce;transform:translate(-50%)translateZ(-30px)translateY(120%)rotate(5deg)}.toy-camera-input:checked+.toy-camera-body .toy-camera-lens:before{content:"";opacity:0;background:#fff;animation:.4s ease-out lens-flash;position:absolute;inset:0}.toy-camera-input:focus-visible+.toy-camera-body{outline:3px solid var(--accent);outline-offset:10px}.toy-camera-shadow{pointer-events:none;background:radial-gradient(circle,#00000026 0%,#0000 70%);width:90%;height:1.5em;transition:all .5s;position:absolute;bottom:-1em;left:50%;transform:translate(-50%)}.toy-camera-input:checked~.toy-camera-shadow{opacity:.1;width:120%}@keyframes photo-bounce{0%{transform:translate(-50%)translateZ(-30px)translateY(0)}to{transform:translate(-50%)translateZ(-30px)translateY(120%)rotate(5deg)}}@keyframes lens-flash{0%{opacity:1;transform:scale(.1)}50%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@media (max-width:700px){.toy-camera-container{--toy-size:6.5rem;min-width:160px;min-height:210px}.toy-camera-wrapper{transform:rotate(-5deg)}}