*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Arial,sans-serif;background:#111;color:#171717}button,select{font:inherit}button{cursor:pointer}.experience{width:100%;max-width:720px;min-height:100vh;margin:0 auto;background:#fff}.brandHeader img,.brandFooter img{width:100%;height:auto;display:block}.body{padding:16px}.stage{position:relative;width:100%;aspect-ratio:1;background:#111;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media{width:100%;height:100%;object-fit:cover;display:block}.result{object-fit:contain;background:#111}.captureArea{padding:20px 0 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.captureArea span,.printWrap span{font-size:14px;color:#555;font-weight:700}.captureButton{width:78px;height:78px;border-radius:50%;border:5px solid #fff;background:#e32222;box-shadow:0 0 0 3px #d4d4d4,0 5px 16px #0003;padding:0}.captureButton:active,.printButton:active{transform:scale(.92)}.actions{display:flex;flex-direction:column;gap:12px;padding-top:18px}.generateButton,.secondaryButton{width:100%;border-radius:14px;padding:16px 18px;font-weight:700}.generateButton{border:0;background:#111;color:#fff;font-size:17px}.secondaryButton{border:1px solid #ccc;background:#fff;color:#222}.generateButton:disabled,.secondaryButton:disabled{opacity:.5;cursor:not-allowed}.resultActions{align-items:center}.printWrap{display:flex;flex-direction:column;align-items:center;gap:8px}.printButton{width:84px;height:84px;border-radius:50%;border:5px solid #fff;background:#d71920;color:#fff;font-size:30px;box-shadow:0 0 0 3px #d4d4d4,0 6px 18px #0003}.status{margin-top:18px;padding:12px 14px;border-radius:12px;background:#f1f1f1;text-align:center;font-size:13px;color:#555}.status small{display:block;margin-top:5px}.figureSelector{margin-top:28px;padding-top:24px;border-top:1px solid #eee}.figureSelector h2{margin:0 0 12px;font-size:19px}.figureSelector select,.cameraSelector select{width:100%;padding:15px;border:1px solid #ccc;border-radius:12px;background:#fff}.exampleCard{margin-top:14px;border-radius:14px;background:#f4f4f4;padding:10px}.exampleCard span{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:7px}.exampleCard img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.cameraSelector{margin-top:20px}.cameraSelector label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.loadingOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#000d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px}.loadingImage{width:min(220px,55%);height:auto;object-fit:contain}.loadingOverlay strong{font-size:19px}.loadingOverlay span{font-size:15px}.spinner{width:42px;height:42px;border:4px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brandFooter{margin-top:28px;background:#fff}@media(min-width:700px){body{padding:24px 0;background:#111}.experience{box-shadow:0 0 40px #0005}.body{padding:24px}.stage{border-radius:28px}.captureButton{width:90px;height:90px}.printButton{width:94px;height:94px}}@media(min-width:900px)and (min-height:1200px){.experience{max-width:820px}.body{padding:30px}.generateButton,.secondaryButton{font-size:20px;padding:20px}.figureSelector h2{font-size:24px}.figureSelector select{font-size:20px;padding:18px}}
