@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#121214;--text-color:#fff;--accent-color:#3b82f6;--color-sapphire:#1e3a8a;--color-amethyst:#6b21a8;--color-emerald:#065f46;--color-amber:#b45309;--color-ruby:#9f1239;--color-graphite:#374151;--color-brown:#78350f;--color-gray:#4b5563}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);touch-action:none;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;display:flex}.app-container{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.app-header{z-index:10;background:linear-gradient(#0009 0%,#0000 100%);justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex;position:absolute;top:0;left:0;right:0}.logo-text{letter-spacing:.5px;font-size:1.25rem;font-weight:600}.icon-button{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.icon-button:active{background:#ffffff40;transform:scale(.95)}.camera-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.video-feed{object-fit:cover;width:100%;height:100%}.face-guide{pointer-events:none;border:2px solid #fff6;border-radius:50%;width:65vw;max-width:350px;height:55vh;transition:border-color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000080}.face-guide.aligned{border-color:#4ade80;box-shadow:0 0 20px #4ade8080,0 0 0 9999px #0009}.instruction-text{text-align:center;text-shadow:0 2px 4px #000c;width:100%;padding:0 20px;font-size:1rem;font-weight:500;position:absolute;bottom:120px}.capture-btn-container{justify-content:center;display:flex;position:absolute;bottom:40px;left:0;right:0}.capture-btn{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;width:72px;height:72px;padding:4px;transition:transform .2s}.capture-btn-inner{background:#fff;border-radius:50%;width:100%;height:100%;transition:all .2s}.capture-btn:active .capture-btn-inner{transform:scale(.9)}.editor-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.captured-image{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.lenses-canvas{object-fit:contain;z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.vertical-slider-container{-webkit-backdrop-filter:blur(20px);z-index:10;background:#00000059;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;width:48px;height:450px;padding:16px 0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 10px 40px #00000080}.left-slider-container{-webkit-backdrop-filter:blur(20px);z-index:10;background:#00000059;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;width:48px;height:450px;padding:16px 0;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 10px 40px #00000080}.slider-icon-top,.slider-icon-bottom{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:flex}.slider-track-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff4d;border-radius:4px;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#fff;border-radius:50%;width:24px;height:24px;margin-top:-10px;transition:transform .1s;box-shadow:0 2px 10px #0006}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range].vertical-range,input[type=range].vertical-range-small{width:320px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.bottom-carousel-container{z-index:10;pointer-events:none;background:linear-gradient(#0000 0%,#0006 50%,#000c 100%);flex-direction:column;align-items:center;padding:40px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.carousel-title{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #00000080;margin-bottom:20px;font-size:14px;font-weight:700}.color-carousel-scroll{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;pointer-events:auto;justify-content:flex-start;gap:24px;width:100%;padding:0 32px;display:flex;overflow-x:auto}.color-carousel-scroll::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.carousel-bubble{cursor:pointer;border:3px solid #0000;border-radius:50%;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 8px 16px #ffffff80,inset 0 -8px 16px #00000080,0 4px 12px #0006}.carousel-bubble:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:20%;transform:skew(-25deg)}.carousel-bubble.active{border-color:#fff;transform:scale(1.1);box-shadow:inset 0 8px 16px #fff9,inset 0 -8px 16px #0009,0 8px 20px #0009,0 0 0 2px #fff3}.carousel-bubble:hover:after,.carousel-bubble.active:after{background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%);animation:2s infinite glare}.carousel-name{color:#fff9;text-shadow:0 1px 3px #000c;font-size:12px;font-weight:500;transition:all .3s}.carousel-name.active{color:#fff;font-weight:700}.debug-size-slider{-webkit-backdrop-filter:blur(15px);z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:16px;width:200px;padding:16px;position:absolute;top:80px;left:24px}@media (width<=768px){.color-carousel-scroll{gap:16px;padding:0 20px}.carousel-bubble{width:48px;height:48px}}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:4px solid #ffffff1a;border-left-color:#fff;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse-text{animation:1.5s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.upload-btn-container{z-index:10;position:absolute;top:24px;right:24px}.upload-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-items:center;padding:8px 16px;transition:all .2s;display:flex}.upload-btn:hover{background:#ffffff40}.upload-btn:active{transform:scale(.95)}