.flow-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.68rem;font-weight:700;color:#6c5ce7;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease,color .3s ease;pointer-events:none}.flow-status--visible{opacity:1;transform:translateY(0)}.flow-status--processing{color:var(--color-text-muted)}.flow-status--collapsed{opacity:0}.flow-status__dot{width:6px;height:6px;border-radius:50%;background:#6c5ce7;animation:flowStatusPulse 1s ease-in-out infinite}.flow-status__spinner{width:10px;height:10px;border:1.5px solid var(--color-border);border-top-color:#6c5ce7;border-radius:50%;animation:flowStatusSpin .6s linear infinite}@keyframes flowStatusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}@keyframes flowStatusSpin{to{transform:rotate(360deg)}}.speech-bubble{position:absolute;left:50%;transform:translate(-50%) translateY(-4px);width:calc(90% - 40px);max-width:440px;padding:10px 14px;border-radius:12px;background:var(--color-bg);border:1px dashed rgba(108,92,231,.2);box-shadow:0 4px 20px #0000000a;opacity:0;transition:opacity .4s ease,transform .4s ease;z-index:2;pointer-events:none}.speech-bubble--visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.speech-bubble p{font-size:.78rem;color:var(--color-text-muted);line-height:1.5;font-style:italic;min-height:1.4em}.speech-bubble__label{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#6c5ce7;margin-bottom:4px}.speech-bubble__cursor{display:inline-block;width:2px;height:12px;background:var(--color-text-muted);border-radius:1px;animation:speechBubbleBlink 1s step-end infinite;margin-left:1px;vertical-align:text-bottom}@keyframes speechBubbleBlink{0%,to{opacity:1}50%{opacity:0}}.app-window{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-bg);box-shadow:0 8px 40px #0000000f,0 0 0 1px #00000005;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}.app-window--visible{opacity:1;transform:translateY(0) scale(1)}.app-window--visible.app-window--recessed{opacity:.7;box-shadow:0 4px 16px #00000008}.app-window__titlebar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.app-window__dots{display:flex;gap:5px}.app-window__dots span{width:8px;height:8px;border-radius:50%}.app-window__dots span:nth-child(1){background:#ff5f57}.app-window__dots span:nth-child(2){background:#febc2e}.app-window__dots span:nth-child(3){background:#28c840}.app-window__tabs{display:flex;gap:2px}.app-window__tab{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:.68rem;font-weight:600;color:var(--color-text-muted)}.app-window__tab img{width:12px;height:12px;object-fit:contain}.app-window__tab--active{background:var(--color-bg);color:var(--color-text-primary);box-shadow:0 1px 3px #0000000f}.app-window__body{padding:0}
