html{background-color:#000}body{margin:0;padding:0;overflow:hidden;position:fixed;width:100%;height:100%;-webkit-user-select:none;user-select:none;font-family:sans-serif;background-color:#000;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#camerafeed{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;transition:opacity 1s ease-out}.xrextras-loading{display:none!important}#loading-svg-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transition:opacity 1s ease-out,transform 1s ease-out}.logo-outline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;filter:invert(1) opacity(.2);transition:opacity 1s ease-out}.svg-mask-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:3;transition:opacity 1s ease-out}.svg-mask{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:linear-gradient(to top,#ddd,#fff);-webkit-mask-image:url(../assets/akcb-head-brandmark.svg);mask-image:url(../assets/akcb-head-brandmark.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;clip-path:inset(100% 0 0 0);transition:clip-path .3s ease-out;transition:opacity 1s ease-out}.loading-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:32px;z-index:4;text-shadow:0 0 5px rgba(0,0,0,.9);font-family:sans-serif}.loader{display:none;border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:18px;margin-top:16px;color:#fff}#target-finder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:50px;z-index:5;pointer-events:none}.target-message{background-color:#000000b3;color:#fff;padding:16px 24px;border-radius:8px;font-size:18px;max-width:80%;text-align:center;margin-top:20px;box-shadow:0 2px 10px #0000004d}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlay.hidden{opacity:0;pointer-events:none}#akcb-logo{margin-bottom:30px;position:relative;width:180px;height:180px}#akcb-logo img.static-logo{width:100%;height:100%;filter:invert(1)}#start-button{display:flex;width:auto;padding:24px 32px;font-size:16px;text-align:center;color:#fff;background-color:transparent;border:1px solid white;border-radius:24px;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease-in-out;margin:0}#start-button:hover{background-color:#1e1e1e}#debug-info{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:monospace;transition:all .3s ease;max-height:60vh;overflow-y:auto;background-color:#000000d9;color:#fff;border-radius:8px;padding:12px;font-size:12px;width:300px;display:none}#debug-info.visible{display:block}#debug-icon{position:fixed;bottom:20px;right:20px;z-index:1001;width:40px;height:40px;background-color:#000000d9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}#debug-icon:hover{background-color:#323232f2}#debug-info .log-entry{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1);line-height:1.4}#debug-info .log-entry:last-child{border-bottom:none}#debug-info .error{color:#ff6b6b}#loading,#target-finder,#start-ui{z-index:10}#corner-brandmark{position:absolute;top:20px;left:20px;right:unset;z-index:10;cursor:pointer;opacity:.8;transition:opacity .3s,transform .3s}#corner-brandmark:hover{opacity:1;transform:scale(1.05)}#corner-brandmark img{width:60px;height:60px;filter:invert(1) drop-shadow(0px 0px 3px rgba(0,0,0,.5))}#canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:15;opacity:0;pointer-events:none;transition:opacity .5s ease-out}#canvas-overlay.active{opacity:1;pointer-events:all}#capture-ui{position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:10;opacity:1;transition:opacity .3s ease}#capture-button{width:70px;height:70px;border-radius:50%;background-color:#ffffff4d;border:3px solid rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;transition:transform .2s ease,background-color .2s ease;box-shadow:0 2px 8px #0003;touch-action:manipulation}#capture-button.pressed{transform:scale(.95);background-color:#fff6}#capture-button.recording{background-color:#ff5050b3}.capture-button-inner{width:60px;height:60px;border-radius:50%;background-color:#fff;opacity:.9;transition:all .2s ease}#media-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;display:none;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;box-sizing:border-box}.preview-content{width:100%;height:100%;max-width:100%;max-height:100%;background-color:transparent;border-radius:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.preview-header{position:absolute;top:0;right:0;padding:20px;z-index:1001;display:flex;justify-content:flex-end}#preview-close-button{width:44px;height:44px;border-radius:50%;background-color:#0009;border:2px solid rgba(255,255,255,.8);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;overflow:hidden;outline:none;padding:0;box-shadow:0 2px 10px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#preview-close-button span{display:block;position:relative;width:20px;height:20px}#preview-close-button span:before,#preview-close-button span:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;top:50%;left:0;transition:all .3s}#preview-close-button span:before{transform:rotate(45deg)}#preview-close-button span:after{transform:rotate(-45deg)}#preview-close-button:hover,#preview-close-button:focus{background-color:#000c;transform:scale(1.1)}.preview-media-container{flex:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;position:relative}.preview-media-container img,.preview-media-container video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}.preview-actions{position:absolute;bottom:0;left:0;right:0;padding:30px 20px;display:flex;justify-content:center;background:linear-gradient(transparent,#000c);z-index:1001}#preview-save-button{padding:16px 32px;background-color:#15bb7c;color:#fff;border:none;border-radius:30px;font-weight:700;font-size:18px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #15bb7c66;min-width:120px}#preview-save-button:hover{background-color:#13a56e;transform:translateY(-2px);box-shadow:0 6px 25px #15bb7c80}#preview-save-button:active{transform:translateY(1px)}#preview-cancel-button{padding:12px 24px;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:30px;font-weight:400;font-size:16px;cursor:pointer;transition:all .3s;margin-right:12px;opacity:.8}