.workflow-explorer{padding:90px 0;background:var(--ai-bg, transparent)}.workflow-explorer__container{max-width:1200px;margin:0 auto;padding:0 20px}.workflow-explorer__header{text-align:center;margin-bottom:40px}.workflow-explorer__title{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--ai-heading, #fff);margin:0 0 12px;line-height:1.1}.workflow-explorer__subtitle{color:var(--ai-text, rgba(255,255,255,.9));font-size:clamp(1rem,2.2vw,1.2rem);max-width:750px;margin:0 auto}.workflow-explorer__console{display:grid;gap:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--ai-border, rgba(255,255,255,.18));border-radius:16px;padding:20px;box-shadow:var(--ai-shadow, 0 10px 25px rgba(0,0,0,.35))}.workflow-explorer__roles{display:flex;flex-wrap:wrap;gap:8px}.workflow-explorer__role{-webkit-appearance:none;appearance:none;border:1px solid var(--ai-border, rgba(255,255,255,.18));background:#ffffff0a;color:var(--ai-text, #eaf1ff);border-radius:10px;padding:8px 12px;font-weight:700;font-size:.9rem;cursor:pointer}.workflow-explorer__role.is-active{border-color:var(--ai-accent, #79c6ff);color:#fff}.workflow-explorer__role:focus-visible{outline:none;box-shadow:0 0 0 3px var(--glow-blue, rgba(124,196,255,.45))}.workflow-explorer__problems{display:grid;grid-template-columns:1fr;gap:8px}.workflow-explorer__problem{text-align:left;background:#ffffff0a;color:var(--ai-text, #eaf1ff);border:1px solid var(--ai-border, rgba(255,255,255,.18));border-radius:10px;padding:12px 14px;font-size:.95rem;line-height:1.4;cursor:pointer}.workflow-explorer__problem.is-active{background:#7cc4ff1f;border-color:var(--ai-accent, #79c6ff)}.workflow-explorer__empty{color:var(--ai-muted, #c7d6e8);text-align:center;padding:12px}.workflow-explorer__story{display:grid;grid-template-columns:1fr;gap:16px}.workflow-explorer__panel{background:#0f1622;border-radius:12px;border:1px solid var(--ai-border, rgba(255,255,255,.12));padding:16px}.workflow-explorer__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.workflow-explorer__panel-title{color:var(--ai-heading, #fff);font-size:.9rem;font-weight:800;margin:0;letter-spacing:.01em}.workflow-explorer__copy,.workflow-explorer__replay{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid var(--ai-border, rgba(255,255,255,.18));background:#eef2ff;color:#3b82f6;font-weight:700;cursor:pointer}.workflow-explorer__copy:hover,.workflow-explorer__replay:hover{transform:translateY(-1px)}.workflow-explorer__prompt{background:#0b1320;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;font:400 12px/1.6 JetBrains Mono,Consolas,monospace;max-height:320px;overflow:auto}.workflow-explorer__prompt .highlight{color:#fbbf24;background:#fbbf241a;padding:1px 3px;border-radius:3px}.workflow-explorer__prompt .section-header{color:#60a5fa;font-weight:700;margin:10px 0 6px}.workflow-explorer__muted{color:#94a3b8}.workflow-explorer__steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.workflow-explorer__step{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:10px;color:var(--ai-text, #eaf1ff);opacity:.55;transition:opacity .3s ease}.workflow-explorer__step .dot{width:10px;height:10px;border-radius:50%;background:#7cc4ff73}.workflow-explorer__step .text{font-size:.95rem}.workflow-explorer__step.is-active{opacity:1}.workflow-explorer__artifact-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.workflow-explorer__artifact-tab{-webkit-appearance:none;appearance:none;border:1px solid var(--ai-border, rgba(255,255,255,.18));background:#ffffff0a;color:var(--ai-text);border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer;font-size:.85rem}.workflow-explorer__artifact-tab.is-active{border-color:var(--ai-accent, #79c6ff);color:#fff}.workflow-explorer__artifact-panels{position:relative}.workflow-explorer__artifact-panel{display:none;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:10px;padding:14px}.workflow-explorer__artifact-panel.is-active{display:block}.workflow-explorer__artifact-media{width:100%;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0b1320}.workflow-explorer__artifact-media img{width:100%;height:auto;display:block;object-fit:cover}.workflow-explorer__artifact-placeholder{color:var(--ai-muted, #c7d6e8);text-align:center;padding:16px}.workflow-explorer__pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:30px}.workflow-explorer__pillar{text-align:center;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--ai-border, rgba(255,255,255,.18));border-radius:16px;padding:26px;opacity:1;transform:none;animation:none}.workflow-explorer__pillar-icon{font-size:2rem;display:block;margin-bottom:10px}.workflow-explorer__pillar-title{color:var(--ai-heading, #fff);margin:0 0 6px;font-size:.95rem;font-weight:800}.workflow-explorer__pillar-desc{color:var(--ai-text, rgba(255,255,255,.9));margin:0;line-height:1.6;font-size:.95rem}.workflow-explorer__pillars-carousel-wrapper,.workflow-explorer__carousel-nav,.workflow-explorer__carousel-dots{display:none}@keyframes wfeFadeInUp{to{opacity:1;transform:translateY(0)}}@media (min-width: 980px){.workflow-explorer__story{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 640px){.workflow-explorer{padding:64px 0}.workflow-explorer__console{padding:16px}.workflow-explorer__pillars{margin-top:24px}.workflow-explorer__pillars-carousel-wrapper{margin-top:20px;margin-bottom:24px}.workflow-explorer__pillars{display:none}.workflow-explorer__pillars-carousel-wrapper{display:block!important;position:relative;opacity:0;transform:translateY(30px);animation:wfeFadeInUp .8s ease .4s forwards}.workflow-explorer__pillars-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:16px;margin-bottom:8px}.workflow-explorer__pillars-carousel::-webkit-scrollbar{display:none}.workflow-explorer__pillars-carousel{scrollbar-width:none}.workflow-explorer__pillars-carousel .workflow-explorer__pillar{flex:0 0 85%;scroll-snap-align:center;margin:0 10px}.workflow-explorer__pillars-carousel .workflow-explorer__pillar:first-child{margin-left:20px}.workflow-explorer__pillars-carousel .workflow-explorer__pillar:last-child{margin-right:20px}.workflow-explorer__carousel-dots{display:flex;justify-content:center;gap:10px}.workflow-explorer__carousel-dot{width:10px;height:10px;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease,background .2s ease}.workflow-explorer__carousel-dot.is-active{background:#fff;transform:scale(1.15)}.workflow-explorer__carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 12px #00000026}.workflow-explorer__carousel-nav--left{left:8px}.workflow-explorer__carousel-nav--right{right:8px}.workflow-explorer__roles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.workflow-explorer__role{width:100%;justify-content:center;height:40px;line-height:1;display:flex;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/interactive-workflow-explorer.css.map */