.platform-workbench{--workbench-ink:#173663;--workbench-muted:#526784;--workbench-blue:#245ed6;--workbench-line:#dbe6f8;--workbench-soft:#edf4ff;min-width:0;color:var(--workbench-ink);background:linear-gradient(135deg,#fbfdfd,#eff5f6);border:1px solid #d7e4e7;border-radius:20px;margin:0;padding:12px;box-shadow:0 24px 60px -32px #1b4b5833,0 2px 8px #1b4b5808}.workbench-caption{color:var(--ink-700);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 4px 12px;font-size:.75rem;display:flex}.workbench-caption>span:first-child{color:var(--accent-700);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-weight:600;display:flex}.workbench-caption i{background:var(--brand-green);border-radius:50%;width:6px;height:6px}.workbench-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 4px 12px;padding:0;list-style:none;display:grid}.workbench-journey li{min-width:0;color:var(--ink-700);align-items:center;gap:8px;font-size:.8125rem;font-weight:500;transition:color .35s;display:flex}.workbench-journey__node{width:24px;height:24px;color:var(--ink-700);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #cfdee2;border-radius:50%;flex:0 0 24px;place-items:center;font-size:.75rem;transition:color .35s,background .35s,box-shadow .35s;display:grid}.workbench-journey li[data-active=true],.workbench-journey li[data-complete=true]{color:var(--ink-800)}.workbench-journey li[data-active=true] .workbench-journey__node{border-color:var(--accent-600);background:var(--accent-600);color:#fff}.workbench-journey li[data-complete=true] .workbench-journey__node{color:var(--brand-green);background:#edf7f6;border-color:#c4dfe0}.workbench-journey i{background:#d2e2e5;flex:1;min-width:16px;height:1px;margin-left:6px;position:relative;overflow:visible}.workbench-journey i>span{background:var(--accent-500);transform-origin:0;position:absolute;inset:-1px 0;transform:scaleX(0)}.workbench-journey li[data-complete=true] i>span{transform:scaleX(1)}.workbench-shell{background:#fff;border:1px solid #cfddf0;border-radius:12px;grid-template-columns:192px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 16px 32px -16px #1b416d38,0 1px 3px #1b416d0a}.workbench-sidebar{border-right:1px solid var(--workbench-line);background:linear-gradient(#fff 0%,#f5f8fe 100%);flex-direction:column;min-width:0;padding:12px 8px;display:flex}.workbench-brand{justify-content:center;align-items:center;gap:6px;display:inline-flex}.workbench-brand>img:first-child{width:22px;height:auto}.workbench-brand>img:last-child{width:84px;height:auto}.workbench-nav-label{color:var(--workbench-muted);align-items:center;gap:6px;margin:16px 7px 6px;font-size:.75rem;display:flex}.workbench-nav-label:after{background:var(--workbench-line);content:"";flex:1;height:1px}.workbench-nav-item{border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:44px;margin-block:2px;padding:6px;font-size:.875rem;font-weight:500;line-height:1.5;transition:color .24s,background .24s,border-color .24s;display:flex}.workbench-nav-item>svg{border:1px solid var(--workbench-line);color:#5a7ab6;background:#fff;border-radius:6px;flex:0 0 24px;width:24px;height:24px;padding:3px}.workbench-nav-item>span:not(.workbench-nav-arrow),.workbench-tool>span,.workbench-prompts button>span:first-child,.workbench-response-heading>div,.workbench-recommendation li>div,.workbench-related-product>span:not(:last-child){overflow-wrap:anywhere;min-width:0}.workbench-nav-arrow{color:#8b9bb5;margin-left:auto;font-size:1.125rem}.workbench-nav-item:hover,.workbench-nav-item.is-highlighted{color:#2456be;background:#eaf2ff;border-color:#c9dcff}.workbench-sidebar-note{color:var(--workbench-muted);align-items:baseline;gap:6px;margin:auto 7px 0;padding-top:16px;font-size:.75rem;display:flex}.workbench-main{background:radial-gradient(75% 50% at 50% 26%,#edf4fc,#0000),#fff;flex-direction:column;min-width:0;display:flex}.workbench-tools{border-bottom:1px solid var(--workbench-line);background:#ffffffd9;grid-template-columns:1.15fr 1fr 1fr;gap:6px;padding:8px 12px;display:grid}.workbench-tool{border:1px solid var(--workbench-line);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 6px;font-size:.875rem;font-weight:600;line-height:1.4;display:flex}.workbench-tool svg{flex-shrink:0;width:18px;height:18px}.workbench-tool.is-active{color:var(--workbench-blue);background:#e7f0ff;border-color:#c4d8fc}.workbench-tool[href]:hover{color:var(--workbench-blue);border-color:#9bbbf2}.workbench-stage{flex:1;min-height:352px;padding:16px;display:grid}.workbench-welcome,.workbench-response{visibility:hidden;opacity:0;pointer-events:none;grid-area:1/1;align-self:center;min-width:0}.workbench-welcome.is-visible,.workbench-response.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .35s}.workbench-welcome{text-align:center;padding:4px 0}.workbench-welcome h2{color:var(--workbench-ink);letter-spacing:-.025em;margin:0 0 10px;font-size:1.5rem;line-height:1.2}.workbench-welcome>p{color:var(--workbench-muted);margin:0;font-size:1rem;line-height:1.5}.workbench-traits{flex-wrap:wrap;justify-content:center;gap:5px;margin:12px 0;display:flex}.workbench-traits>span{border:1px solid var(--workbench-line);color:#4c6d95;background:#f7faff;border-radius:20px;padding:4px 8px;font-size:.75rem}.workbench-prompts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.workbench-prompts button{border:1px solid var(--workbench-line);min-height:64px;color:var(--workbench-ink);text-align:left;cursor:pointer;background:#ffffffd9;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:.875rem;line-height:1.6;transition:background .2s,border-color .2s;display:flex}.workbench-prompts button>span:last-child{color:#5279c3;flex-shrink:0}.workbench-prompts button:hover,.workbench-prompts button.is-selected{background:#eff5ff;border-color:#afc9f5}.workbench-recommendation{border:1px solid var(--workbench-line);background:#fffffff2;border-radius:12px;padding:14px}.workbench-response-heading{align-items:center;gap:10px;display:flex}.workbench-assistant-mark{background:var(--workbench-soft);color:#2d65cc;border:1px solid #cbdcfa;border-radius:8px;flex:0 0 1.875rem;place-items:center;height:1.875rem;font-size:.875rem;font-weight:600;display:grid}.workbench-response-heading>div>span{color:var(--workbench-muted);font-size:.75rem;display:block}.workbench-response-heading h3{margin:3px 0 0;font-size:1.0625rem;font-weight:600;line-height:1.4}.workbench-recommendation ol{margin:10px 0;padding:0;list-style:none}.workbench-recommendation li{align-items:flex-start;gap:11px;padding:7px 0;display:flex;position:relative}.workbench-recommendation li>span{color:#476fa7;background:#f6f9ff;border:1px solid #cfdff7;border-radius:50%;flex:0 0 1.5rem;place-items:center;height:1.5rem;font-size:.75rem;display:grid}.workbench-recommendation li:not(:last-child):after{border-left:1px solid var(--workbench-line);content:"";position:absolute;top:calc(1.5rem + 12px);bottom:-3px;left:calc(.75rem - .5px)}.workbench-recommendation h4{color:var(--workbench-ink);margin:0;font-size:.875rem;font-weight:600;line-height:1.6}.workbench-recommendation li p{color:var(--workbench-muted);margin:3px 0 0;font-size:.875rem;line-height:1.6}.workbench-related-product{border-top:1px solid var(--workbench-line);color:#2c62bc;align-items:center;gap:9px;padding-top:10px;font-size:.875rem;font-weight:600;display:flex}.workbench-related-product svg{width:20px;height:20px}.workbench-related-product>span:last-child{margin-left:auto}.workbench-related-product:hover{text-underline-offset:3px;text-decoration:underline}.workbench-composer{background:#fff;border:1px solid #c5d8f9;border-radius:12px;align-items:center;gap:8px;min-height:76px;margin:0 16px;padding:10px;display:flex;box-shadow:0 7px 24px #4269a312}.workbench-composer-plus{color:#6081b2;text-align:center;flex:0 0 1.625rem;font-size:1.5rem}.workbench-typed{min-width:0;color:var(--workbench-muted);flex:1;font-size:.875rem;line-height:1.55}.workbench-typed i{background:var(--workbench-blue);vertical-align:-2px;width:1px;height:1em;margin-left:2px;display:inline-block}.workbench-show-result{background:var(--workbench-blue);color:#fff;cursor:pointer;border:1px solid #588bfa;border-radius:50%;flex:0 0 2.75rem;place-items:center;height:2.75rem;font-size:1.375rem;display:grid}.workbench-show-result:hover{background:#245bda}.workbench-controls{color:var(--workbench-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-top:8px;padding:6px 16px 8px;font-size:.75rem;display:flex;position:relative}.workbench-progress{background:var(--workbench-soft);border-radius:2px;height:2px;position:absolute;top:0;left:16px;right:16px;overflow:hidden}.workbench-progress>span{background:var(--workbench-blue);transform-origin:0;width:100%;height:100%;display:block}.workbench-example-picker{display:flex}.workbench-example-picker button{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:30px;height:32px;padding:0;display:grid}.workbench-example-picker button>span{background:#c7d5e9;border-radius:4px;width:6px;height:6px;transition:width .2s,background .2s}.workbench-example-picker button[aria-pressed=true]>span{background:#537ecc;width:15px}.workbench-playback{min-height:32px;color:var(--workbench-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:4px;font-size:.875rem;display:flex}.workbench-playback:hover{color:var(--workbench-blue)}.workbench-demo-note{color:var(--ink-700);margin:10px 4px 0;font-size:.75rem;line-height:1.6}.platform-workbench a:focus-visible,.platform-workbench button:focus-visible{outline:2px solid var(--workbench-blue);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.workbench-response.is-visible .workbench-recommendation li{animation:.55s both workbench-step-enter;animation-delay:calc(var(--step) * .12s)}.platform-workbench[data-running=true] .workbench-journey li[data-active=true] .workbench-journey__node{animation:2s ease-in-out infinite journey-node}.platform-workbench[data-running=true] .workbench-journey li[data-active=true] i>span{animation:2s ease-in-out infinite journey-connect}}@keyframes workbench-step-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes journey-node{0%,to{box-shadow:0 0 #329ba600}50%{box-shadow:0 0 0 5px #329ba621}}@keyframes journey-connect{0%{opacity:0;transform:scaleX(0)}15%{opacity:1}85%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (width>=68.8125em) and (height<=50em){.workbench-caption{margin-bottom:8px}.workbench-journey{margin-bottom:10px}.workbench-nav-label{margin-top:12px}.workbench-nav-item{min-height:40px}.workbench-sidebar-note{padding-top:12px}.workbench-tools{padding-block:6px}.workbench-stage{min-height:332px;padding:12px 16px}.workbench-recommendation{padding:12px 14px}.workbench-recommendation ol{margin-block:8px}.workbench-recommendation li{padding-block:6px}.workbench-recommendation li:not(:last-child):after{top:calc(1.5rem + 11px)}.workbench-composer{min-height:64px}.workbench-controls{padding-bottom:6px}.workbench-demo-note{margin-top:8px}}@media (width<=45em){.platform-workbench{border-radius:16px;padding:10px}.workbench-caption{font-size:.75rem}.workbench-journey{gap:10px;margin-bottom:12px;padding:10px}.workbench-journey li{text-align:center;flex-direction:column;gap:8px;font-size:.875rem;line-height:1.4}.workbench-journey i{display:none}.workbench-shell{grid-template-columns:1fr}.workbench-sidebar{display:none}.workbench-tools{grid-template-columns:1fr 1fr 1fr;gap:5px;padding:10px}.workbench-tool{text-align:center;flex-direction:column;gap:5px;padding:8px 5px;font-size:.875rem}.workbench-stage{min-height:0;padding:18px 14px}.workbench-welcome{padding:6px 0 0}.workbench-traits{margin:12px 0}.workbench-welcome h2{font-size:1.5rem}.workbench-prompts{grid-template-columns:1fr;gap:8px}.workbench-prompts button{min-height:54px;padding:12px;font-size:.875rem}.workbench-recommendation{padding:13px}.workbench-response-heading h3{font-size:1rem}.workbench-composer{gap:6px;margin-inline:14px;padding:10px}.workbench-composer-plus{flex-basis:1.25rem;font-size:1.25rem}.workbench-controls{padding-inline:14px}.workbench-example-picker button{width:32px;height:44px}.workbench-playback{min-height:44px}}@media (prefers-reduced-motion:reduce){.workbench-playback{display:none}.workbench-welcome,.workbench-response{transition:none}}
