.workspace-mode-pill>.workspace-mode-pill-visual,html[data-theme=dark] .workspace-mode-pill>.workspace-mode-pill-visual,.workspace-mode-pill--active>.workspace-mode-pill-visual,html[data-theme=dark] .workspace-mode-pill--active>.workspace-mode-pill-visual{overflow:visible;isolation:isolate;background:transparent}.workspace-rail-visual-shell{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 3px 4px rgba(28,25,23,.16));pointer-events:none;transition:filter .18s ease}.workspace-rail-visual{display:block;width:100%;height:100%;border-radius:0;-o-object-fit:contain;object-fit:contain;filter:contrast(1.04) saturate(.92);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:scale(1.08);transform-origin:50% 52%;will-change:transform;transition:filter .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.workspace-rail-visual-shell:after{content:"";position:absolute;z-index:1;display:block;width:13%;aspect-ratio:1;background:color-mix(in srgb,var(--capability-accent, #5d7f77) 24%,#ffffff);clip-path:polygon(50% 0%,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0% 50%,40% 39%);filter:drop-shadow(0 0 2px rgba(255,255,255,.94));opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2) rotate(-20deg)}.workspace-rail-visual-shell[data-kind=new-idea]:after{top:49%;left:50%}.workspace-rail-visual-shell[data-kind=image]:after{top:70%;left:72%}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual{filter:brightness(1.04) contrast(1.07) saturate(1.08);transform:translateY(-1px) scale(1.13)}.workspace-mode-pill--active .workspace-rail-visual{filter:contrast(1.06) saturate(1.02);transform:scale(1.11)}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell{filter:drop-shadow(0 5px 7px rgba(28,25,23,.2))}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=new-idea] .workspace-rail-visual{animation:workspace-rail-star-breathe .82s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell:is([data-kind=new-idea],[data-kind=image]):after{animation:workspace-rail-star-glint .92s cubic-bezier(.22,1,.36,1) 60ms both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=automations] .workspace-rail-visual{animation:workspace-rail-mechanism-turn .76s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=flows] .workspace-rail-visual{animation:workspace-rail-flow-route .84s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=research] .workspace-rail-visual{animation:workspace-rail-search-tilt .68s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=agents] .workspace-rail-visual{animation:workspace-rail-people-gather .76s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=validate-idea] .workspace-rail-visual{animation:workspace-rail-check-confirm .76s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=workspace] .workspace-rail-visual{animation:workspace-rail-window-shuffle .78s cubic-bezier(.22,1,.36,1) both}.workspace-rail-visual-shell[data-kind=slides] .workspace-rail-visual{transform-origin:42% 72%}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=slides] .workspace-rail-visual{animation:workspace-rail-slide-fan .82s cubic-bezier(.22,1,.36,1) both}.workspace-rail-visual-shell[data-kind=docs] .workspace-rail-visual{transform-origin:76% 18%}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=docs] .workspace-rail-visual{animation:workspace-rail-document-lift .74s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=pdf] .workspace-rail-visual{animation:workspace-rail-pdf-drop .76s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=sheets] .workspace-rail-visual{animation:workspace-rail-grid-tap .76s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=website] .workspace-rail-visual{animation:workspace-rail-site-flow .82s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=image] .workspace-rail-visual{animation:workspace-rail-image-sway .78s cubic-bezier(.22,1,.36,1) both}.workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell[data-kind=video] .workspace-rail-visual{animation:workspace-rail-video-pulse .82s cubic-bezier(.22,1,.36,1) both}@keyframes workspace-rail-star-breathe{0%,to{transform:scale(1.11) rotate(0)}38%{transform:scale(1.2) rotate(-2deg)}68%{transform:scale(1.14) rotate(1deg)}}@keyframes workspace-rail-star-glint{0%,18%,78%,to{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-20deg)}42%{opacity:.96;transform:translate(-50%,-50%) scale(1.24) rotate(18deg)}60%{opacity:.42;transform:translate(-50%,-50%) scale(.72) rotate(38deg)}}@keyframes workspace-rail-mechanism-turn{0%,to{transform:scale(1.08) rotate(0)}42%{transform:translateY(-1px) scale(1.15) rotate(9deg)}72%{transform:scale(1.11) rotate(-2deg)}}@keyframes workspace-rail-flow-route{0%,to{transform:translate(0) scale(1.08) rotate(0)}26%{transform:translate(-2px,-2px) scale(1.17) rotate(-4deg)}52%{transform:translate(2px,-1px) scale(1.21) rotate(3deg)}76%{transform:translateY(-1px) scale(1.14) rotate(-1deg)}}@keyframes workspace-rail-search-tilt{0%,to{transform:scale(1.08) rotate(0)}42%{transform:translate(-1px,-1px) scale(1.15) rotate(-7deg)}72%{transform:scale(1.11) rotate(2deg)}}@keyframes workspace-rail-people-gather{0%,to{transform:scale(1.08)}30%{transform:translate(-2px) scale(1.17) rotate(-3deg)}56%{transform:translate(2px) scale(1.2) rotate(3deg)}78%{transform:scale(1.14) rotate(-1deg)}}@keyframes workspace-rail-check-confirm{0%,to{transform:scale(1.08) rotate(0)}36%{transform:translateY(-2px) scale(1.2) rotate(-7deg)}62%{transform:scale(1.14) rotate(4deg)}82%{transform:scale(1.17) rotate(-1deg)}}@keyframes workspace-rail-window-shuffle{0%,to{transform:scale(1.08) translate(0) rotate(0)}34%{transform:translate(-3px) scale(1.16) rotate(-4deg)}62%{transform:translate(3px) scale(1.19) rotate(2deg)}82%{transform:scale(1.14) rotate(-1deg)}}@keyframes workspace-rail-slide-fan{0%,to{transform:scale(1.08) rotate(0)}34%{transform:translateY(-2px) scale(1.17) rotate(-8deg)}60%{transform:scale(1.2) rotate(4deg)}82%{transform:scale(1.14) rotate(-1deg)}}@keyframes workspace-rail-document-lift{0%,to{transform:scale(1.08) rotate(0)}32%{transform:translateY(-3px) scale(1.18) rotate(-6deg)}58%{transform:translateY(-1px) scale(1.14) rotate(4deg)}82%{transform:scale(1.16) rotate(-1deg)}}@keyframes workspace-rail-pdf-drop{0%,to{transform:translateY(0) scale(1.08)}28%{transform:translateY(2px) scale(1.12)}52%{transform:translateY(-3px) scale(1.2)}78%{transform:translateY(0) scale(1.14)}}@keyframes workspace-rail-grid-tap{0%,to{transform:scale(1.08) rotate(0)}34%{transform:scale(1.21) rotate(-3deg)}62%{transform:scale(1.13) rotate(2deg)}82%{transform:scale(1.17) rotate(-1deg)}}@keyframes workspace-rail-site-flow{0%,to{transform:translate(0) scale(1.08)}30%{transform:translate(-2px,-2px) scale(1.17) rotate(-3deg)}58%{transform:translate(2px,-1px) scale(1.2) rotate(2deg)}80%{transform:translate(0) scale(1.14)}}@keyframes workspace-rail-image-sway{0%,to{transform:scale(1.08) rotate(0)}34%{transform:translateY(-2px) scale(1.19) rotate(-5deg)}64%{transform:scale(1.14) rotate(3deg)}82%{transform:scale(1.17) rotate(-1deg)}}@keyframes workspace-rail-video-pulse{0%,to{transform:scale(1.08)}30%{transform:translateY(-2px) scale(1.2)}54%{transform:scale(1.12)}76%{transform:translateY(-1px) scale(1.17)}}html[data-theme=dark] .workspace-rail-visual-shell{filter:drop-shadow(0 4px 7px rgba(0,0,0,.52)) drop-shadow(0 0 1px rgba(255,255,255,.32))}html[data-theme=dark] .workspace-rail-visual{filter:brightness(1.09) contrast(1.03) saturate(.94);opacity:.98}html[data-theme=dark] .workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual-shell{filter:drop-shadow(0 6px 9px rgba(0,0,0,.6)) drop-shadow(0 0 2px rgba(255,255,255,.28))}html[data-theme=dark] .workspace-mode-pill:is(:hover,:focus-visible) .workspace-rail-visual{filter:brightness(1.15) contrast(1.05) saturate(1.06)}@media(prefers-reduced-motion:reduce){.workspace-rail-visual,.workspace-rail-visual-shell,.workspace-rail-visual-shell:after{animation:none!important;transition:none}.workspace-rail-visual-shell:after{display:none}}.flow-template-grid{width:min(100%,720px);grid-template-columns:repeat(2,minmax(0,1fr))}.flow-template-card,.flow-template-card:hover{min-height:214px;border:0;border-radius:var(--radius-card);background:var(--glass-card);box-shadow:var(--shadow-sm);padding:12px;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm)}.flow-template-card:hover{background:var(--glass-card-hover);box-shadow:var(--shadow-md)}.flow-template-screenshot{width:100%;height:96px;flex:0 0 96px;overflow:hidden;border-radius:var(--radius-control);background:var(--surface-sunken);margin-top:10px}.flow-template-screenshot svg{display:block;width:100%;height:100%}.flow-template-canvas{fill:var(--surface-sunken)}.flow-template-grid-dot{fill:color-mix(in srgb,var(--text-faint) 30%,transparent)}.flow-template-edges path{fill:none;stroke:var(--border-strong);stroke-linecap:round;stroke-width:3}.flow-template-edges path.is-approved{stroke:color-mix(in srgb,var(--success, #437f6b) 72%,var(--border-strong))}.flow-template-edges path.is-changes{stroke:color-mix(in srgb,var(--editor-danger-text) 48%,var(--border-strong));stroke-dasharray:7 6}.flow-template-node-card{fill:var(--surface-panel);stroke:var(--border-default);stroke-width:1.5}.flow-template-node-icon{fill:var(--surface-muted)}.flow-template-node--knowledge .flow-template-node-icon{fill:color-mix(in srgb,var(--accent) 18%,var(--surface-panel))}.flow-template-node--approval .flow-template-node-icon{fill:color-mix(in srgb,#c79a3a 18%,var(--surface-panel))}.flow-template-node--condition .flow-template-node-icon{fill:color-mix(in srgb,var(--text-muted) 14%,var(--surface-panel))}.flow-template-node--image .flow-template-node-icon,.flow-template-node--video .flow-template-node-icon{fill:color-mix(in srgb,#7f8fb0 18%,var(--surface-panel))}.flow-template-node-kind{fill:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-weight:800}.flow-template-node-label{fill:var(--text-default);font-family:inherit;font-size:11px;font-weight:720}.flow-template-node-handle{fill:var(--border-strong);stroke:var(--surface-panel);stroke-width:2}.flow-template-actions{display:flex;width:100%;align-items:center;gap:8px;margin-top:auto;padding-top:10px}.flow-template-actions>button{min-width:0;flex:1 1 0}.flow-template-state{display:flex;width:min(100%,720px);min-height:224px;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-card);background:var(--glass-card);color:var(--text-muted);font-size:12px;box-shadow:var(--shadow-sm)}.flow-template-state .manor-empty{padding:24px 20px}.flow-template-state--error{border:1px solid color-mix(in srgb,var(--editor-danger-text) 20%,transparent)}.flow-template-install-error{width:min(100%,720px);margin:8px 0 0;color:var(--editor-danger-text);font-size:11px;text-align:center}.flow-template-preview-modal{height:auto;max-height:calc(100dvh - 24px)}.flow-template-preview-body{display:flex;min-height:0;flex:0 1 auto;overflow:hidden;background:var(--surface-sunken);padding:16px}.flow-template-preview-figure{display:flex;width:100%;height:auto;aspect-ratio:16 / 9;align-items:center;justify-content:center;margin:0;overflow:hidden;border-radius:var(--radius-card);background:var(--surface-panel);box-shadow:var(--shadow-sm)}.flow-template-preview-figure .flow-template-screenshot{height:100%;flex-basis:auto;margin:0;border:0;border-radius:inherit;box-shadow:none}.flow-template-preview-footer{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:8px}.flow-template-preview-footer .flow-template-install-error{width:auto;margin:0 auto 0 0;text-align:left}@media(max-width:720px){.flow-template-grid{grid-template-columns:minmax(0,1fr)}.flow-template-preview-body{padding:10px}.flow-template-preview-footer>button{min-width:0;flex:1 1 0}}@media(prefers-reduced-motion:reduce){.flow-template-card,.flow-template-card:hover{transition:none;transform:none}}.simulation-artifact-gallery{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--glass-border);border-radius:12px;background:var(--surface-sunken)}.simulation-artifact-gallery__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.simulation-artifact-gallery__header>div{display:grid;gap:2px}.simulation-artifact-gallery__header strong{color:var(--text-strong);font-size:13px}.simulation-artifact-gallery__header span{color:var(--text-muted);font-size:11px}.simulation-artifact-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.simulation-artifact-card{display:grid;grid-template-columns:54px minmax(0,1fr);min-height:76px;overflow:hidden;padding:0;border:1px solid var(--glass-border);border-radius:10px;background:var(--surface-panel);color:inherit;cursor:pointer;text-align:left}.simulation-artifact-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--glass-border));background:var(--surface-hover)}.simulation-artifact-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.simulation-artifact-card__preview{display:flex;align-items:center;justify-content:center;min-height:74px;overflow:hidden;border-right:1px solid var(--glass-border);background:color-mix(in srgb,var(--surface-sunken) 82%,#4f7d75 18%);color:#436b65}.simulation-artifact-card__preview img{width:100%;height:100%;min-height:74px;-o-object-fit:cover;object-fit:cover}.simulation-artifact-card__icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.simulation-artifact-card__play{position:absolute;right:-9px;bottom:-7px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--surface-panel);border-radius:50%;background:#4f7d75;color:#fff}.simulation-artifact-card__copy{display:grid;align-content:center;min-width:0;gap:2px;padding:10px}.simulation-artifact-card__copy strong,.simulation-artifact-card__copy span,.simulation-artifact-card__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulation-artifact-card__copy strong{color:var(--text-strong);font-size:12px}.simulation-artifact-card__copy span,.simulation-artifact-card__copy small{color:var(--text-muted);font-size:10px}.simulation-artifact-modal{display:grid;gap:14px}.simulation-artifact-modal__notice{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.simulation-artifact-modal__preview{overflow:hidden;border:1px solid var(--glass-border);border-radius:12px;background:#171717}.simulation-artifact-modal__preview video,.simulation-artifact-modal__preview img{display:block;width:100%;max-height:56vh;-o-object-fit:contain;object-fit:contain}.simulation-artifact-modal__preview audio{display:block;width:calc(100% - 32px);margin:24px 16px}.simulation-artifact-preview-placeholder{display:grid;place-items:center;align-content:center;min-height:260px;gap:8px;padding:24px;background:var(--surface-sunken);color:var(--text-muted);text-align:center}.simulation-artifact-preview-placeholder strong{color:var(--text-strong);font-size:14px}.simulation-artifact-preview-placeholder span{font-size:11px}.simulation-artifact-modal__meta{display:grid;gap:6px;margin:0}.simulation-artifact-modal__meta>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px}.simulation-artifact-modal__meta dt{color:var(--text-muted);font-size:12px}.simulation-artifact-modal__meta dd{overflow-wrap:anywhere;margin:0;color:var(--text-default);font-size:12px}.simulation-artifact-modal>p{margin:0;color:var(--text-default);font-size:13px;line-height:1.55}@media(max-width:560px){.simulation-artifact-gallery__grid{grid-template-columns:1fr}.simulation-artifact-modal__meta>div{grid-template-columns:1fr;gap:2px}}.workspace-simulation-runtime{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(92px,132px) auto;align-items:center;gap:12px;min-height:58px;margin:0 18px 10px;padding:9px 11px;border:0;border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--glass-card) 92%,#dcebe7 8%),var(--glass-card));box-shadow:var(--glass-highlight),var(--shadow-sm);color:var(--text-default)}.workspace-simulation-runtime__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--surface-sunken) 76%,#7da49d 24%);color:var(--accent)}.workspace-simulation-runtime__copy{display:grid;min-width:0;gap:4px}.workspace-simulation-runtime__heading,.workspace-simulation-runtime__stage-row{display:flex;align-items:center;min-width:0}.workspace-simulation-runtime__heading{gap:8px}.workspace-simulation-runtime__heading strong{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--text-strong);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.workspace-simulation-runtime__heading>span{flex:0 0 auto;white-space:nowrap}.workspace-simulation-runtime__stage-row{gap:7px;color:var(--text-muted);font-size:11px}.workspace-simulation-runtime__count{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:700}.workspace-simulation-runtime__stage{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-simulation-runtime__progress{height:5px;overflow:hidden;border-radius:999px;background:var(--surface-sunken)}.workspace-simulation-runtime__progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .22s ease}.workspace-simulation-runtime__actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.workspace-simulation-runtime__actions button{white-space:nowrap}@media(max-width:860px){.workspace-simulation-runtime{grid-template-columns:auto minmax(0,1fr) auto;margin-inline:10px}.workspace-simulation-runtime__progress{display:none}}@media(max-width:580px){.workspace-simulation-runtime{grid-template-columns:auto minmax(0,1fr)}.workspace-simulation-runtime__actions{grid-column:1 / -1;justify-content:stretch}.workspace-simulation-runtime__actions button{flex:1}}@media(prefers-reduced-motion:reduce){.workspace-simulation-runtime__progress>span{transition:none}}
