@import"/static/shared/theme/tokens.css?v=f9d711b36a1d";@import"/static/shared/theme/ui-primitives.css?v=571bad5d7103";@font-face{font-family:Noto Sans SC;src:url(/static/fonts/noto-sans-sc/noto-sans-sc-chinese-simplified-400-normal.woff2?v=95e3633b6a98) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Noto Sans SC;src:url(/static/fonts/noto-sans-sc/noto-sans-sc-chinese-simplified-500-normal.woff2?v=885f52ca6a25) format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Noto Sans SC;src:url(/static/fonts/noto-sans-sc/noto-sans-sc-chinese-simplified-600-normal.woff2?v=578fb41a3dc2) format("woff2");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Noto Sans SC;src:url(/static/fonts/noto-sans-sc/noto-sans-sc-chinese-simplified-700-normal.woff2?v=e1df51edc00b) format("woff2");font-display:swap;font-style:normal;font-weight:700}:root{--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--font-sans)}html{-webkit-font-smoothing:antialiased;font-family:var(--font-sans);text-rendering:geometricPrecision}body,button,input,select,textarea{font-family:inherit}body{--workshop-ink: var(--color-glass-foreground);--workshop-muted: var(--color-glass-muted);--workshop-meta: var(--color-glass-meta);--workshop-link: var(--color-glass-link);--workshop-surface: var(--color-glass-surface);--workshop-surface-strong: var(--color-glass-surface-strong);--workshop-surface-muted: color-mix(in srgb, var(--color-glass-surface-strong) 76%, var(--color-glass-canvas));--workshop-border: var(--color-glass-border);--workshop-border-strong: color-mix(in srgb, var(--color-glass-border) 72%, var(--color-glass-foreground));--workshop-accent: var(--color-glass-link);--workshop-accent-foreground: var(--color-primary-foreground);--workshop-accent-soft: var(--color-accent);--workshop-accent-border: color-mix(in srgb, var(--color-glass-link) 36%, var(--color-glass-border));--workshop-secondary-accent: var(--tqai-accent, var(--color-glass-meta));--workshop-secondary-soft: color-mix(in srgb, var(--tqai-accent, var(--color-glass-meta)) 14%, var(--color-glass-surface-strong));--workshop-secondary-border: color-mix(in srgb, var(--tqai-accent, var(--color-glass-meta)) 30%, var(--color-glass-border));--workshop-dark: var(--color-glass-foreground);--workshop-dark-soft: color-mix(in srgb, var(--color-glass-foreground) 88%, var(--color-glass-canvas));--workshop-dark-foreground: var(--color-primary-foreground);--workshop-dark-muted: color-mix(in srgb, var(--color-primary-foreground) 76%, var(--workshop-dark));--workshop-warning: var(--color-warning);--workshop-warning-soft: var(--color-warning-background);--workshop-warning-border: var(--color-warning-border);--workshop-glass-surface: var(--color-glass-surface);--workshop-glass-surface-hover: var(--color-glass-surface-hover);--workshop-glass-border: var(--color-glass-border);--workshop-glass-highlight: var(--color-glass-highlight);--workshop-shadow-xs: 0 1px 2px var(--color-glass-shadow);--workshop-shadow-sm: 0 8px 22px var(--color-glass-shadow);--workshop-shadow-md: var(--component-glass-shadow);--workshop-shadow-lg: var(--component-glass-shadow-hover)}:root{font-family:var(--font-sans)}body,button,input,select,textarea{font-family:var(--font-sans)}body{background:var(--color-glass-page-background)!important;background-size:auto!important;color:var(--workshop-ink)}.top{position:sticky;top:0;z-index:20;border-bottom:1px solid transparent!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.top .nav{width:min(1180px,calc(100% - 32px));min-height:68px}.top .brand-logo{width:58px!important;height:38px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.top .brand-logo img{width:58px!important;height:38px!important;filter:none!important}.top .links .btn{min-height:42px;border-color:var(--workshop-border);border-radius:999px;background:var(--workshop-surface);color:var(--workshop-ink);box-shadow:var(--workshop-shadow-xs);font-size:14px;font-weight:820}.top .links .btn.primary{border-color:var(--workshop-dark);background:var(--workshop-dark);color:var(--workshop-dark-foreground)}.top .links .workshop-header-action{--component-glass-icon-size: 42px;border-color:var(--workshop-glass-border);background:var(--workshop-glass-surface);color:var(--workshop-meta);box-shadow:var(--workshop-shadow-sm),inset 0 1px 0 var(--workshop-glass-highlight)}.top .links .workshop-header-action:hover{border-color:var(--workshop-border-strong);background:var(--workshop-glass-surface-hover);color:var(--workshop-ink);box-shadow:var(--workshop-shadow-md),inset 0 1px 0 var(--workshop-glass-highlight)}.top .links .workshop-header-action:focus-visible{outline:3px solid color-mix(in srgb,var(--workshop-accent) 32%,transparent);outline-offset:3px}#workshop-react-root{color:var(--workshop-ink);font-family:var(--font-sans)}#workshop-react-root{--workshop-card-tone-codex-glow: rgba(255, 255, 255, .12);--workshop-card-tone-codex-base: #080d19;--workshop-card-tone-hermes-glow: rgba(255, 124, 188, .38);--workshop-card-tone-hermes-start: #22133e;--workshop-card-tone-hermes-middle: #8134a2;--workshop-card-tone-hermes-end: #ff4ea3;--workshop-card-tone-openclaw-glow: rgba(112, 201, 236, .46);--workshop-card-tone-openclaw-start: #07303c;--workshop-card-tone-openclaw-middle: #135669;--workshop-card-tone-openclaw-end: #42c5e6;--workshop-card-tone-plugins-primary-glow: rgba(255, 78, 163, .3);--workshop-card-tone-plugins-secondary-glow: rgba(66, 103, 255, .28);--workshop-card-tone-plugins-base: #0a0d18;--workshop-card-tone-chatgpt-primary-glow: rgba(16, 185, 129, .2);--workshop-card-tone-chatgpt-secondary-glow: rgba(66, 103, 255, .24);--workshop-card-tone-chatgpt-base: #0b1020;--workshop-card-tone-ccswitch-primary-glow: rgba(255, 159, 45, .24);--workshop-card-tone-ccswitch-secondary-glow: rgba(66, 103, 255, .26);--workshop-card-tone-ccswitch-base: #0a1020}:root[data-theme=deep-ocean] .top .brand-logo img{filter:grayscale(1) invert(1) brightness(1.35)!important}#workshop-react-root *,#workshop-react-root *:before,#workshop-react-root *:after{box-sizing:border-box}#workshop-react-root button{font:inherit;touch-action:manipulation}#workshop-react-root .workshop-vx.page{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:8px 0 82px}#workshop-react-root .workshop-index-vx .nav-hero{padding:8px 0 24px}#workshop-react-root .workshop-index-vx .hero-copy{max-width:860px;display:grid;gap:18px}#workshop-react-root .workshop-index-vx .kicker,#workshop-react-root .workshop-kicker,#workshop-react-root .layer-label{width:fit-content;min-height:40px;display:inline-flex;align-items:center;border:1px solid var(--workshop-accent-border);border-radius:999px;background:color-mix(in srgb,var(--workshop-accent-soft) 82%,var(--workshop-surface-strong));color:var(--workshop-accent);padding:0 14px;font-size:14px;font-weight:900}#workshop-react-root .workshop-kicker,#workshop-react-root .layer-label{min-height:34px;padding:0 13px;font-weight:950}#workshop-react-root .workshop-index-vx h1{max-width:840px;margin:0;color:var(--workshop-ink);font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:0}#workshop-react-root .workshop-index-vx .lead{max-width:760px;margin:0;color:var(--workshop-muted);font-size:17px;line-height:1.75}#workshop-react-root .category-tabs{margin-top:2px;display:flex;flex-wrap:wrap;gap:10px}#workshop-react-root .category-tab{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--workshop-border);border-radius:999px;background:var(--workshop-surface);color:var(--workshop-meta);padding:0 17px;font-size:14px;font-weight:820;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}#workshop-react-root .category-tab:hover{border-color:var(--workshop-border-strong);background:var(--workshop-surface-strong)}#workshop-react-root .category-tab.active,#workshop-react-root .category-tab[aria-pressed=true]{border-color:var(--workshop-accent-border);background:color-mix(in srgb,var(--workshop-accent-soft) 82%,var(--workshop-surface-strong));color:var(--workshop-accent)}#workshop-react-root .category-tab:focus-visible,#workshop-react-root .nav-card:focus-visible,#workshop-react-root .copy-btn:focus-visible,#workshop-react-root .detail-body a:focus-visible{outline:3px solid color-mix(in srgb,var(--workshop-accent) 32%,transparent);outline-offset:3px}#workshop-react-root .nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#workshop-react-root .nav-card{min-height:260px;display:grid;grid-template-rows:132px minmax(0,1fr);overflow:hidden;border:1px solid var(--workshop-border);border-radius:20px;background:var(--workshop-surface);color:var(--workshop-ink);text-decoration:none;box-shadow:var(--workshop-shadow-md);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}#workshop-react-root .nav-card:hover{transform:translateY(-1px);border-color:var(--workshop-border-strong);box-shadow:var(--workshop-shadow-lg)}#workshop-react-root .nav-card-media{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 76% 72%,var(--workshop-card-tone-codex-glow),transparent 38%),var(--workshop-card-tone-codex-base)}#workshop-react-root .nav-card-media[data-card-tone=codex]{background:radial-gradient(circle at 76% 72%,var(--workshop-card-tone-codex-glow),transparent 38%),var(--workshop-card-tone-codex-base)}#workshop-react-root .nav-card-media[data-card-tone=hermes]{background:radial-gradient(circle at 78% 72%,var(--workshop-card-tone-hermes-glow),transparent 42%),linear-gradient(135deg,var(--workshop-card-tone-hermes-start) 0%,var(--workshop-card-tone-hermes-middle) 58%,var(--workshop-card-tone-hermes-end) 100%)}#workshop-react-root .nav-card-media[data-card-tone=openclaw]{background:radial-gradient(circle at 78% 72%,var(--workshop-card-tone-openclaw-glow),transparent 42%),linear-gradient(135deg,var(--workshop-card-tone-openclaw-start) 0%,var(--workshop-card-tone-openclaw-middle) 56%,var(--workshop-card-tone-openclaw-end) 100%)}#workshop-react-root .nav-card-media[data-card-tone=plugins]{background:radial-gradient(circle at 74% 70%,var(--workshop-card-tone-plugins-primary-glow),transparent 40%),radial-gradient(circle at 26% 24%,var(--workshop-card-tone-plugins-secondary-glow),transparent 34%),var(--workshop-card-tone-plugins-base)}#workshop-react-root .nav-card-media[data-card-tone=chatgpt]{background:radial-gradient(circle at 78% 72%,var(--workshop-card-tone-chatgpt-primary-glow),transparent 40%),radial-gradient(circle at 28% 24%,var(--workshop-card-tone-chatgpt-secondary-glow),transparent 34%),var(--workshop-card-tone-chatgpt-base)}#workshop-react-root .nav-card-media[data-card-tone=ccswitch]{background:radial-gradient(circle at 78% 72%,var(--workshop-card-tone-ccswitch-primary-glow),transparent 42%),radial-gradient(circle at 24% 22%,var(--workshop-card-tone-ccswitch-secondary-glow),transparent 36%),var(--workshop-card-tone-ccswitch-base)}#workshop-react-root .nav-pill{position:absolute;top:12px;left:12px;min-height:28px;display:inline-flex;align-items:center;border-radius:999px;background:var(--workshop-surface-strong);color:var(--workshop-ink);padding:0 10px;font-size:12px;font-weight:850}#workshop-react-root .nav-card-icon,#workshop-react-root .plugin-heading-icon{display:grid;place-items:center;overflow:hidden;border:1px solid var(--workshop-border);background:var(--workshop-surface-strong);box-shadow:var(--workshop-shadow-sm)}#workshop-react-root .nav-card-icon{width:72px;height:72px;border-radius:22px}#workshop-react-root .nav-card-icon img{width:44px;height:44px;display:block;object-fit:contain}#workshop-react-root .nav-card-body{display:grid;grid-template-rows:auto auto 1fr auto;padding:16px 16px 14px;background:color-mix(in srgb,var(--workshop-surface-strong) 90%,transparent)}#workshop-react-root .nav-card h2{margin:0;color:var(--workshop-ink);font-size:20px;line-height:1.16}#workshop-react-root .nav-card small{margin-top:7px;color:var(--workshop-muted);font-size:13px;line-height:1.45}#workshop-react-root .nav-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--workshop-meta);font-size:13px;font-weight:850}#workshop-react-root .nav-card-action span:first-child{color:var(--workshop-meta)}#workshop-react-root .empty-state{display:none;grid-column:1 / -1;min-height:160px;align-items:center;justify-content:center;border:1px dashed var(--workshop-accent-border);border-radius:20px;background:color-mix(in srgb,var(--workshop-surface) 66%,transparent);color:var(--workshop-meta);font-size:15px;font-weight:760}#workshop-react-root .empty-state.show{display:flex}#workshop-react-root .workshop-detail{width:min(980px,calc(100% - 32px));margin:0 auto;padding:34px 0 76px}#workshop-react-root .detail-panel{overflow:hidden;border:1px solid var(--workshop-border);border-radius:22px;background:var(--workshop-surface);box-shadow:var(--workshop-shadow-lg)}#workshop-react-root .detail-head{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--workshop-border);background:radial-gradient(circle at 0% 10%,color-mix(in srgb,var(--workshop-accent) 18%,transparent),transparent 32%),radial-gradient(circle at 100% 18%,color-mix(in srgb,var(--workshop-secondary-accent) 14%,transparent),transparent 34%),color-mix(in srgb,var(--workshop-surface-strong) 72%,transparent)}#workshop-react-root .detail-head>div{min-width:0}#workshop-react-root .detail-head .workshop-icon{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--workshop-border);border-radius:16px;background:var(--workshop-surface-strong);box-shadow:var(--workshop-shadow-sm)}#workshop-react-root .detail-head .workshop-icon img{width:42px;height:42px;display:block;object-fit:contain}#workshop-react-root .detail-head h1{max-width:820px;margin:0;color:var(--workshop-ink);font-size:clamp(28px,4.5vw,44px);line-height:1.14;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word}#workshop-react-root .detail-head p{max-width:820px;margin:8px 0 0;color:var(--workshop-muted);font-size:15px;line-height:1.6}#workshop-react-root .detail-meta{display:none}#workshop-react-root .detail-body{padding:24px}#workshop-react-root .quick-card{margin:0 0 34px;padding:30px;border:1px solid var(--workshop-accent-border);border-radius:20px;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--workshop-accent) 18%,transparent),transparent 36%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--workshop-secondary-accent) 12%,transparent),transparent 34%),color-mix(in srgb,var(--workshop-surface-strong) 90%,transparent)}#workshop-react-root .quick-card h2{max-width:640px;margin:14px 0 12px;color:var(--workshop-ink);font-size:clamp(26px,3vw,34px);line-height:1.18;word-break:keep-all;overflow-wrap:break-word}#workshop-react-root .quick-copy{max-width:840px}#workshop-react-root .quick-copy p,#workshop-react-root .quick-copy li,#workshop-react-root .detail-body p,#workshop-react-root .detail-body li{color:var(--workshop-muted);font-size:15px;line-height:1.72}#workshop-react-root .quick-copy p,#workshop-react-root .quick-copy li{margin:0 0 10px}#workshop-react-root .quick-card ul{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}#workshop-react-root .quick-card li{margin:0}#workshop-react-root .quick-card a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--workshop-border);border-radius:999px;background:var(--workshop-surface);color:var(--workshop-link);padding:0 16px;text-decoration:none;font-size:14px;font-weight:900}#workshop-react-root .quick-card li:first-child a{border-color:var(--workshop-dark);background:var(--workshop-dark);color:var(--workshop-dark-foreground)}#workshop-react-root .section{margin:38px 0 0}#workshop-react-root .section-heading{min-width:0;display:flex;align-items:center;gap:14px;margin:0 0 12px}#workshop-react-root .section-index{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:linear-gradient(135deg,var(--workshop-accent-soft),var(--workshop-secondary-soft));color:var(--workshop-accent);font-size:20px;font-weight:900}#workshop-react-root .section-heading h2{margin:0;color:var(--workshop-ink);font-size:clamp(28px,3.6vw,38px);line-height:1.18}#workshop-react-root .section-note{max-width:900px;margin:0 0 18px;color:var(--workshop-muted);font-size:15px;line-height:1.72}#workshop-react-root .steps{display:grid;gap:16px;margin:18px 0 24px}#workshop-react-root .step{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:14px;border:1px solid var(--workshop-border);border-left:4px solid var(--workshop-accent-border);border-radius:18px;background:color-mix(in srgb,var(--workshop-surface-strong) 78%,transparent);padding:18px 20px}#workshop-react-root .step-number{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--workshop-dark);color:var(--workshop-dark-foreground);font-size:14px;font-weight:900}#workshop-react-root .step h3,#workshop-react-root .plain-heading h2,#workshop-react-root .plain-heading h3,#workshop-react-root .enhanced-callout h3{color:var(--workshop-ink)}#workshop-react-root .step h3{margin:0 0 8px;font-size:20px;line-height:1.28}#workshop-react-root .step p,#workshop-react-root .step li{font-size:15px;line-height:1.72}#workshop-react-root .plugin-step-head,#workshop-react-root .plain-heading{min-width:0;display:flex;align-items:center;gap:12px}#workshop-react-root .plugin-step-head{margin:0 0 8px}#workshop-react-root .plain-heading{margin:22px 0 12px}#workshop-react-root .plain-heading h2,#workshop-react-root .plain-heading h3,#workshop-react-root .plugin-step-head h3{margin:0}#workshop-react-root .plain-heading h2{font-size:clamp(26px,3vw,34px);line-height:1.2}#workshop-react-root .plain-heading h3{font-size:22px;line-height:1.2}#workshop-react-root .plugin-heading-icon{width:42px;height:42px;flex:0 0 auto;border-radius:12px}#workshop-react-root .plugin-heading-icon img{width:28px;height:28px;display:block;object-fit:contain}#workshop-react-root .plugin-heading-icon[data-fallback]:before,#workshop-react-root .nav-card-icon[data-fallback]:before,#workshop-react-root .workshop-icon[data-fallback]:before{content:attr(data-fallback);display:none;place-items:center;width:100%;height:100%;color:var(--workshop-ink);font-size:12px;font-weight:900;letter-spacing:0}#workshop-react-root .plugin-heading-icon.icon-missing:before,#workshop-react-root .nav-card-icon.icon-missing:before,#workshop-react-root .workshop-icon.icon-missing:before{display:grid}#workshop-react-root .enhanced-callout{display:flex;align-items:flex-start;gap:12px;margin:18px 0 16px;border:1px solid var(--workshop-accent-border);border-radius:18px;background:color-mix(in srgb,var(--workshop-accent-soft) 54%,var(--workshop-surface-strong));padding:16px}#workshop-react-root .enhanced-callout.warning{border-color:var(--workshop-warning-border);background:color-mix(in srgb,var(--workshop-warning-soft) 82%,var(--workshop-surface-strong))}#workshop-react-root .enhanced-callout span:not(.plugin-heading-icon){display:inline-flex;margin:0 0 6px;color:var(--workshop-muted);font-size:12px;font-weight:850}#workshop-react-root .enhanced-callout h3{margin:0;font-size:20px;line-height:1.25}#workshop-react-root .detail-body a{color:var(--workshop-accent);font-weight:850}#workshop-react-root .detail-body code{border-radius:8px;background:var(--workshop-surface-muted);color:var(--workshop-link);padding:2px 7px;font-size:.92em}#workshop-react-root .detail-body ul,#workshop-react-root .detail-body ol{margin:10px 0 22px;padding-left:24px}#workshop-react-root .section>ul,#workshop-react-root .section>ol{border:1px solid var(--workshop-border);border-left:4px solid var(--workshop-accent-border);border-radius:16px;background:var(--workshop-surface-strong);padding:18px 22px 18px 40px}#workshop-react-root .section>ul li,#workshop-react-root .section>ol li{margin:6px 0}#workshop-react-root .copy-block{position:relative;margin:16px 0 24px}#workshop-react-root .copy-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--workshop-dark);border-bottom:0;border-radius:16px 16px 0 0;background:var(--workshop-dark);color:var(--workshop-dark-muted);padding:0 14px 0 18px;font-weight:900}#workshop-react-root .copy-btn{min-height:32px;border:1px solid color-mix(in srgb,var(--workshop-dark-foreground) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--workshop-dark-foreground) 10%,transparent);color:inherit;padding:0 12px;font:inherit;font-size:13px;font-weight:900;cursor:pointer}#workshop-react-root .code-copy pre{margin:0;overflow:auto;border-radius:0 0 16px 16px;background:var(--workshop-dark-soft);padding:18px}#workshop-react-root .code-copy code{background:transparent;color:var(--workshop-dark-foreground);padding:0;font-family:var(--font-mono);font-size:13px;line-height:1.65}#workshop-react-root .md-note{display:flex;align-items:center;gap:10px;margin:18px 0 0;border:1px solid var(--workshop-accent-border);border-radius:999px;background:color-mix(in srgb,var(--workshop-accent-soft) 82%,var(--workshop-surface-strong));padding:12px 14px 12px 18px}#workshop-react-root .md-note p{flex:1;margin:0;padding-right:0;color:var(--workshop-accent);font-size:14px;line-height:1.55;font-weight:850}#workshop-react-root .md-note .copy-btn{position:static;flex:0 0 auto;border-color:var(--workshop-accent-border);background:var(--workshop-surface-strong);color:var(--workshop-accent)}#workshop-react-root .copy-toast{position:fixed;right:18px;bottom:18px;z-index:1000;border-radius:999px;background:var(--workshop-dark);color:var(--workshop-dark-foreground);padding:10px 14px;font-weight:900;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}#workshop-react-root .copy-toast.show{opacity:1;transform:translateY(0)}@media(max-width:980px){#workshop-react-root .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.top{position:relative}.top .links{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.top .links .btn.primary[href="/agi"],.top .links .btn.primary[href="/admin/workshop"],.top .links .btn.primary[href="/admin/react?view=workshop"]{width:42px;min-width:42px;padding:0;border-radius:999px;overflow:hidden;font-size:0}.top .links .btn.primary[href="/agi"]:before,.top .links .btn.primary[href="/admin/workshop"]:before,.top .links .btn.primary[href="/admin/react?view=workshop"]:before{content:"←";font-size:18px;line-height:1}#workshop-react-root .quick-copy p,#workshop-react-root .quick-copy li,#workshop-react-root .detail-body p,#workshop-react-root .detail-body li,#workshop-react-root .section-note{font-size:14px;line-height:1.7}#workshop-react-root .plugin-heading-icon{width:38px;height:38px;border-radius:12px}#workshop-react-root .plugin-heading-icon img{width:26px;height:26px}}@media(max-width:640px){.top .nav{width:min(100% - 24px,1180px)}#workshop-react-root .workshop-vx.page{width:min(100% - 28px,460px);padding:12px 0 58px}#workshop-react-root .workshop-index-vx h1{font-size:clamp(30px,9vw,42px)}#workshop-react-root .nav-grid{grid-template-columns:1fr;gap:16px}#workshop-react-root .workshop-detail{width:min(100% - 28px,460px);padding:0 0 58px}#workshop-react-root .detail-panel{border-radius:0}#workshop-react-root .detail-head{grid-template-columns:46px minmax(0,1fr);padding:20px 18px}#workshop-react-root .detail-head .workshop-icon{width:46px;height:46px;border-radius:14px}#workshop-react-root .detail-head .workshop-icon img{width:34px;height:34px}#workshop-react-root .detail-body{padding:22px 18px 54px}#workshop-react-root .quick-card{padding:22px}#workshop-react-root .detail-head>div,#workshop-react-root .section-heading,#workshop-react-root .plugin-step-head{min-width:0}#workshop-react-root .detail-head h1,#workshop-react-root .quick-card h2,#workshop-react-root .section-heading h2,#workshop-react-root .detail-body h2,#workshop-react-root .detail-body h3,#workshop-react-root .step h3{max-width:100%;min-width:0;word-break:normal!important;overflow-wrap:anywhere!important;text-wrap:balance}#workshop-react-root .detail-head h1{font-size:clamp(25px,7.2vw,32px)!important;line-height:1.16!important}#workshop-react-root .quick-card h2{font-size:clamp(22px,6.4vw,27px)!important;line-height:1.2!important}#workshop-react-root .section-heading h2{flex:1 1 auto;font-size:clamp(22px,6.5vw,28px)!important;line-height:1.22!important}#workshop-react-root .section-index{width:36px!important;height:36px!important;border-radius:13px!important;font-size:16px!important}#workshop-react-root .step h3{font-size:clamp(17px,5.5vw,21px)!important;line-height:1.28!important}#workshop-react-root .detail-body .steps{display:flex!important;gap:14px!important;margin:18px -18px 28px!important;padding:4px 18px 12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#workshop-react-root .detail-body .steps::-webkit-scrollbar{display:none}#workshop-react-root .detail-body .step{flex:0 0 min(82vw,340px)!important;grid-template-columns:32px minmax(0,1fr)!important;align-content:start;min-height:360px;padding:16px;scroll-snap-align:start}#workshop-react-root .plugin-step-head{align-items:flex-start}#workshop-react-root .md-note{align-items:flex-start;border-radius:18px}}@media(prefers-reduced-motion:reduce){#workshop-react-root .category-tab,#workshop-react-root .nav-card,#workshop-react-root .copy-toast{transition:none}}#workshop-react-root .detail-content{--content-heading: #101828;--content-text: #344054;--content-muted: #667085;--content-accent: #175cd3;--content-accent-hover: #1849a9;--content-accent-surface: #eff8ff;--content-accent-surface-strong: #d1e9ff;--content-accent-border: #84caff;--content-surface: #ffffff;--content-surface-muted: #f8fafc;--content-border: #d0d5dd;--content-code-header: #1d2939;--content-code-surface: #101828;--content-code-text: #f2f4f7;--content-inline-code-surface: #eef4ff;--content-inline-code-text: #3538cd;--content-warning: #7a2e0e;--content-warning-surface: #fffaeb;--content-warning-border: #fec84b;--content-shadow: 0 8px 24px rgba(16, 24, 40, .06);color:var(--content-text);color-scheme:light}#workshop-react-root .detail-content h1,#workshop-react-root .detail-content h2,#workshop-react-root .detail-content h3,#workshop-react-root .detail-content h4,#workshop-react-root .detail-content strong{color:var(--content-heading)}#workshop-react-root .detail-content p,#workshop-react-root .detail-content li{color:var(--content-text)}#workshop-react-root .detail-content .section-note,#workshop-react-root .detail-content small{color:var(--content-muted)}#workshop-react-root .detail-content a{color:var(--content-accent)}#workshop-react-root .detail-content a:hover{color:var(--content-accent-hover)}#workshop-react-root .detail-content .section-index{background:var(--content-accent-surface-strong);color:var(--content-accent)}#workshop-react-root .detail-content .step{border-color:var(--content-border);border-left-color:var(--content-accent);background:var(--content-surface);box-shadow:var(--content-shadow)}#workshop-react-root .detail-content .step-number{background:var(--content-heading);color:var(--content-surface)}#workshop-react-root .detail-content .section>ul,#workshop-react-root .detail-content .section>ol{border-color:var(--content-border);border-left-color:var(--content-accent);background:var(--content-surface);box-shadow:var(--content-shadow)}#workshop-react-root .detail-content .enhanced-callout{border-color:var(--content-accent-border);background:var(--content-accent-surface);box-shadow:var(--content-shadow)}#workshop-react-root .detail-content .enhanced-callout span:not(.plugin-heading-icon){color:var(--content-accent)}#workshop-react-root .detail-content .enhanced-callout.warning{border-color:var(--content-warning-border);background:var(--content-warning-surface)}#workshop-react-root .detail-content .enhanced-callout.warning span:not(.plugin-heading-icon),#workshop-react-root .detail-content .enhanced-callout.warning h3{color:var(--content-warning)}#workshop-react-root .detail-content code{background:var(--content-inline-code-surface);color:var(--content-inline-code-text);box-shadow:inset 0 0 0 1px var(--content-accent-border)}#workshop-react-root .detail-content .copy-head{border-color:var(--content-code-header);background:var(--content-code-header);color:var(--content-code-text)}#workshop-react-root .detail-content .copy-head .copy-btn{border-color:#ffffff47;background:#ffffff1f;color:var(--content-code-text)}#workshop-react-root .detail-content .code-copy pre{background:var(--content-code-surface)}#workshop-react-root .detail-content .code-copy code{background:transparent;color:var(--content-code-text);box-shadow:none}#workshop-react-root .detail-content .md-note{border-color:var(--content-accent-border);background:var(--content-accent-surface);box-shadow:var(--content-shadow)}#workshop-react-root .detail-content .md-note p{color:var(--content-heading)}#workshop-react-root .detail-content .md-note .copy-btn{border-color:var(--content-accent);background:var(--content-accent);color:var(--content-surface);box-shadow:0 6px 16px #175cd333}#workshop-react-root .detail-content .md-note .copy-btn:hover{border-color:var(--content-accent-hover);background:var(--content-accent-hover)}#workshop-react-root .detail-content .copy-btn:focus-visible,#workshop-react-root .detail-content a:focus-visible{outline-color:var(--content-accent)}#workshop-react-root .detail-content blockquote{border-color:var(--content-accent-border);background:var(--content-accent-surface);color:var(--content-text)}#workshop-react-root .detail-content table{border-color:var(--content-border);background:var(--content-surface)}#workshop-react-root .detail-content th{border-color:var(--content-border);background:var(--content-surface-muted);color:var(--content-heading)}#workshop-react-root .detail-content td{border-color:var(--content-border);color:var(--content-text)}#workshop-react-root .detail-content hr{border-color:var(--content-border)}