.ysd{--ysd-zone-fill: #6B4423;--ysd-zone-fill-op: .5;--ysd-zone-blend: multiply;--ysd-zone-stroke: #C03A2B;--ysd-paving-fill: #E3DED1;--ysd-paving-op: .96;--ysd-paving-stroke: #2E7D5B;--ysd-paving-sw: 3.5;--ysd-trail: #C03A2B;--ysd-dot: #191713;--ysd-dot-ring: #FFFFFF}.ysd-stage{position:relative}.ysd-stage svg{display:block}.ysd-trails,.ysd-zone-fill,.ysd-zone-edge,.ysd-paving,.ysd-dots{opacity:0;transition:opacity .55s ease}.ysd-s0 .ysd-dots-walk,.ysd-s1 .ysd-dots-walk{opacity:1}.ysd-s1 .ysd-trails{opacity:.4}.ysd-s1 .ysd-zone-fill,.ysd-s1 .ysd-zone-edge,.ysd-s1 .ysd-dots-cut,.ysd-s1 .ysd-dots-chain,.ysd-s2 .ysd-paving,.ysd-s2 .ysd-dots-after,.ysd-s2 .ysd-dots-chain{opacity:1}.ysd-zone-fill{fill:var(--ysd-zone-fill);fill-opacity:var(--ysd-zone-fill-op);mix-blend-mode:var(--ysd-zone-blend)}.ysd-zone-edge{fill:none;stroke:var(--ysd-zone-stroke);stroke-width:3;stroke-dasharray:10 7;stroke-linejoin:round}.ysd-paving{fill:var(--ysd-paving-fill);fill-opacity:var(--ysd-paving-op);stroke:var(--ysd-paving-stroke);stroke-width:var(--ysd-paving-sw);stroke-linejoin:round}.ysd-trails{fill:none;stroke:var(--ysd-trail);stroke-width:3;stroke-dasharray:2 11;stroke-linecap:round}.ysd-dot{fill:var(--ysd-dot);stroke:var(--ysd-dot-ring);stroke-width:2}.ysd-panel{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg-elev);overflow:hidden;box-shadow:var(--sh-md)}.ysd-panel .ysd-stage{background:#F1EFE7}.ysd-panel .ysd-stage svg{width:100%;height:auto}.ysd-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg-panel);font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.ysd-lights{display:flex;gap:6px}.ysd-lights span{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.ysd-coord{margin-left:auto}.ysd-legend{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.92);border:1px solid #D4D1C6;border-radius:var(--r-sm);padding:7px 10px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#3a3832}.ysd-lg{display:none;align-items:center;gap:7px}.ysd-lg i{width:20px;height:0;border-top:3px solid;display:block;flex:none}.ysd-lg-ped i{width:8px;height:8px;border:2px solid #FFFFFF;border-radius:50%;background:#191713;box-shadow:0 0 0 1px #d4d1c6}.ysd-lg-zone i{border-color:#c03a2b;border-top-style:dashed}.ysd-lg-rec i{border-color:#2e7d5b}.ysd-s0 .ysd-lg-ped,.ysd-s1 .ysd-lg-ped,.ysd-s1 .ysd-lg-zone,.ysd-s2 .ysd-lg-ped,.ysd-s2 .ysd-lg-rec{display:flex}.ysd-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.ysd-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;font-family:var(--font-sans);text-align:left;color:var(--ink-3);padding:10px 14px 12px;position:relative;overflow:hidden;border-right:1px solid var(--line);transition:background .12s,color .12s}.ysd-step:last-child{border-right:0}.ysd-step:hover{background:var(--bg-sunken)}.ysd-step:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ysd-step.on{color:var(--ink)}.ysd-step-n{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-4);display:block;margin-bottom:2px}.ysd-step.on .ysd-step-n{color:var(--accent)}.ysd-step-t{font-size:13px;font-weight:600;display:block}.ysd-bar{position:absolute;left:0;right:0;bottom:0;height:2px}.ysd-bar i{display:block;height:100%;width:0;background:var(--accent);animation-name:ysd-prog;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ysd-prog{0%{width:0}to{width:100%}}.ysd-cap{margin:0;padding:10px 14px 12px;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--ink-3);min-height:60px}.ysd-cap b{color:var(--ink-2);font-weight:600}.ysd-ambient{--ysd-zone-fill: #C03A2B;--ysd-zone-fill-op: .3;--ysd-zone-blend: normal;--ysd-zone-stroke: #FF6B4A;--ysd-paving-fill: #CFC8B6;--ysd-paving-op: .2;--ysd-paving-stroke: color-mix(in srgb, #CFC8B6 30%, transparent);--ysd-paving-sw: 2;--ysd-trail: #FF6B4A;--ysd-dot: #D6D0C1;--ysd-dot-ring: color-mix(in srgb, var(--ink) 45%, transparent);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ysd-ambient .ysd-stage{position:absolute;top:0;right:0;bottom:0;left:0}.ysd-ambient .ysd-stage svg{width:100%;height:100%}.ysd-ambient image{filter:grayscale(.5) brightness(.42) contrast(1.05)}.ysd-ambient .ysd-dot{stroke-width:1.5}.ysd-ambient .ysd-dots-chain{display:none}.ysd-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 58% at 50% 46%,transparent 28%,color-mix(in srgb,var(--ink) 45%,transparent) 62%,color-mix(in srgb,var(--ink) 85%,transparent) 84%,var(--ink) 100%),linear-gradient(to bottom,var(--ink) 0%,transparent 26%,transparent 74%,var(--ink) 100%),linear-gradient(to right,var(--ink) 0%,transparent 22%,transparent 78%,var(--ink) 100%)}@media (prefers-reduced-motion: reduce){.ysd-trails,.ysd-zone-fill,.ysd-zone-edge,.ysd-paving{transition:none}}:root{--bg: #FAFAF7;--bg-elev: #FFFFFF;--bg-sunken: #F3F2ED;--bg-panel: #F7F6F2;--line: #E6E4DC;--line-strong: #D4D1C6;--line-soft: #EFEDE5;--ink: #14130F;--ink-2: #3A3832;--ink-3: #6A675D;--ink-4: #9A968A;--ink-5: #B8B4A6;--accent: #FF5B1F;--accent-hover: #E64A14;--accent-soft: #FFE7DB;--accent-ink: #7A2708;--green: #2E7D5B;--green-soft: #DDF0E4;--amber: #B5761A;--amber-soft: #FBEBD2;--red: #B23A2B;--red-soft: #F5DCD6;--blue: #2D5FB3;--blue-soft: #DDE6F5;--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-xl: 18px;--sh-sm: 0 1px 0 rgba(20,19,15,.04), 0 1px 2px rgba(20,19,15,.04);--sh-md: 0 2px 4px rgba(20,19,15,.04), 0 8px 24px rgba(20,19,15,.06);--sh-lg: 0 4px 8px rgba(20,19,15,.06), 0 24px 56px rgba(20,19,15,.08);--font-sans: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Inter", "IBM Plex Sans", sans-serif;--ribbon-pad-y: 10px;--ribbon-icon-size: 36px;--ribbon-label-size: 11px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-mono);font-feature-settings:"zero","ss01"}.caps{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.muted{color:var(--ink-3)}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--ink);font-size:13px;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .12s ease;white-space:nowrap;text-decoration:none}.btn:hover{border-color:var(--ink-4);background:var(--bg)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-sunken)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.lg{height:44px;padding:0 18px;font-size:14px}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-elev);font-size:11px;font-weight:500;color:var(--ink-2);font-family:var(--font-mono)}.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4)}.chip.ok{color:#195c3b;border-color:#9bcdb0;background:var(--green-soft)}.chip.ok .dot{background:var(--green)}.chip.run{color:#2d5fb3;border-color:#a8c0e5;background:var(--blue-soft)}.chip.run .dot{background:var(--blue);animation:arp-pulse 1.4s ease-in-out infinite}.chip.warn{color:#7a4f0b;border-color:#e2bb73;background:var(--amber-soft)}.chip.warn .dot{background:var(--amber)}.chip.err{color:#7a1f13;border-color:#dfa79b;background:var(--red-soft)}.chip.err .dot{background:var(--red)}.chip.accent{color:var(--accent-ink);background:var(--accent-soft);border-color:#f6b79a}.chip.accent .dot{background:var(--accent)}@keyframes arp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:3px;background:var(--bg-elev);font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.map-surface{position:relative;background:linear-gradient(to right,rgba(0,0,0,.035) 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(to bottom,rgba(0,0,0,.035) 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px) 0 0 / 200px 200px,linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px) 0 0 / 200px 200px,#F1EFE7;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}