.app{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box}.background-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.background-image{width:100%;height:100%;object-fit:cover;filter:blur(14px) brightness(.8);transform:scale(1.1)}.frame-container{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:2;width:65vw;height:65vw;max-width:360px;max-height:360px;padding:0;margin:0;pointer-events:none}.frame-container *{pointer-events:auto}@media (max-width: 480px){.frame-container{width:70vw;height:70vw;top:42%}}@media (max-height: 800px){.frame-container{width:60vw;height:60vw;top:43%}}@media (max-height: 700px){.frame-container{width:55vw;height:55vw;top:40%}}@media (max-height: 600px){.frame-container{width:50vw;height:50vw;top:38%}}.glass-frame{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#fff6,#ffffff40,#ffffff26,#ffffff1a,#ffffff0d);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:40px;border:2.25px solid rgba(255,255,255,.7);box-shadow:0 26px 80px #00000073,0 10px 30px #00000059,inset 0 1px 1px #ffffffd9,inset 0 -1px 1px #ffffff59,0 0 0 1px #ffffff2e;padding:.75%;overflow:hidden;transform:translateZ(0);will-change:transform}.glass-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.1) 30%,transparent 60%,rgba(0,0,0,.05) 100%);pointer-events:none;border-radius:38.5px;z-index:1}.glass-frame:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none;border-radius:40px;z-index:1}.frame-content{width:100%;height:100%;position:relative;overflow:hidden;border-radius:38px;z-index:0}.frame-image{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:contain;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;pointer-events:auto;border-radius:38px}.control-panel{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 50%,rgba(0,0,0,.7) 80%,rgba(0,0,0,.4) 95%,transparent 100%);padding:1rem;padding-bottom:max(1rem,calc(1rem + env(safe-area-inset-bottom)));padding-top:1rem;z-index:9999;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);min-height:fit-content;box-sizing:border-box;display:flex;flex-direction:column;gap:0;width:100%;pointer-events:auto}.mode-switch{display:inline-flex;align-self:center;margin-bottom:.75rem;padding:2px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mode-button{border:none;background:transparent;color:#ffffffbf;padding:.35rem .9rem;font-size:.8rem;border-radius:999px;cursor:pointer;transition:all .2s ease}.mode-button.active{background:#ffffffe6;color:#333;box-shadow:0 2px 8px #00000040}.control-group{margin-bottom:.875rem;flex-shrink:0;width:100%}@media (max-height: 700px){.control-group{margin-bottom:.75rem}.control-panel{padding:.875rem 1rem;padding-bottom:max(1rem,calc(.875rem + env(safe-area-inset-bottom)));padding-top:.875rem}}@media (max-height: 600px){.control-group{margin-bottom:.625rem}.control-panel{padding:.75rem 1rem;padding-bottom:max(.875rem,calc(.75rem + env(safe-area-inset-bottom)));padding-top:.75rem}}.control-label{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem}@media (max-height: 700px){.control-label{font-size:.85rem;margin-bottom:.375rem}}@media (max-height: 600px){.control-label{font-size:.8rem;margin-bottom:.25rem}}.scale-value{font-weight:600;font-size:1rem}.scale-slider{width:100%;height:6px;border-radius:6px;background:#ffffff40;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .2s ease}.scale-slider:active{background:#ffffff59}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #00000040,0 0 0 2px #ffffff4d;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.scale-slider::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 3px 12px #0000004d,0 0 0 3px #fff6}.scale-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 8px #00000040,0 0 0 2px #ffffff4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.scale-slider::-moz-range-thumb:active{transform:scale(1.15);box-shadow:0 3px 12px #0000004d,0 0 0 3px #fff6}.button-group{display:flex;gap:.75rem;flex-shrink:0;margin-top:0;width:100%;position:relative;z-index:10000}@media (max-height: 700px){.button-group{gap:.75rem}}@media (max-height: 600px){.button-group{gap:.625rem}}.control-button{flex:1;padding:.75rem;border:none;border-radius:16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;min-height:44px;max-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:visible;text-overflow:clip;position:relative;z-index:10001;-webkit-tap-highlight-color:rgba(255,255,255,.1)}@media (max-height: 700px){.control-button{padding:.625rem .75rem;font-size:.85rem;min-height:40px;max-height:40px}}@media (max-height: 600px){.control-button{padding:.5rem .625rem;font-size:.8rem;min-height:36px;max-height:36px}}.reset-button{background:#ffffff2e;color:#fff;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.2)}.reset-button:active{transform:scale(.95);background:#ffffff4d}.download-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 16px #667eea66,0 2px 8px #667eea33}.download-button:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.image-selector{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:10}.selector-content{text-align:center;padding:2rem;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));color:#fff;max-width:90%;box-sizing:border-box}.icon-container{margin-bottom:1.5rem;display:flex;justify-content:center}.icon-container svg{color:#fff;opacity:.9}.title{font-size:2rem;font-weight:700;margin-bottom:1rem}.description{font-size:1rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.select-button{background:#fff;color:#667eea;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:24px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003;min-height:44px}.select-button:active{transform:scale(.96);box-shadow:0 2px 8px #00000026}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{width:100vw;height:100vh;position:fixed;top:0;left:0}