#spin{font-size:16px}#spin p{line-height:1.6}#spin .fine{font-size:14px;color:var(--muted,#8ca4ad)}.spin-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.spin-heading h2{margin:4px 0 8px}.spin-heading p{max-width:850px}.spin-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.spin-agent{border:1px solid #29434b;border-radius:10px;padding:16px;background:#0d1b22;display:grid;grid-template-columns:1fr auto;gap:8px}.spin-agent h3{font-size:17px;margin:0}.spin-agent p{grid-column:1/-1;margin:0;font-size:14px}.spin-agent[data-state=working]{border-color:#e8bd7f}.spin-agent[data-state=done]{border-color:#424b54}.spin-agent span{font-size:12px;color:#aab3be}.spin-workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.2fr);gap:18px}.spin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spin-fields input,.spin-fields select{width:100%;font-size:15px;min-width:0}.spin-fields label{font-size:14px}.spin-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.spin-actions button{font-size:14px;white-space:normal}.spin-visual{min-width:0}.spin-visual canvas{display:block;width:100%;height:310px}.spin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spin-metrics div{padding:12px;background:#0a1720;border:1px solid #253e46;border-radius:7px;min-width:0}.spin-metrics span{font-size:14px;display:block;color:#91a9b1}.spin-metrics b{font:20px ui-monospace,monospace;display:block;margin-top:6px;overflow-wrap:anywhere}.spin-stages{padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}.spin-stages li{padding:12px;border:1px solid #2c464c;border-radius:8px;min-width:0}.spin-stages b{font-size:14px;display:block}.spin-stages span{font:13px ui-monospace,monospace;color:#e8bd7f}.spin-stages small{font-size:12px;color:#91a9b1}.spin-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spin-history{max-height:340px;overflow:auto}.spin-history button{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #253e46;border-radius:0;padding:14px 0;font-size:14px}.spin-history button[aria-pressed=true]{color:#dfff00}.spin-history small{display:block;font:12px ui-monospace,monospace;margin-top:6px}.spin-error{color:#ffb5a0}.spin-time{margin-top:18px}.spin-time>div:first-child{max-width:900px}#spin-journal{font-size:12px;max-height:340px;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere}#spin .panel{min-width:0}#spin>details{margin-top:18px}#spin [id$=status]{overflow-wrap:anywhere}body[data-lab-tab=spin] .connection{margin-bottom:12px}body[data-lab-tab=spin] .connection>div,body[data-lab-tab=spin] .connection>.setup{display:none}body[data-lab-tab=spin] .connection #runtime-version{margin:0}@media(max-width:900px){.spin-workspace,.spin-bottom{grid-template-columns:1fr}.spin-stages{grid-template-columns:repeat(3,1fr)}}@media(max-width:580px){.spin-heading{display:block}.spin-agents{gap:6px}.spin-agent{display:block;padding:10px}.spin-agent h3{font-size:14px}.spin-agent p{font-size:12px;line-height:1.5}.spin-agent span{display:block;margin:6px 0}.spin-fields{gap:10px}.spin-metrics b{font-size:17px}.spin-metrics div{padding:9px}.spin-visual canvas{height:290px}.spin-stages{grid-template-columns:repeat(2,1fr)}}
body[data-lab-tab=spin] .hero{display:none}
body[data-lab-tab=spin]:not(.spin-connect-open) .connection{display:none}
body[data-lab-tab=spin] main>header{padding-top:16px;padding-bottom:16px;margin-bottom:10px}
body[data-lab-tab=spin] .tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;white-space:nowrap;margin-bottom:20px}
body[data-lab-tab=spin] .tabs button{flex-shrink:0}
#spin .spin-heading .eyebrow{font-size:12px}
#spin .spin-heading>div{min-width:0}
#spin .spin-heading p{margin-bottom:8px}
#spin input[type=file]{max-width:100%;width:100%;font-size:14px}
#spin .panel-top{flex-wrap:wrap;gap:8px}
#spin .spin-workspace,#spin .spin-bottom,#spin .spin-fields,#spin .spin-agents{min-width:0}
@media(max-width:580px){body[data-lab-tab=spin] main{padding:12px}#spin .spin-heading h2{font-size:24px}#spin .spin-heading p{font-size:14px}#spin .spin-heading .eyebrow{font-size:12px;letter-spacing:.5px}#spin .spin-agent h3{font-size:14px}#spin .spin-workspace>.spin-visual{grid-row:1}#spin .spin-agents{grid-template-columns:repeat(3,minmax(0,1fr))}#spin .spin-fields label{min-width:0}#spin .spin-agent p{overflow-wrap:anywhere}}
@media(max-width:580px){body[data-lab-tab=spin] .rail{display:none}body[data-lab-tab=spin] main{margin-left:0}body[data-lab-tab=spin] main>header{gap:10px;flex-wrap:wrap}body[data-lab-tab=spin] main>header .small-link{display:inline}#spin .spin-agent h3{overflow-wrap:anywhere}#spin .spin-agent p{display:none}#spin .spin-agent{min-height:72px}#spin .spin-heading p{font-size:14px;line-height:1.5}#spin .spin-visual canvas{height:250px}}