.intro.pipeline-intro{justify-content:space-between;align-items:center;gap:20px;display:flex}.pipeline-trigger{isolation:isolate;border-radius:var(--radius-lg);background:var(--brand);height:48px;color:var(--on-accent);cursor:pointer;border:0;flex-shrink:0;gap:12px;padding:0 10px 0 20px;position:relative;overflow:hidden}.pipeline-trigger:hover,.pipeline-trigger:focus-visible{background:var(--brand)}.pipeline-trigger-label,.pipeline-trigger-arrow{z-index:2;position:relative}.pipeline-trigger-arrow{flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.shine-bloom{--sb-brand:var(--brand);--sb-accent:var(--accent);--sb-ease:cubic-bezier(.22, 1, .36, 1);--sb-origin:calc(100% - 28px) 50%;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pipeline-shine) 14%,transparent);transition:transform .35s var(--sb-ease)}.shine-bloom:active{transform:scale(.97)}.shine-bloom:before{content:"";z-index:0;background:radial-gradient(circle at var(--sb-origin), var(--pipeline-bloom-highlight) 0%, var(--sb-accent) 30%, var(--pipeline-bloom-shade) 75%, var(--sb-brand) 100%);clip-path:inset(6px 10px 6px calc(100% - 46px) round var(--radius-lg));transition:clip-path .8s var(--sb-ease);position:absolute;inset:0}.shine-bloom:hover:before,.shine-bloom:focus-visible:before{clip-path:inset(0 round var(--radius-lg))}.shine-bloom__shine{z-index:1;pointer-events:none;background:linear-gradient(105deg, transparent 30%, color-mix(in srgb,var(--pipeline-shine) 8%,transparent) 42%, color-mix(in srgb,var(--pipeline-shine) 32%,transparent) 50%, color-mix(in srgb,var(--pipeline-shine) 8%,transparent) 58%, transparent 70%);animation:3.6s cubic-bezier(.45,0,.2,1) infinite shine-bloom-sweep;position:absolute;inset:0;transform:translate(-110%)}.shine-bloom:hover .shine-bloom__shine,.shine-bloom:focus-visible .shine-bloom__shine{animation-duration:2.4s}@keyframes shine-bloom-sweep{0%{transform:translate(-110%)}45%,to{transform:translate(110%)}}.pipeline-dialog{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--background);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text-primary);box-shadow:var(--lift);padding:0;overflow:hidden}.pipeline-dialog::backdrop{background:color-mix(in srgb,var(--brand) 38%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pipeline-content{flex-direction:column;max-height:calc(100dvh - 50px);display:flex}.pipeline-header{background:var(--background);border-bottom:1px solid var(--border);flex-shrink:0;padding:24px 64px 20px 24px;position:relative}.pipeline-close{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:0;place-items:center;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.pipeline-close:hover{background:var(--surface);color:var(--text-primary)}.pipeline-heading-row{align-items:center;gap:12px;display:flex}.pipeline-title{min-width:0;font-family:var(--serif);font-size:28px;font-weight:var(--font-weight-regular);letter-spacing:-.02em;outline:none;line-height:1.25}.pipeline-description{color:var(--text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.pipeline-body{overscroll-behavior:contain;min-height:0;padding:24px;overflow:auto}.pipeline-options{gap:12px;display:grid}.pipeline-option{text-align:left;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-elevated);color:var(--text-primary);cursor:pointer;align-items:center;gap:16px;padding:18px;transition:border-color .2s,background .2s;display:flex}.pipeline-option:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent-subtle) 25%,var(--surface-elevated))}.pipeline-option>span:nth-child(2){flex:1}.pipeline-option strong{font-size:15px;font-weight:500;display:block}.pipeline-option strong+span{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.pipeline-mark{border-radius:var(--radius-lg);background:var(--surface);width:40px;height:40px;color:var(--text-secondary);font-family:var(--font-display,serif);flex-shrink:0;place-items:center;font-size:23px;display:grid}.pipeline-footer{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:12px;line-height:1.6}.pipeline-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;margin:0 0 14px;padding:4px 0;font-size:12px;display:block}.pipeline-steps{counter-reset:step;gap:20px;margin:0 0 24px;padding:0;list-style:none;display:grid}.pipeline-steps>li{counter-increment:step;color:var(--text-secondary);padding-left:32px;font-size:12px;line-height:1.6;position:relative}.pipeline-steps>li:before{content:counter(step);border:1px solid var(--border);width:22px;height:22px;color:var(--text-primary);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:0;left:0}.pipeline-steps strong{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.pipeline-downloads{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pipeline-downloads a{color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-md);padding:4px 8px;font-size:12px;text-decoration:none}.pipeline-copy{margin-top:10px}.pipeline-copy-top{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.pipeline-copy-top button{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:3px 5px;font-size:12px;display:inline-flex}.pipeline-copy textarea{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);resize:none;background:var(--surface-elevated);width:100%;color:var(--text-secondary);padding:9px;font-family:inherit;font-size:12px;line-height:1.5;display:block}.pipeline-copy textarea.pipeline-autosize{overflow:hidden}.pipeline-copy-status{min-height:15px;margin-top:3px;font-size:12px;display:block}.pipeline-open{justify-content:center;gap:12px;height:40px;display:flex}.pipeline-dialog button:focus-visible,.pipeline-dialog a:focus-visible,.pipeline-trigger:focus-visible,.pipeline-copy textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:600px){.intro.pipeline-intro{flex-direction:column;align-items:flex-start;gap:16px}.pipeline-trigger{justify-content:space-between;width:100%}.pipeline-header{padding:20px 56px 18px 20px}.pipeline-body{padding:20px}.pipeline-title{font-size:26px}}@media (prefers-reduced-motion:reduce){.shine-bloom,.shine-bloom__shine{animation:none}.shine-bloom__shine{opacity:0}.shine-bloom,.shine-bloom:before,.pipeline-option{transition:none}.shine-bloom:active{transform:none}}:root[data-theme=dark] .pipeline-mark img[src$=chatgpt\.svg]{filter:invert()}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pipeline-mark img[src$=chatgpt\.svg]{filter:invert()}}.pipeline-free{color:var(--text-secondary);margin:0 0 24px;font-size:12px;line-height:1.6}.pipeline-free summary{cursor:pointer;color:var(--text-primary);font-weight:500}.pipeline-free[open] summary{margin-bottom:10px}.pipeline-free summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
