.hd-stage{flex:1;min-block-size:0;position:relative;overflow:hidden}.hd-scene{gap:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-3);opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out), visibility 0s linear .4s;flex-direction:column;display:flex;position:absolute;inset:0}.hd-scene.is-current{opacity:1;visibility:visible;transition:opacity .4s var(--ease-out) .12s, visibility 0s}.hd-scene p{margin:0}.hd-bubble{max-inline-size:85%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);background:var(--accent-surface);color:var(--text-primary);font:var(--text-body-sm);align-self:flex-end;line-height:1.35}.hd-answer{font:var(--text-body-sm);color:var(--text-primary);line-height:1.45}.hd-chip{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-default);font:var(--text-label-sm);color:var(--text-secondary);white-space:nowrap;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px 4px 7px;font-size:.6875rem;display:inline-flex}.hd-chip svg,.hd-page-source svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:14px;inline-size:14px}.hd-chip svg{color:var(--text-accent)}.hd-label{font:var(--text-label-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary)}.hd-art{block-size:100%;inline-size:100%;display:block}.hd-art *{stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.k-wall{fill:var(--photo-plate)}.k-floor{fill:var(--steel-300)}.k-dark{fill:var(--photo-wall)}.k-sky{fill:var(--info-100)}.k-roof{fill:var(--photo-wall)}.k-door,.k-appliance,.k-meter,.k-paper{fill:var(--steel-100)}.k-valve,.k-grille,.k-glass{fill:var(--steel-300)}.k-line{stroke:var(--steel-500)}.k-stroke{fill:none;stroke:var(--steel-500)}.k-line-fill{fill:var(--steel-500)}.k-pipe{fill:none;stroke:var(--warning-500);stroke-width:5px}.k-lever{fill:var(--info-500)}.k-siding{fill:none;stroke:var(--steel-300)}.k-ink,.k-crease{fill:none;stroke:var(--steel-500)}.k-crease{stroke:var(--steel-300)}.k-tag{fill:var(--danger-500)}.k-forward{fill:none;stroke:var(--accent-500);stroke-width:2px}.hd-photo{aspect-ratio:1;border-radius:var(--radius-md);background:var(--photo-wall);flex:none;position:relative;overflow:hidden}.hd-valve-art{transform-origin:43.5% 70.8%;transform:translate(6.5%,-20.8%)scale(2.1)}.hd-on-photo{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.hd-scan{opacity:0;pointer-events:none;position:absolute;inset:0}.hd-scan:before{content:"";background:var(--photo-scan);block-size:2px;box-shadow:0 0 12px 2px var(--photo-scan);position:absolute;inset-block-start:0;inset-inline:0}.hd-focus{block-size:72px;inline-size:72px;margin:-36px 0 0 -36px;position:absolute;inset-block-start:50%;inset-inline-start:50%}.hd-frame{block-size:100%;inline-size:100%;stroke:var(--photo-scan);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;position:absolute;inset:0}.hd-frame path{vector-effect:non-scaling-stroke}.hd-composer{align-items:center;gap:var(--space-2);min-block-size:40px;padding:0 6px 0 var(--space-4);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-default);font:var(--text-body-sm);margin-block-start:auto;display:flex}.hd-composer-hint{color:var(--text-tertiary);flex:1}.hd-composer-text{white-space:nowrap;color:var(--text-primary);flex:1;overflow:hidden}.hd-composer-text:empty{display:none}.hd-send{border-radius:var(--radius-full);background:var(--accent-default);block-size:28px;inline-size:28px;color:var(--accent-text-on);flex:none;place-items:center;display:grid}.hd-send svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:16px;inline-size:16px}.hd-timeline{flex-direction:column;gap:10px;display:flex;position:relative}.hd-axis{block-size:calc(100% - 40px);inline-size:2px;position:absolute;inset-block:20px;inset-inline-start:30px;overflow:visible}.hd-axis path{fill:none;stroke:var(--border-strong);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:0}.hd-row{align-items:center;gap:var(--space-3);min-block-size:60px;padding:6px var(--space-3) 6px 10px;font:var(--text-body-sm);color:var(--text-primary);display:flex;position:relative}.hd-row:before,.hd-row:after{content:"";z-index:-1;border-radius:var(--radius-md);position:absolute;inset:0}.hd-row:before{background:var(--bg-surface);border:1px solid var(--border-default)}.hd-timeline{isolation:isolate}.hd-row:after{box-shadow:0 0 0 2px var(--accent-300), 0 6px 20px var(--accent-300);opacity:0}.hd-row-1{transform:translateY(-2px)scale(1.03)}.hd-row-1:after{opacity:.55}.hd-row-2,.hd-row-3,.hd-row-4{opacity:.5}.hd-thumbs{flex:none;block-size:40px;inline-size:40px;display:flex;position:relative}.hd-doc{border-radius:var(--radius-sm);background:var(--steel-300);box-shadow:var(--shadow-sm);position:absolute;inset:0;overflow:hidden}.hd-doc-roof{transform:translate(-7px,-5px)rotate(-8deg)}.hd-doc-receipt{transform:translate(5px,4px)rotate(5deg)}.hd-row-text b{font-weight:700}.hd-scene .hd-s2-q{margin-block-start:var(--space-2)}.hd-card{aspect-ratio:4/3;flex:none;position:relative}.hd-face{border-radius:var(--radius-md);position:absolute;inset:0;overflow:hidden}.hd-front{background:var(--photo-wall);transform:scaleX(0)}.hd-back{padding:var(--space-4);background:var(--steel-100);color:var(--photo-plate-ink);box-shadow:var(--shadow-md);flex-direction:column;gap:7px;display:flex}.hd-page-title{font:var(--text-heading-sm)}.hd-bar{border-radius:var(--radius-full);background:var(--steel-300);block-size:6px;inline-size:92%;display:block}.hd-bar-short{inline-size:64%}.hd-bar-mid{inline-size:78%}.hd-line{font:var(--text-body-sm);font-weight:600}.hd-line span{z-index:0;position:relative}.hd-line span:before{content:"";z-index:-1;border-radius:var(--radius-xs);background:var(--accent-100);transform-origin:0;position:absolute;inset:-1px -4px}.hd-scene .hd-page-source{font:var(--text-label-sm);color:var(--steel-engrave);align-items:center;gap:6px;margin-block-start:auto;font-size:.6875rem;display:flex}.hd-chips{gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.hd-status{font:var(--text-label-sm);color:var(--text-tertiary);opacity:0;position:absolute;inset-block-start:5px;inset-inline-start:0}.hd-remind{border-color:var(--accent-300);background:var(--accent-surface);color:var(--text-primary)}.hd-notice{inset-inline:var(--space-2);column-gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);grid-template-columns:28px 1fr;align-items:center;display:grid;position:absolute;inset-block-end:var(--space-3)}.hd-notice-mark{grid-row:span 2;block-size:28px;inline-size:28px}.hd-notice-head{font:var(--text-label-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.hd-notice-head span{color:var(--text-tertiary);font-weight:400}.hd-notice-text{font:var(--text-body-sm);color:var(--text-primary);line-height:1.35}.hero-demo .tab{transition:color var(--duration-base) var(--ease-out)}.hd-controls{justify-content:center;align-items:center;gap:var(--space-3);inline-size:min(100%,320px);visibility:hidden;margin-block-start:var(--space-3);display:flex}.hero-demo[data-ready] .hd-controls{visibility:visible}.hd-progress{gap:6px;display:flex}.hd-seg{border-radius:var(--radius-full);background:var(--border-strong);block-size:3px;inline-size:28px;overflow:hidden}.hd-seg i{background:var(--progress-fill);transform-origin:0;block-size:100%;display:block;transform:scaleX(0)}.hd-seg.is-current i,.hd-seg.is-done i{transform:none}.hd-toggle{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);block-size:44px;inline-size:44px;color:var(--text-secondary);cursor:pointer;place-items:center;padding:0;display:grid}.hd-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}.hd-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:18px;inline-size:18px}.hd-toggle .hd-icon-play{fill:currentColor;display:none}.hero-demo[data-paused] .hd-icon-play{display:block}.hero-demo[data-paused] .hd-icon-pause{display:none}