@charset "UTF-8";
.sketch-intro { max-width: 1000px; }
.sketch-notice { border-left: 2px solid var(--accent); padding: 18px 22px; background: var(--panel); color: var(--muted); font-size: var(--font-body); line-height: 2; }
.sketch-tools { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-block: 28px; }
.sketch-tools > span { color: var(--muted); font-size: var(--font-small); }
.sketch-tools button, .sketch-actions button { border: 1px solid var(--line); padding: 11px 16px; font-size: var(--font-small); min-height: 46px; }
.sketch-tools button[aria-pressed=true], .sketch-actions button[aria-pressed=true] { background: var(--accent); color: #102217; }
.sketch-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.sketch-card { min-width: 0; border: 1px solid var(--line); background: var(--panel); }
.sketch-card:last-child { grid-column: 1/-1; max-width: 980px; width: 100%; margin-inline: auto; }
.sketch-card.is-selected { border: 2px solid var(--accent); }
.sketch-card canvas { width: 100%; height: auto; aspect-ratio: 10/7; display: block; }
.sketch-copy { padding: 26px; }
.sketch-copy h2 { font-size: 27px; line-height: 1.6; margin: 10px 0 14px; }
.sketch-copy > p:not(.eyebrow) { font-size: var(--font-body); color: var(--muted); line-height: 2; }
.sketch-phase { display: block; margin-top: 20px; color: var(--accent); font-size: var(--font-small); }
.sketch-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
#sketch-choice { padding: 24px 0; font-size: var(--font-body); color: var(--accent); line-height: 1.9; }
@media(max-width:850px){.sketch-grid{grid-template-columns:1fr}.sketch-card:last-child{grid-column:auto;max-width:none}.sketch-copy{padding:22px}.sketch-copy h2{font-size:24px}}

/* 三个视图共用一个展示区；切换时保留当前动作进度。 */
.sketch-view-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.sketch-view-tabs > button { font-size: var(--font-small); line-height: 1.7; border: 1px solid var(--line); padding: 10px 15px; min-height: 46px; }
.sketch-view-tabs > button[aria-selected=true] { background: var(--accent); color: #102217; border-color: var(--accent); }
.robot-switcher { display: block; max-width: 1060px; margin-inline: auto; }
.robot-switcher > .sketch-card, .robot-switcher > .sketch-card:last-child { width: 100%; max-width: none; margin: 0; }
.robot-switcher > .sketch-card.is-selected { border: 1px solid var(--accent); }
.home-robot { display: grid; grid-template-columns: minmax(240px,.65fr) minmax(0,1.35fr); gap: clamp(30px,5vw,80px); align-items: start; padding-top: 65px; margin-top: 65px; border-top: 1px solid var(--line); }
.home-robot-copy { min-width: 0; padding-top: 62px; }
.home-robot-copy h2 { font-size: clamp(30px,3vw,46px); line-height: 1.7; margin-block: 20px; }
.home-robot-copy > p:not(.eyebrow) { font-size: var(--font-body); line-height: 2; color: var(--muted); margin-bottom: 24px; }
.home-robot-copy > .robot-sketch-note { font-size: var(--font-label)!important; color: var(--quiet)!important; }
.home-robot-copy > a { margin: 0 16px 20px 0; }
.home-robot-copy > .text-link { display: block; font-size: var(--font-small); }
.home-robot-stage { min-width: 0; }
.home-robot-stage .sketch-copy { padding: 22px 26px; }
.home-robot-stage .sketch-copy > .eyebrow, .home-robot-stage .sketch-copy > h2, .home-robot-stage .sketch-copy > p { display: none; }
.home-robot-stage .sketch-phase { margin-top: 0; }
.home-robot-stage .sketch-actions { margin-top: 14px; }
.home-robot-stage .sketch-tools { margin-block: 20px 0; }
.home-robot-stage #sketch-choice { padding: 16px 0 0; font-size: var(--font-label); }
@media(max-width:900px){.home-robot{grid-template-columns:1fr}.home-robot-copy{padding-top:0}.home-robot-copy h2>br{display:none}.home-robot-copy>a.text-link{display:inline-block}.home-robot{gap:24px}}
@media(max-width:650px){.home-robot{padding-top:36px;margin-top:40px}.sketch-view-tabs{gap:8px}.sketch-view-tabs>button{padding:10px 12px;font-size:var(--font-label)}.home-robot-stage .sketch-copy{padding:20px}.sketch-tools{gap:10px}.sketch-tools button{font-size:var(--font-label);padding:10px 12px}}