:root{--retention-banner-h: 46px}html.retention-banner-active .pro-app-root{height:calc(100vh - var(--retention-banner-h))!important;margin-top:var(--retention-banner-h)}html.retention-banner-active .pro-pricing-root{padding-top:var(--retention-banner-h)}.camera-angles-root{font-family:DM Sans,Sora,system-ui,sans-serif;width:100%;max-width:360px;margin:0 auto;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#111315;color:#f0f0f0;padding:16px;box-shadow:0 0 0 1px #ffffff0f;overflow-anchor:none}.camera-angles-header{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;letter-spacing:0}.camera-angles-hint{margin:8px 0 14px;text-align:center;color:#888;font-size:12px}.camera-angles-rig{position:relative;width:min(100%,294px);aspect-ratio:1;margin:0 auto;overflow:hidden;border:0;border-radius:12px;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.035),transparent 58%),#1b1d1f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.camera-angles-rig.is-dragging{cursor:grabbing}.camera-angles-rig canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.camera-angles-subject{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);perspective:360px;pointer-events:none}.subject-3d{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(24deg)}.subj-face{position:absolute;left:50%;top:50%;border-radius:3px}.subj-front{width:40px;height:40px;transform:translate(-50%,-50%) translateZ(14px);display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#3a3e45,#24272c);border:1px solid rgba(255,255,255,.16);color:#8b9098;box-shadow:inset 0 1px #ffffff14}.subj-back{width:40px;height:40px;transform:translate(-50%,-50%) translateZ(-14px) rotateY(180deg);background:#14161a}.subj-right{width:28px;height:40px;transform:translate(-50%,-50%) rotateY(90deg) translateZ(20px);background:linear-gradient(150deg,#23262c,#181a1e)}.subj-left{width:28px;height:40px;transform:translate(-50%,-50%) rotateY(-90deg) translateZ(20px);background:linear-gradient(150deg,#2c2f35,#1c1f23)}.subj-top{width:40px;height:28px;transform:translate(-50%,-50%) rotateX(90deg) translateZ(20px);background:linear-gradient(150deg,#41454d,#2b2e34)}.subj-bottom{width:40px;height:28px;transform:translate(-50%,-50%) rotateX(-90deg) translateZ(20px);background:#121419}.subject-3d-photo{position:absolute;left:50%;top:50%;width:40px;height:40px;object-fit:cover;transform:translate(-50%,-50%) translateZ(16px);border-radius:4px;border:1px solid rgba(255,255,255,.28);box-shadow:0 6px 14px #0000008c}.camera-angles-marker{position:absolute;z-index:4;pointer-events:none;display:flex;width:36px;height:28px;align-items:center;justify-content:center;background:transparent;perspective:260px;transition:transform .12s ease-out;will-change:transform}.camera-angles-marker-pose{display:flex;width:36px;height:28px;align-items:center;justify-content:center;transform-style:preserve-3d;transform-origin:50% 50%;transition:transform .12s ease-out;will-change:transform}.camera-angles-rig.is-dragging .camera-angles-marker,.camera-angles-rig.is-dragging .camera-angles-marker-pose{transition:none}.camera-3d{position:relative;width:22px;height:14px;transform-style:preserve-3d}.cam-face{position:absolute;left:50%;top:50%;border-radius:2px}.cam-front{width:22px;height:14px;transform:translate(-50%,-50%) translateZ(6px);background:linear-gradient(135deg,#50545c,#2c2f35);border:.5px solid rgba(255,255,255,.22)}.cam-back{width:22px;height:14px;transform:translate(-50%,-50%) translateZ(-6px) rotateY(180deg);background:#15171b}.cam-right{width:12px;height:14px;transform:translate(-50%,-50%) rotateY(90deg) translateZ(11px);background:linear-gradient(135deg,#2f333a,#1c1f24)}.cam-left{width:12px;height:14px;transform:translate(-50%,-50%) rotateY(-90deg) translateZ(11px);background:linear-gradient(135deg,#393d45,#23262b)}.cam-top{width:22px;height:12px;transform:translate(-50%,-50%) rotateX(90deg) translateZ(7px);background:linear-gradient(135deg,#5c616a,#3a3e45)}.cam-bottom{width:22px;height:12px;transform:translate(-50%,-50%) rotateX(-90deg) translateZ(7px);background:#121419;box-shadow:0 0 6px 2px #0006}.camera-3d-barrel{position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%) translateZ(6px);background:#0e1014;box-shadow:0 0 0 1px #ffffff1f}.camera-3d-lens{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%) translateZ(9px);background:radial-gradient(circle at 50% 42%,#fff,#f3f4f8 26%,#d63b31,#2c2f35 64%,#121417);box-shadow:0 0 2px #00000080}.camera-3d-vf{position:absolute;left:50%;top:50%;width:7px;height:4px;border-radius:1px;transform:translate(-50%,-50%) translateY(-9px) translateZ(-1px);background:linear-gradient(135deg,#5c616a,#34383f)}.camera-angles-arrow{position:absolute;z-index:5;width:24px;height:24px;min-width:24px;min-height:24px;border:0;border-radius:999px;background:transparent;color:#ffffff8c;font-size:14px;transition:background-color .12s ease,border-color .12s ease}.camera-angles-arrow span{position:absolute;display:block;width:0;height:0}.camera-angles-arrow:hover{background:#ffffff0e;color:#fff}.camera-angles-arrow:focus-visible,.camera-angles-generate:focus-visible,.camera-angles-toggle:focus-visible,.camera-angles-slider-row input:focus-visible{outline:2px solid #fff;outline-offset:2px}.camera-angles-arrow.arrow-left{left:14px;top:50%;transform:translateY(-50%)}.camera-angles-arrow.arrow-left span{top:50%;right:0;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid currentColor}.camera-angles-arrow.arrow-right{right:14px;left:auto;top:50%;transform:translateY(-50%)}.camera-angles-arrow.arrow-right span{top:50%;left:0;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.camera-angles-arrow.arrow-up{left:50%;top:14px;transform:translate(-50%)}.camera-angles-arrow.arrow-up span{bottom:0;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid currentColor}.camera-angles-arrow.arrow-down{left:50%;top:auto;bottom:14px;transform:translate(-50%)}.camera-angles-arrow.arrow-down span{top:0;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid currentColor}.camera-angles-controls{display:grid;gap:10px;margin-top:12px}.camera-angles-slider-row{display:flex;gap:12px;align-items:center;min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#1f2022}.camera-angles-slider-row span{width:72px;flex:0 0 72px;color:#f0f0f0;font-size:13px;font-weight:700}.camera-angles-slider-row output{min-width:48px;border-radius:8px;background:#ffffff0f;color:#f0f0f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:28px;text-align:center}.camera-angles-slider-row input{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;cursor:pointer}.camera-angles-slider-row input::-webkit-slider-thumb{width:24px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:#fff}.camera-angles-slider-row input::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:999px;background:#fff}.camera-angles-toggle{display:flex;align-items:flex-start;gap:10px;width:100%;margin-top:12px;min-height:34px;padding:0;border:0;background:transparent;color:#f0f0f0;font:inherit;font-size:13px;line-height:1.25;text-align:left;cursor:pointer}.camera-angles-toggle span{position:relative;width:42px;height:24px;flex:0 0 42px;margin-top:1px;border-radius:999px;background:#333;transition:background-color .12s ease}.camera-angles-toggle span:after{position:absolute;top:4px;left:4px;width:16px;height:16px;content:"";border-radius:999px;background:#fff;transition:transform .12s ease}.camera-angles-toggle.is-checked span{background:#555}.camera-angles-toggle.is-checked span:after{transform:translate(18px)}.camera-angles-toggle strong{min-width:0;padding-top:2px;font-weight:700}.camera-angles-toggle.is-disabled{cursor:not-allowed;opacity:.48}.camera-angles-generate{width:100%;min-height:56px;margin-top:16px;border-radius:12px;background:#fff;color:#141414;font-size:18px;font-weight:800;transition:background-color .12s ease,transform .12s ease}.camera-angles-generate:hover{background:#e9e9e9}.camera-angles-generate:active{transform:translateY(1px)}@media(max-width:767px){.camera-angles-root{padding:12px;box-shadow:none}.camera-angles-rig{width:min(100%,300px)}.camera-angles-subject{width:50px;height:50px}}.pro-mode .camera-angles-root{max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--pro-text);font-family:inherit}.pro-mode .camera-angles-header{display:none}.pro-mode .camera-angles-hint{margin:0 0 12px;color:var(--pro-text-3)}.pro-mode .camera-angles-rig{width:100%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.05),transparent 60%),linear-gradient(180deg,#1c1d22,#141519);border:1px solid var(--pro-border);box-shadow:inset 0 1px #ffffff0a}.pro-mode .subj-front,.pro-mode .camera-angles-arrow{color:var(--pro-text-3)}.pro-mode .camera-angles-arrow:hover{background:var(--pro-surface3);color:var(--pro-text)}.pro-mode .camera-angles-slider-row{min-height:34px;gap:10px;background:var(--pro-surface2);border-color:var(--pro-border)}.pro-mode .camera-angles-slider-row span{width:52px;flex:0 0 52px;font-size:12px;color:var(--pro-text)}.pro-mode .camera-angles-slider-row output{min-width:42px;background:var(--pro-surface3);color:var(--pro-text)}.pro-mode .camera-angles-slider-row input::-webkit-slider-thumb{width:18px;height:18px;background:var(--pro-accent)}.pro-mode .camera-angles-slider-row input::-moz-range-thumb{width:18px;height:18px;background:var(--pro-accent)}.pro-mode.pro-light .camera-angles-rig{background:radial-gradient(circle at 50% 42%,rgba(0,0,0,.03),transparent 60%),var(--pro-surface2);border-color:var(--pro-border);box-shadow:inset 0 1px #ffffff80,0 1px 3px #0000000f}.pro-mode.pro-light .camera-angles-arrow{color:var(--pro-text-3)}.pro-mode.pro-light .camera-angles-arrow:hover{background:var(--pro-surface3);color:var(--pro-text)}.pro-mode.pro-light .subj-front{background:linear-gradient(150deg,#d0d3d8,#b8bcc2);border-color:#0000001f;box-shadow:inset 0 1px #fff6}.pro-mode.pro-light .subj-back{background:#a8abb0}.pro-mode.pro-light .subj-right{background:linear-gradient(150deg,#bcc0c6,#a8acb2)}.pro-mode.pro-light .subj-left{background:linear-gradient(150deg,#c4c8ce,#b0b4ba)}.pro-mode.pro-light .subj-top{background:linear-gradient(150deg,#dcdfe4,#c8ccd2)}.pro-mode.pro-light .subj-bottom{background:#9a9da2}.pro-mode.pro-light .subject-3d-photo{border-color:#0000002e}.pro-mode.pro-light .cam-front{background:linear-gradient(135deg,#c8ccd2,#a8acb2);border-color:#00000026}.pro-mode.pro-light .cam-back{background:#9a9ea4}.pro-mode.pro-light .cam-right{background:linear-gradient(135deg,#b4b8be,#a0a4aa)}.pro-mode.pro-light .cam-left{background:linear-gradient(135deg,#bcc0c6,#a8acb2)}.pro-mode.pro-light .cam-top{background:linear-gradient(135deg,#d4d8de,#b8bcc2)}.pro-mode.pro-light .cam-bottom{background:#90949a;box-shadow:0 0 6px 2px #0000001a}.pro-mode.pro-light .camera-3d-barrel{background:#888c92;box-shadow:0 0 0 1px #0000001a}.pro-mode.pro-light .camera-3d-vf{background:linear-gradient(135deg,#c8ccd2,#a8acb2)}.pro-mode.pro-light .camera-angles-slider-row{background:var(--pro-surface2);border-color:var(--pro-border)}.pro-mode.pro-light .camera-angles-slider-row output{background:var(--pro-surface3);color:var(--pro-text)}.pro-mode.pro-light .camera-angles-slider-row input:focus-visible,.pro-mode.pro-light .camera-angles-arrow:focus-visible{outline-color:var(--pro-accent)}.pro-mode.pro-light .camera-angles-toggle strong{color:var(--pro-text)}.pro-mode.pro-light .camera-angles-toggle span{background:var(--pro-border)}.pro-mode.pro-light .camera-angles-toggle.is-checked span{background:var(--pro-text-3)}.upscaler-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer}.upscaler-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--pro-accent, #a78bfa);border:2px solid var(--pro-surface1, #161820);cursor:pointer;transition:box-shadow .15s}.upscaler-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--pro-accent, #a78bfa);border:2px solid var(--pro-surface1, #161820);cursor:pointer}.upscaler-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--pro-accent-glow, rgba(167,139,250,.25))}.upscaler-slider:disabled{opacity:.35;cursor:not-allowed}.upscaler-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.upscaler-slider:disabled::-moz-range-thumb{cursor:not-allowed}.pro-mode .camera-angles-generate,.pro-mode .camera-angles-toggle,.change-angles-tool-panel .camera-angles-generate{display:none}.change-angles-tool-panel .camera-angles-toggle{display:flex}.change-angles-tool-panel .camera-angles-header{display:none}.change-angles-tool-panel .camera-angles-root{max-width:100%;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;padding:12px 16px 16px}.mobile-stage .camera-angles-rig{width:min(100%,248px)}.mobile-stage .camera-angles-root{padding:0 16px}.ca-stage{position:relative;border-radius:16px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--pro-accent) 8%,transparent),transparent 60%)}