.guided-scan #content > .camera-actions,
.guided-scan #content > .quality-check,
.guided-scan #content > .web-ar,
.guided-scan #content > .coverage,
.guided-scan #content > .view-captures,
.guided-scan #content > .scan-status,
.guided-scan #content > .ruler-confirm,
.guided-scan #content > .progress,
.guided-scan #content > #round-label,
.guided-scan #content > .scan-controls { display: none !important; }
.simple-flow [hidden] { display: none !important; }
.guided-scan .camera-guide,.guided-scan .camera-arrow,.guided-scan .camera-overlay { display:none; }
.guided-scan .camera-stage { height:clamp(180px,34svh,360px); min-height:0; aspect-ratio:auto; }
.guided-scan .camera-stage video { position:absolute; inset:0; }
.simple-flow #record-live { color:#9a3027; font-weight:700; margin:10px 0; }
.capture-quality { margin:10px 0 14px; padding:12px 14px; border:2px solid #d6ddd2; border-radius:13px; background:#f5f7f3; color:#526152; font-weight:800; text-align:center; }
.capture-quality::before { content:'●'; margin-right:8px; }
.capture-quality.good { border-color:#77ae59; background:#e5f2dc; color:#275b18; }
.capture-quality.warn { border-color:#e3b04d; background:#fff4d5; color:#76500a; }
.capture-quality.bad { border-color:#d76f62; background:#fde8e5; color:#8b2c24; }
.capture-quality-summary { grid-column:1/-1; margin:8px 0 0; padding:11px 13px; border-radius:11px; background:#f2f6ef; color:#455b46; font-size:.86rem; line-height:1.45; }
.keyframes { margin:0 0 16px; padding:14px; border:1px solid #ceddc6; border-radius:15px; background:#f7faf3; }
.keyframes strong,.keyframes small { display:block; }
.keyframes small { margin-top:3px; color:#617064; font-size:.82rem; }
.keyframe-strip { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(96px,1fr); gap:8px; margin-top:11px; overflow-x:auto; padding-bottom:3px; }
.keyframe-strip img { width:100%; aspect-ratio:4/3; border-radius:9px; object-fit:cover; background:#dfe9d8; }
.result-video { display:block; width:100%; max-height:50svh; margin:16px 0; background:#173d35; border-radius:16px; }
.local-copy-status { margin:12px 0 6px; padding:12px 14px; border-radius:12px; background:#e5f0d9; color:#275b18; font-weight:700; }
.upload-video { width:100%; min-height:58px; font-size:1rem; }
.upload-status { margin:10px 0 16px; color:#3e5845; font-size:.95rem; line-height:1.45; }
.garden-map { margin:14px 0 18px; padding:14px; border:1px solid #ceddc6; border-radius:16px; background:linear-gradient(145deg,#f7fbf3,#eaf4e5); }
.garden-map-head { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.garden-map-head strong { color:#173d35; }
.garden-map-head small { font-size:.68rem; letter-spacing:.08em; color:#647362; }
.garden-map svg { display:block; width:100%; height:auto; margin:10px 0 4px; border-radius:12px; background:#dfeeda; }
.garden-map .map-grid { fill:none; stroke:#c4d8be; stroke-width:1; stroke-dasharray:4 5; }
#garden-track-line { fill:none; stroke:#438f25; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; }
#garden-track-start { fill:#fff; stroke:#173d35; stroke-width:3; }
#garden-track-current { fill:#f4b63c; stroke:#fff; stroke-width:4; }
#garden-map-status { min-height:22px; margin:5px 0 10px; color:#526752; font-size:.88rem; line-height:1.4; }
.garden-zones { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.garden-zones span { padding:8px 6px; border-radius:9px; background:#fff; color:#6c796b; font-size:.76rem; font-weight:700; text-align:center; }
.garden-zones span.ready { background:#4c9b25; color:#fff; }
@media(max-width:420px){.garden-map-head{align-items:flex-start;flex-direction:column;gap:3px}.garden-zones{grid-template-columns:1fr}.garden-map svg{max-height:180px}}
