:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wb:#181715;--wb-panel:#21201d;--background:#262624;--card:#2f2f2c;--surface-guide:#34322d;--surface-win:#3a352a;--foreground:#ece7da;--muted-foreground:#ece7dab8;--subtle-foreground:#ece7da85;--faint-foreground:#ece7da57;--border:#ece7da1f;--border-soft:#ece7da12;--accent:#e3b23c;--accent-hover:#eec25a;--accent-foreground:#26231e;--accent-bg:#e3b23c24;--accent-line:#e3b23c5c;--danger:#e5705f;--success:#79c496;--font-display:"Newsreader", Georgia, serif;--font-body:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{background:var(--wb);color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14.5px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}.a11y-touch-targets button,.a11y-touch-targets [role=button],.a11y-touch-targets input,.a11y-touch-targets select,.a11y-touch-targets textarea{position:relative;outline-offset:1px!important;outline:1.5px dashed #79c496!important}.a11y-focus-rings button,.a11y-focus-rings [role=button],.a11y-focus-rings input,.a11y-focus-rings select,.a11y-focus-rings textarea{box-shadow:0 0 0 2px var(--accent)!important}.a11y-reduced-motion *,.a11y-reduced-motion :before,.a11y-reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.vision-high-contrast{filter:contrast(1.28)saturate(1.15)}.vision-protanopia{filter:sepia(.35)saturate(.85)hue-rotate(-12deg)}.vision-deuteranopia{filter:sepia(.28)saturate(.88)hue-rotate(10deg)}.wb-shell{flex-direction:column;min-height:100vh;display:flex}.wb-topbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#181715f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:12px 20px;display:flex;position:sticky;top:0}.wb-brand{align-items:center;gap:12px;display:flex}.wb-badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-line);border-radius:999px;padding:4px 10px;font-size:10.5px}.wb-brand h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:21px;font-weight:500}.wb-pill-group{background:var(--card);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.wb-pill-group button{color:var(--muted-foreground);background:0 0;border:0;border-radius:999px;min-height:32px;padding:6px 13px;font-size:12.5px;font-weight:500}.wb-pill-group button[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground);font-weight:600}.wb-grid{grid-template-columns:310px minmax(0,1fr) 360px;align-items:start;gap:18px;width:100%;max-width:1680px;margin:0 auto;padding:18px 20px 48px;display:grid}@media (width<=1280px){.wb-grid{grid-template-columns:280px minmax(0,1fr)}.wb-inspector{grid-column:1/-1}}@media (width<=860px){.wb-grid{grid-template-columns:minmax(0,1fr)}}.wb-rail,.wb-inspector{background:var(--wb-panel);border:1px solid var(--border);border-radius:18px;max-height:calc(100vh - 86px);padding:14px;overflow-y:auto}.wb-section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--subtle-foreground);margin:12px 8px 6px;font-size:10px;display:block}.wb-section-label:first-child{margin-top:2px}.wb-nav-btn{text-align:left;width:100%;color:var(--muted-foreground);background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:7px 10px;font-size:13px;display:flex}.wb-nav-btn:hover{color:var(--foreground);background:#ece7da0d}.wb-nav-btn[aria-current=true]{background:var(--accent-bg);color:var(--accent-hover);box-shadow:inset 0 0 0 1px var(--accent-line);font-weight:600}.wb-nav-btn code{font-family:var(--font-mono);color:var(--subtle-foreground);font-size:10.5px}.wb-stage{flex-direction:column;align-items:center;gap:14px;display:flex}.wb-workflow-bar{border:1px solid var(--accent-line);background:linear-gradient(90deg,#e3b23c24,#2f2f2ce6);border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:12px 16px;display:flex}.device-shell{background:var(--background);color:var(--foreground);flex-direction:column;transition:width .25s,height .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ece7da1f}.device-shell.is-phone{border:10px solid #0f0f0e;border-radius:44px}.device-shell.is-desktop{border:1px solid #ece7da2e;border-radius:16px}.dge-cue{animation:2.2s ease-in-out infinite dgeCuePulse;box-shadow:0 0 0 2px #e3b23ce6,0 0 0 6px #e3b23c2e,0 0 24px 3px #e3b23c40!important}@keyframes dgeCuePulse{0%,to{box-shadow:0 0 0 2px #e3b23cb8,0 0 0 5px #e3b23c1f}50%{box-shadow:0 0 0 2px #e3b23c,0 0 0 8px #e3b23c38,0 0 26px 4px #e3b23c47}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}