*{box-sizing:border-box;margin:0;padding:0}body{touch-action:none;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative}#canvas-container{flex:1;position:relative;overflow:hidden}#video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}#overlay{position:absolute;top:0;left:0;transform:scaleX(-1);width:100%!important;height:100%!important}#controls{z-index:10;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:100px;left:0;right:0}#glasses-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:24px;gap:8px;padding:8px 16px;display:flex}.glass-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:16px;padding:8px 16px;font-size:14px;transition:all .2s}.glass-btn.active{color:#000;background:#ffffffe6}#color-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:24px;gap:10px;padding:8px 16px;display:flex}.color-btn{cursor:pointer;border:2px solid #ffffff4d;border-radius:50%;width:32px;height:32px;transition:all .2s}.color-btn.active{border-color:#fff;transform:scale(1.2)}#status{color:#fff;z-index:20;background:#000000b3;border-radius:12px;padding:12px 24px;font-size:16px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#status.hidden{opacity:0;pointer-events:none}#capture-btn{color:#000;cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:28px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}#capture-btn:active{background:#fff;transform:translate(-50%)scale(.95)}