/* Onboarding belongs to the clearing scene, not the pricing controls. */
.scene-visual{position:relative;isolation:isolate}
.scene-guide{position:absolute;z-index:2;top:10%;left:50%;transform:translateX(-50%);width:max-content;max-width:88%;padding:18px 24px;text-align:center;border-radius:14px;background:var(--paper);color:var(--pine);pointer-events:none;transition:opacity .25s}
.scene-guide p{font:26px/1.2 var(--serif);letter-spacing:-.03em}
.scene-guide span{display:block;margin-top:8px;font:12px/1.6 var(--sans);max-width:300px}
.guide-touch,.scene-start{display:none!important}
.scene-demo-shovel{position:absolute;left:72%;top:68%;width:52px;height:72px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #fff);transform:rotate(-18deg);z-index:2}
.has-cleared .scene-guide,.has-cleared .scene-demo-shovel,.paint-mode .scene-guide,.paint-mode .scene-demo-shovel{opacity:0;visibility:hidden;pointer-events:none}
.scene-wrap #scene-help{position:static;width:auto;height:auto;clip:auto;white-space:normal;overflow:visible;font:13px/1.7 var(--sans);max-width:500px;margin:10px 0 0}
.estimate .cost output{min-height:1em}
.estimate .cost output .estimate-empty{display:block;font:30px/1.3 var(--serif);letter-spacing:-.03em;white-space:normal}
@media(prefers-reduced-motion:no-preference){.scene-demo-shovel{animation:show-clearing-gesture 2.6s ease-in-out 3}.scene-wrap:has(canvas:hover) .scene-demo-shovel{opacity:0}@keyframes show-clearing-gesture{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-36px) rotate(-28deg)}}}
@media(hover:none),(pointer:coarse){
 .guide-desktop{display:none!important}.guide-touch{display:block!important}
 .scene-guide{pointer-events:auto}
 .scene-start{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;margin-top:14px;padding:10px 22px;border-radius:10px;background:var(--pine);color:var(--paper);font:14px/1.4 var(--sans)}
 .scene-wrap .scene-cursor{display:none!important}
}
@media(max-width:899px){
 .scene-guide{top:8%;padding:14px 18px;max-width:86%}
 .scene-guide p{font-size:22px}.scene-guide span{font-size:12px;max-width:240px}
 .scene-demo-shovel{width:40px;height:55px}
 .scene-wrap #scene-help{font-size:13px;padding:0 12px}
 .estimate .cost output .estimate-empty{font-size:28px}
}
@media(hover:hover) and (pointer:fine){.scene-toolbar #paint-toggle{display:none}}