From eecb25b1ac52ec87e382ff8249fa3dfb9e295c13 Mon Sep 17 00:00:00 2001
From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>
Date: Mon, 5 Oct 2026 13:17:29 +0900
Subject: bluebey-studio: ARカメラにシャッターを追加し、スマホ操作の説明を追記
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/bluebey-studio/src/style.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'public/bluebey-studio/src/style.css')

diff --git a/public/bluebey-studio/src/style.css b/public/bluebey-studio/src/style.css
index f4c9270..61c53db 100644
--- a/public/bluebey-studio/src/style.css
+++ b/public/bluebey-studio/src/style.css
@@ -111,6 +111,33 @@ body:not(.panel-hidden) #stage {
    small-screen media query at the end of the viewport/panel section below. */
 #viewport-hint-touch { display: none; }
 
+/* AR (camera) mode's shutter: a camera-app button over the viewport. It is a DOM
+   layer, so it never appears in the exported PNG. */
+.ar-shutter {
+  position: absolute;
+  left: 50%;
+  bottom: calc(22px + env(safe-area-inset-bottom));
+  transform: translateX(-50%);
+  z-index: 4;
+  width: 64px;
+  height: 64px;
+  padding: 0;
+  border-radius: 50%;
+  border: 4px solid #ffffff;
+  background: rgba(255, 255, 255, 0.35);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
+  cursor: pointer;
+}
+.ar-shutter::after {
+  content: "";
+  position: absolute;
+  inset: 6px;
+  border-radius: 50%;
+  background: #ffffff;
+}
+.ar-shutter:active::after { background: #d9d2e8; }
+.ar-shutter[hidden] { display: none; }
+
 /* -------------------------------------------------------------------- panel */
 
 #panel {
-- 
cgit v1.3.1