.collection-toolbar,.collection-actions,.collection-tabs { display:flex; align-items:center; gap:16px; }
.collection-toolbar { justify-content:space-between; margin:4px 0 18px; border-bottom:1px solid var(--line); }
.collection-tabs { gap:24px; }
.collection-tabs button { min-height:44px; padding:8px 0; color:var(--muted); border-bottom:2px solid transparent; font-size:14px; }
.collection-tabs button[aria-selected=true] { color:var(--ink); border-bottom-color:var(--ink); font-weight:600; }
.collection-actions { gap:10px; }
.scene-select { position:absolute; left:10px; top:10px; z-index:3; display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:var(--paper); border-radius:6px; }
.scene-select input,.check-row input { appearance:auto; width:18px; height:18px; min-height:0; padding:0; accent-color:var(--ink); }
.share-settings .check-row { display:flex; gap:12px; align-items:center; min-height:44px; font-size:14px; }
.share-option-list { margin:8px 0; padding:8px 0; border-block:1px solid var(--line); }
.share-link-row { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:16px; }
.share-link-row label { grid-column:1/-1; }
.share-link-row input { min-width:0; }
.visitor-summary { margin:10px 0; color:var(--muted); }
.visitor-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.visitor-row p { color:var(--muted); font-size:12px; margin:4px 0 0; }
.visitor-pages,.picker-pages { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:12px; }
.group-scenes { max-height:40vh; overflow:auto; margin:12px 0; }
.group-scene-row { display:flex; gap:4px; align-items:center; margin:6px 0; }
.group-scene-row input { min-width:0; flex:1; }
.scene-order { min-width:18px; font-size:12px; color:var(--muted); }
.group-scene-row .icon-button { width:44px; flex:none; }
.group-scene-row [data-up] svg,.group-scene-row [data-down] svg { transform:rotate(90deg); }
.group-picker { padding:12px; border:1px solid var(--line); border-radius:8px; margin-top:8px; }
.group-picker .search-field { width:100%; }
.picker-records { max-height:180px; overflow:auto; margin-top:8px; }
.picker-scene { display:flex; align-items:center; gap:8px; min-height:44px; width:100%; text-align:left; }
.tour-page { max-width:1640px; padding:14px 24px 24px; height:calc(100dvh - 62px); display:flex; flex-direction:column; }
.tour-page .viewer-heading { flex:none; margin-bottom:12px; }
.tour-heading-row { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.tour-heading-row h1 { margin:0; font-size:22px; }
.tour-owner-actions { display:flex; align-items:center; gap:8px; flex:none; }
.tour-owner-actions .text-button { display:flex; align-items:center; gap:4px; }
.tour-stage { flex:1; min-height:280px; height:auto; max-height:none; }
.capture-reminder { margin:4px 0; font-size:11px; color:var(--muted); }
.scene-strip { position:absolute; bottom:0; left:0; right:0; z-index:3; display:flex; justify-content:safe center; gap:10px; padding:10px 16px max(10px,env(safe-area-inset-bottom)); overflow-x:auto; background:linear-gradient(transparent,#193e3580); scrollbar-width:thin; }
.scene-thumb { flex:none; width:100px; padding:2px; color:white; border-radius:6px; }
.scene-thumb > span { display:block; position:relative; height:58px; border:1px solid #fafaf550; border-radius:5px; background:#81958c; overflow:hidden; }
.scene-thumb img { width:100%; height:100%; object-fit:cover; opacity:0; }
.scene-thumb.loaded img { opacity:1; }
.scene-thumb i { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:13px; }
.scene-thumb.loaded i { display:none; }
.scene-thumb strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px; font-size:12px; font-weight:400; }
.scene-thumb[aria-pressed=true] > span { border-color:#dec793; box-shadow:0 0 0 1px #dec793; }
.compare-stage.has-scene-strip .viewer-controls { bottom:112px; }
.tour-stage canvas,.batch-canvas canvas { transition:opacity .22s ease; }
.scene-switching canvas { opacity:.15; }
.compare-stage [data-view=auto][aria-pressed=true] { background:transparent; }
.batch-status { flex:none; }
.batch-status span { margin-left:10px; color:var(--muted); font-size:12px; }
.batch-status p { margin:4px 0; font-size:12px; }
.batch-workbench .settings-scroll textarea { font-size:13px; }
.batch-workbench .settings-scroll .field-help { margin:12px 0; }
.batch-workbench .render-submit-area .field-help { font-size:11px; margin:6px 0 0; }
.batch-workbench.landscape-view .batch-status { display:none; }
@media(max-width:760px) {
  .collection-toolbar { margin-bottom:12px; flex-wrap:wrap; gap:0; }
  .collection-tabs { gap:22px; }
  .collection-tabs button { font-size:13px; }
  .collection-actions { margin-left:auto; }
  .collection-actions .button,.collection-actions .text-button { font-size:12px; padding-inline:8px; }
  .tour-page { padding:10px 16px 16px; height:calc(100dvh - 56px); min-height:520px; }
  .tour-heading-row { flex-wrap:wrap; gap:0; }
  .tour-heading-row h1 { font-size:22px; }
  .tour-owner-actions { gap:2px; }
  .tour-stage { min-height:300px; }
  .scene-strip { gap:8px; padding-inline:8px; }
  .scene-thumb { width:84px; }
  .scene-thumb > span { height:50px; }
  .scene-thumb strong { font-size:11px; }
  .compare-stage.has-scene-strip .viewer-controls { bottom:102px; }
  .group-scene-row { gap:0; }
  .group-scene-row input { padding-inline:8px; }
  .share-settings,.group-form { font-size:13px; }
  .batch-workbench .settings-scroll textarea { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { .tour-stage canvas,.batch-canvas canvas { transition:none; } }

/* Keep scene navigation light when the panorama fills the screen. */
.compare-stage:is(.landscape-stage,.immersive,:fullscreen).has-scene-strip { --immersive-menu-bottom:calc(116px + env(safe-area-inset-bottom)); }
.compare-stage:is(.landscape-stage,.immersive,:fullscreen) .scene-strip { gap:8px; padding:6px 12px calc(6px + env(safe-area-inset-bottom)); background:transparent; }
.compare-stage:is(.landscape-stage,.immersive,:fullscreen) .scene-thumb { width:64px; }
.compare-stage:is(.landscape-stage,.immersive,:fullscreen) .scene-thumb > span { height:36px; }
.compare-stage:is(.landscape-stage,.immersive,:fullscreen) .scene-thumb strong { margin-top:3px; font-size:10px; line-height:12px; text-shadow:0 1px 3px #000,0 0 2px #000; }
.compare-stage:is(.landscape-stage,.immersive,:fullscreen).has-scene-strip .viewer-controls { bottom:calc(68px + env(safe-area-inset-bottom)); }

.watermark-text-field { padding:0 0 8px 30px; }
.watermark-text-field label { display:block; font-size:12px; margin:2px 0 6px; }
.watermark-text-field input { width:100%; min-height:40px; }
.watermark-text-field .field-help { margin:5px 0 0; font-size:11px; }

.tour-renders { flex:none; min-width:0; padding-top:10px; }
.tour-result-status { flex:none; margin:6px 0 0; color:var(--muted); font-size:12px; }
.render-variants-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.render-variants-heading h2 { font-size:14px; margin:0; }
.render-variants-pages { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--muted); }
.render-variants-pages .icon-button { width:32px; height:32px; min-height:32px; }
.render-variants-list { display:flex; gap:10px; overflow-x:auto; padding:6px 2px; scrollbar-width:thin; }
.render-variant { flex:none; width:118px; padding:3px; text-align:left; border:1px solid transparent; border-radius:7px; }
.render-variant[aria-pressed=true] { border-color:var(--ink); background:var(--sage); }
.render-variant > span { display:flex; align-items:center; justify-content:center; position:relative; height:52px; border-radius:4px; overflow:hidden; background:var(--sage); }
.render-variant > span > svg { width:24px; height:24px; }
.render-variant img { width:100%; height:100%; object-fit:cover; opacity:0; }
.render-variant i { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.render-variant i svg { width:24px; height:24px; }
.render-variant.loaded img { opacity:1; }
.render-variant.loaded i { display:none; }
.render-variant strong,.render-variant time { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px 2px 0; }
.render-variant strong { font-size:12px; font-weight:500; }
.render-variant time { font-size:10px; color:var(--muted); }
.render-variants-message { font-size:11px; color:var(--muted); margin:2px 0 0; }
.render-variants-message .text-button { min-height:24px; padding:0 8px; }
@media(max-width:760px) {
  .render-variant { width:102px; }
  .render-variant > span { height:44px; }
  .render-variants-list { gap:6px; }
  .tour-renders { padding-top:8px; }
}