*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}@supports (height: 100dvh){html,body,#root{height:100dvh}}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-backdrop.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(380px,calc(100vw - 60px));background:#fff;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left)}.mobile-drawer.open{transform:translate(0)}.menu-toggle{position:fixed;top:12px;left:12px;z-index:999;width:48px;height:48px;border-radius:12px;border:1px solid #e8e6e1;background:#fffffff2;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.menu-toggle:active{transform:scale(.95);background:#f5f4f0}.menu-toggle svg{width:24px;height:24px;color:#4a4a4a}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e8e6e1;padding:12px 16px;padding-bottom:calc(12px + var(--safe-area-inset-bottom));z-index:998;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -2px 10px #0000000d}.mobile-bottom-bar .price{font-size:20px;font-weight:600;color:#1a1a1a}.mobile-bottom-bar .price-label{font-size:10px;color:#7a7a7a;text-transform:uppercase;letter-spacing:.1em}.mobile-bottom-bar .cta-button{flex:1;max-width:200px;padding:14px 24px;background:#6b5a47;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.mobile-bottom-bar .cta-button:active{background:#5a4a3a}@media(hover:none)and (pointer:coarse){.touch-target{min-height:44px;min-width:44px}.keyboard-hint{display:none}button:hover{background:inherit}}@media(max-width:767px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.camera-controls-mobile{bottom:calc(80px + var(--safe-area-inset-bottom))}.preset-row-mobile{max-width:calc(100vw - 32px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px}.preset-row-mobile::-webkit-scrollbar{display:none}}@media(min-width:768px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}@media(max-width:767px)and (orientation:landscape){.mobile-drawer{width:min(320px,50vw)}.mobile-bottom-bar{padding:8px 16px;padding-bottom:calc(8px + var(--safe-area-inset-bottom))}}