*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0f;color:#fff;font-family:Courier New,monospace;min-height:100vh}@font-face{font-family:Unkempt;src:url(./assets/Unkempt-Regular.ttf) format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#ff69b4;border-radius:4px}.btn-whee{background:#ff69b4;color:#000;border:3px solid #fff;padding:12px 28px;font-family:Courier New,monospace;font-weight:700;font-size:16px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px silver;transition:all .1s}.btn-whee:hover{background:#ff1493;transform:translate(-2px,-2px);box-shadow:6px 6px silver}.btn-whee:active{transform:translate(2px,2px);box-shadow:2px 2px silver}.btn-secondary{background:#1a1a2e;color:#ff69b4;border:3px solid #ff69b4;padding:12px 28px;font-family:Courier New,monospace;font-weight:700;font-size:16px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px #ff69b4;transition:all .1s}.btn-secondary:hover{background:#ff69b4;color:#000;transform:translate(-2px,-2px);box-shadow:6px 6px silver}.window{border:3px solid #c0c0c0;box-shadow:inset -2px -2px gray,inset 2px 2px #fff}.window-titlebar{background:linear-gradient(90deg,navy,#1084d0);padding:4px 8px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#fff}.window-body{background:#0a0a0f;padding:20px}.curved-loop-jacket{display:flex;align-items:center;justify-content:center;width:100%;overflow:visible;user-select:none;-webkit-user-select:none;-moz-user-select:none;margin:0}.curved-loop-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.curved-loop-reference{position:absolute;left:6%;right:6%;height:40px;top:50%;transform:translateY(-50%);pointer-events:none}.curved-loop-reference .ref-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:#df82a340}.curved-loop-reference .ref-handle{position:absolute;top:0;bottom:0;width:28px;display:flex;align-items:center;justify-content:center}.curved-loop-reference .ref-left{left:-14px}.curved-loop-reference .ref-right{right:-14px}.ref-line{width:3px;height:120%;background:#df82a3;border-radius:2px}.ref-circle{width:14px;height:14px;background:#df82a3;border-radius:50%;position:absolute}.ref-left .ref-line{align-self:flex-start;margin-top:0}.ref-left .ref-circle{bottom:-12px;left:50%;transform:translate(-50%)}.ref-right .ref-line{align-self:flex-end;margin-bottom:0}.ref-right .ref-circle{top:-12px;left:50%;transform:translate(-50%)}.curved-loop-svg{width:100%;height:auto;display:block;overflow:hidden;font-size:45px;fill:#917264;font-weight:600}.curved-loop-text{font-family:Cause,serif;text-transform:none}html,body,#root{max-width:100vw;overflow-x:hidden}@media (max-width: 640px){.page-wrapper{min-height:100dvh!important;height:auto!important;display:flex;flex-direction:column;overflow-x:hidden}.page-content{flex:1;display:flex;flex-direction:column;padding-left:12px!important;padding-right:12px!important}.home-page-wrapper,.layout-page-wrapper,.camera-page-wrapper,.customise-page-wrapper{padding-top:52px!important}.nav-btn-text{display:none!important}.nav-support-btn,.nav-feedback-btn,.nav-contact-btn{padding:6px 10px!important;min-height:32px!important;font-size:14px!important;gap:0!important}.page-header{padding-top:4px!important;margin-bottom:4px!important;min-height:40px!important;padding-left:54px!important;padding-right:12px!important;box-sizing:border-box}.page-header-title{font-size:clamp(19px,5vw,24px)!important;margin-top:0!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-title{font-size:clamp(28px,8vw,36px)!important;margin-top:4px!important;line-height:1.05!important}.home-subtitle{font-size:12px!important;margin-top:4px!important}.home-frames-wrap{transform:none!important;margin:30px auto 20px!important;height:clamp(240px,58vw,320px)!important;width:100%!important;max-width:100%!important;position:relative!important}.home-frame{position:absolute!important;border-radius:12px!important}.home-frame.frame-1{left:50%!important;top:-10%!important;transform:translate(-50%) rotate(0)!important;width:clamp(125px,33vw,150px)!important;z-index:2!important}.home-frame.frame-2{left:2%!important;top:48%!important;width:clamp(95px,25vw,110px)!important}.home-frame.frame-3{left:3%!important;top:10%!important;width:clamp(85px,22vw,100px)!important}.home-frame.frame-4{left:52%!important;bottom:-2%!important;transform:translate(-50%) rotate(0)!important;width:clamp(135px,35vw,160px)!important;z-index:1!important}.home-frame.frame-5{right:2%!important;bottom:12%!important;width:clamp(85px,22vw,100px)!important}.home-frame.frame-6{right:3%!important;top:10%!important;width:clamp(85px,22vw,100px)!important}.page-wrapper>footer{margin-top:auto!important;padding:16px!important}.curved-loop-reference{height:28px!important;left:4%!important;right:4%!important}.layout-page-content{padding-top:8px!important;padding-bottom:12px!important;height:auto!important;overflow-y:auto!important;gap:4px!important}.layout-header{margin-bottom:2px!important;min-height:40px!important}.layout-title{font-size:clamp(20px,5.5vw,26px)!important;margin-top:0!important;line-height:1.08!important}.layout-subtitle{font-size:11px!important;margin:0 0 4px!important}.layout-carousel-wrap{margin-top:0!important;margin-bottom:4px!important;padding:3px!important}.layout-carousel-wrap button{padding:6px 12px!important;font-size:11px!important}.layout-page-content>div:last-child{overflow:visible!important}.camera-page-content{padding:8px 10px 20px!important;gap:8px!important;overflow-y:auto!important}.camera-header{margin-bottom:2px!important;min-height:40px!important}.camera-title{font-size:clamp(20px,5.5vw,26px)!important;margin-top:0!important;line-height:1.08!important}.camera-strip-preview{max-height:38vh!important;border-radius:10px!important}.camera-controls-row{gap:10px!important;justify-content:center!important;width:100%!important;flex-wrap:nowrap!important;margin-top:4px!important}.camera-flip-btn,.camera-upload-btn{width:40px!important;height:40px!important;font-size:16px!important}.camera-capture-btn{width:58px!important;height:58px!important}.camera-timer-group button{width:26px!important;height:24px!important;font-size:9px!important}.camera-filter-strip{gap:5px!important}.camera-filter-strip>button{min-width:50px!important;padding:5px 4px!important;font-size:9px!important}.camera-curved-wrap{margin-top:0!important;margin-bottom:0!important}.camera-actions-row{gap:6px!important;flex-wrap:wrap!important;margin-bottom:8px!important;padding-bottom:8px!important;justify-content:center!important}.camera-actions-row>a,.camera-actions-row>button{padding:9px 16px!important;font-size:11px!important;letter-spacing:.8px!important;min-width:80px!important;flex:1 1 auto!important;max-width:120px!important;text-align:center!important;justify-content:center!important}.customise-page-content{padding:8px 8px 16px!important;overflow-y:auto!important}.customise-title{font-size:clamp(19px,5vw,24px)!important;margin-top:0!important;line-height:1.08!important}.customise-header{padding-top:0!important;margin-bottom:4px!important}.customise-main-row{flex-direction:column-reverse!important;gap:8px!important;width:100%!important}.customise-toolbar{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:4px 8px!important;padding:6px 8px!important;align-self:stretch!important;min-height:auto!important;max-height:80px!important;overflow:hidden!important}.customise-toolbar>span,.customise-toolbar>p,.customise-toolbar>label{display:none!important}.customise-toolbar button{width:30px!important;height:30px!important;padding:4px!important;font-size:14px!important}.customise-toolbar .color-swatch{width:18px!important;height:18px!important}.customise-canvas-container{width:100%!important;max-width:100%!important}}@media (min-width: 641px) and (max-width: 1024px){html,body,#root{min-height:100%}.page-wrapper{min-height:100dvh;display:flex;flex-direction:column}.page-content{flex:1;display:flex;flex-direction:column}.page-wrapper>footer{margin-top:auto!important}.nav-btn-text{display:none}.layout-header{margin-bottom:6px!important}.layout-title{font-size:clamp(26px,4vw,32px)!important;margin-top:0!important;line-height:1.08!important}.layout-subtitle{margin-bottom:6px!important}.layout-carousel-wrap{margin-top:4px!important}}