.robot-ready .hero-art{opacity:1}
.robot-ready .hero-content{position:relative;z-index:1;pointer-events:none}
.robot-ready .hero-content a{pointer-events:auto}
.robot-ready .hero-bottom{z-index:2}
.robot-console{position:absolute;right:48px;bottom:146px;width:380px;z-index:3;color:#e7e7e7;background:linear-gradient(155deg,#1c1c1cf2,#0c0c0cf5);border:1px solid #ffffff29;border-radius:14px;box-shadow:0 24px 70px #0007,inset 0 1px #ffffff0a;backdrop-filter:blur(24px);overflow:hidden}
.robot-console[hidden],#robot-preview[hidden]{display:none}
.robot-window-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #ffffff12}
.robot-console button{font:inherit;cursor:pointer}
.robot-toggle{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:40px;padding:0;border:0;background:none;color:#e7e7e7;text-align:left;font-size:14px!important}
.robot-entry-icon{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a2a2a2;border:1px solid #ffffff26;border-radius:4px;padding:4px}
#robot-toggle-icon{margin-left:auto;font-size:20px;font-weight:300;color:#aaa}
#robot-reset{display:grid;place-items:center;width:32px;height:40px;padding:0;border:0;border-radius:6px;background:none;color:#a9a9a9;font-size:22px}
#robot-reset:hover{color:#fff;background:#ffffff0b}
.robot-console :focus-visible{outline:2px solid #fff;outline-offset:-3px;border-radius:4px}
.robot-viewport{position:relative;background:radial-gradient(ellipse at 50% 70%,#ffffff07,transparent 70%);border-bottom:1px solid #ffffff0c}
.hero-robot{position:relative;width:100%;height:222px;overflow:hidden;cursor:grab;touch-action:none}
.hero-robot.is-orbiting{cursor:grabbing}
.hero-robot canvas{display:block;width:100%;height:100%}
.robot-legend{position:absolute;z-index:1;top:12px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#a2a2a2;pointer-events:none}
.robot-legend span:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid #cacaca;background:#cacaca;margin-right:6px}
.robot-legend span+span:before{background:none}
.robot-view-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:#aaa;pointer-events:none}
.robot-readout{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:15px 16px 0;font-size:12px;color:#a0a0a0}
.robot-readout strong{display:inline;color:#eee;font-size:14px;font-weight:500;margin-left:5px}
.robot-live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#eee;margin:0 5px 2px 0;box-shadow:0 0 8px #ffffff55}
.robot-paused .robot-live-dot{background:#777;box-shadow:none}
.robot-scrubber{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:14px 16px 0;font-size:12px;color:#aaa}
.robot-scrubber output{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;color:#dedede}
.robot-scrubber input{grid-column:1/-1;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:ew-resize;accent-color:#eee;touch-action:pan-y}
.robot-scrubber input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#e8e8e8 var(--progress,0%),#ffffff20 var(--progress,0%))}
.robot-scrubber input::-moz-range-track{height:3px;border-radius:2px;background:#ffffff20}
.robot-scrubber input::-moz-range-progress{height:3px;background:#e8e8e8}
.robot-scrubber input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4.5px;background:#fff;box-shadow:0 0 0 4px #ffffff0e}
.robot-scrubber input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.robot-timeline{display:flex;gap:3px;padding:0 14px 10px}
.robot-timeline button{position:relative;flex:1;min-width:0;min-height:28px;border:0;border-radius:4px;background:none;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#929292;padding:4px 0}
.robot-timeline button:hover{color:#fff;background:#ffffff09}
.robot-timeline button.active{color:#fff;background:#ffffff13}
.robot-controls{display:flex;gap:6px;padding:0 16px}
.robot-controls button{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1;border:1px solid #ffffff20;border-radius:6px;background:#ffffff03;color:#ccc;padding:9px 8px;white-space:nowrap;font-size:12px;min-height:40px}
.robot-controls button:hover{background:#ffffff0d;color:#fff}
.robot-controls button[aria-pressed=true]{background:#dedede;color:#171717;border-color:#dedede}
.robot-disclaimer{font-size:12px;line-height:1.6;margin:10px 16px 13px;color:#999}
.robot-console.is-collapsed{width:238px;border-radius:8px;box-shadow:0 8px 30px #0003;background:#111111a8}
.robot-console.is-collapsed .robot-window-heading{border:0}
.robot-console.is-collapsed #robot-reset{display:none}
.robot-console.is-collapsed:hover{border-color:#ffffff50;background:#171717e8}
@media(min-width:1500px){.robot-console{right:max(48px,calc((100% - 1320px)/2))}}
@media(max-width:1100px) and (min-width:681px){.robot-console{right:28px;width:350px;bottom:146px}.hero-robot{height:195px}.hero.robot-ready:not(.robot-collapsed){min-height:780px}}
@media(max-width:680px){.robot-ready .hero-art{opacity:.8}.robot-console{position:relative;right:auto;bottom:auto;align-self:flex-end;margin:0 20px 24px;width:calc(100% - 40px);max-width:380px}.hero-robot{height:208px}.robot-console.is-collapsed{width:238px;max-width:calc(100% - 40px)}.robot-controls{padding:0 12px;gap:4px}.robot-controls button{padding:8px 6px}}
@media(prefers-reduced-motion:reduce){.robot-console *{scroll-behavior:auto}}