.record-btn-container[data-v-98fb4d9d]{width:var(--record-button-size,clamp(64px, 17vw, 90px));aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;max-width:100%;height:auto;max-height:100%;display:flex;position:relative}.record-svg[data-v-98fb4d9d]{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.record-inner-circle[data-v-98fb4d9d]{z-index:2;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:78%;height:78%;transition:transform .2s,border-radius .2s,background-color .2s;display:flex}.record-btn-container.is-recording .record-inner-circle[data-v-98fb4d9d]{background-color:#ff0050;border-radius:8px;transform:scale(.55)}.shutter-icon[data-v-98fb4d9d]{object-fit:contain;width:100%;height:100%}.record-bg-circle[data-v-98fb4d9d]{fill:none;stroke:#ffffff4d;stroke-width:4px}.record-progress-circle[data-v-98fb4d9d]{fill:none;stroke:#ff0050;stroke-width:4px;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264px;transition:stroke-dashoffset .1s linear}.camera-container[data-v-e1f62fdf]{touch-action:none;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%)}@media (orientation:landscape){.camera-container[data-v-e1f62fdf]{max-width:57vh}}.camera-box[data-v-e1f62fdf]{background-color:#000;flex-shrink:0;position:relative;overflow:hidden}.camera-video[data-v-e1f62fdf]{object-fit:cover;width:100%;height:100%;display:block}.camera-error[data-v-e1f62fdf]{color:#fff;text-align:center;background:#0009;border-radius:8px;padding:16px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-layer[data-v-e1f62fdf]{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.frame-image[data-v-e1f62fdf]{object-fit:cover;width:100%;height:100%;display:block}.button-block[data-v-e1f62fdf]{--linebar-h:2dvh;--mode-offset-x:12px;--switch-offset-x:12px;--button-main-h:calc(var(--button-block-h,160px) - var(--linebar-h));--record-button-max-size:90px;background-color:#000;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;display:flex}.linebar[data-v-e1f62fdf]{width:100%;height:var(--linebar-h);flex-shrink:0}.linebar-image[data-v-e1f62fdf]{object-fit:fill;width:100%;height:100%;display:block}.button-main[data-v-e1f62fdf]{box-sizing:border-box;flex:1;grid-template-columns:30% 40% 30%;grid-template-areas:"mode shutter switch";align-items:center;width:100%;min-height:0;display:grid}.btn-mode-col[data-v-e1f62fdf]{width:100%;min-width:0;height:100%;min-height:0;padding-right:var(--mode-offset-x);box-sizing:border-box;flex-direction:column;grid-area:mode;justify-content:center;align-items:flex-end;gap:8px;display:flex}.btn-shutter-col[data-v-e1f62fdf]{box-sizing:border-box;--record-button-size:min(var(--record-button-max-size), 85%, calc(var(--button-main-h) * .82));grid-area:shutter;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.btn-switch-col[data-v-e1f62fdf]{width:100%;min-width:0;height:100%;min-height:0;padding-left:var(--switch-offset-x);box-sizing:border-box;grid-area:switch;justify-content:flex-start;align-items:center;display:flex}.btn-mode[data-v-e1f62fdf]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.btn-mode img[data-v-e1f62fdf]{object-fit:contain;width:clamp(67px,17vw,90px);height:auto;display:block}.btn-switch[data-v-e1f62fdf]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:clamp(42px,10vw,56px);height:clamp(42px,10vw,56px);margin:0;padding:0;display:flex}.btn-switch img[data-v-e1f62fdf]{object-fit:contain;width:100%;height:100%;display:block}.btn-switch[data-v-e1f62fdf]:disabled,.btn-mode[data-v-e1f62fdf]:disabled{opacity:.5;pointer-events:none}.preview-container[data-v-7b98dc4e]{touch-action:none;background-color:#d6c371;width:100vw;height:100dvh;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%)}@media (orientation:landscape){.preview-container[data-v-7b98dc4e]{max-width:57vh}}.preview-content[data-v-7b98dc4e]{flex-direction:column;display:flex;position:absolute;inset:0}.preview-media-area[data-v-7b98dc4e]{flex:6;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.preview-media-box[data-v-7b98dc4e]{border-style:solid;border-width:11px;border-image:linear-gradient(135deg,#f7e6a0 0%,#ecd07a 50%,#b08d42 100%) 1;flex-shrink:0;margin:11px auto;position:relative;overflow:visible}.preview-media[data-v-7b98dc4e]{object-fit:cover;width:100%;height:100%;display:block}.preview-button-area[data-v-7b98dc4e]{flex-direction:column;flex:2.5;justify-content:center;align-items:center;gap:12px;display:flex}.preview-button-row[data-v-7b98dc4e]{justify-content:center;gap:16px;width:85%;display:flex}.preview-btn[data-v-7b98dc4e]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;max-width:180px;margin:0;padding:0;display:flex}.preview-btn img[data-v-7b98dc4e]{width:100%;height:auto}.link-btn[data-v-7b98dc4e]{flex:none;width:70%;max-width:360px}html,body{width:100%;height:100%;margin:0;padding:0;position:fixed;overflow:hidden}.pc-block{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.pc-block__inner{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:40px;display:flex}.pc-block__text{color:#fff;font-size:18px;line-height:1.6}
