.camera-root{min-height:100vh;min-width:100vw;background:#181818;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.camera-counter{position:fixed;top:24px;right:32px;color:#eee;font-weight:700;font-size:18px;z-index:2}.camera-main{flex:1 1;width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.camera-button-area{display:flex;align-items:center;justify-content:center;position:fixed;right:32px;top:50%;left:auto;bottom:auto;transform:translateY(-50%);z-index:2}.camera-instructions{width:100vw;text-align:center;font-size:14px;color:#aaa;position:fixed;left:0;bottom:80px;z-index:2}@media (orientation:portrait){.camera-button-area{left:50%;bottom:32px;right:auto;top:auto;transform:translateX(-50%)}.camera-counter{top:24px;right:32px}.camera-instructions{left:0;bottom:160px}}.camera-shutter{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#444 60%,#222);border:4px solid #222;box-shadow:0 2px 8px #000,0 0 0 4px #333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#eee;cursor:pointer;transition:all .1s;outline:none}.camera-shutter:disabled{background:#666;cursor:not-allowed}.camera-error{color:#f44}.camera-viewfinder{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#222;z-index:1;overflow:hidden}.camera-viewfinder video{width:auto;height:90vh;max-width:135vh;object-fit:cover;border-radius:16px;box-shadow:0 4px 32px rgba(0,0,0,.25);background:#111}@media (orientation:portrait){.camera-viewfinder video{height:64vw;width:95vw}}