.step-navigator{gap:.5rem;background-color:#000;border-radius:6px;padding:4px;border:1px solid #444}.step-nav-button,.step-navigator{display:flex;align-items:center;color:#fff}.step-nav-button{background:#333;border:1px solid #555;border-radius:4px;width:28px;height:28px;justify-content:center;cursor:pointer;transition:background-color .2s}.step-nav-button:hover:not(:disabled){background-color:#555}.step-nav-button:disabled{cursor:not-allowed;opacity:.4;background-color:#222}.step-nav-button svg{width:16px;height:16px;fill:#fff}.step-display{font-weight:600;padding:0 .5rem;cursor:pointer;color:#fff}.flowy-header-prototype{height:4rem;background-color:var(--flowy-bg-primary);border-bottom:1px solid var(--flowy-border-primary);padding:0 1rem;z-index:20}.header-left{display:flex;align-items:center;min-width:0;gap:.5rem}.flowy-logo{width:32px;height:32px;flex-shrink:0;transition:opacity .15s}.flowy-logo:hover{opacity:.8}.header-left h1{font-size:var(--flowy-font-size-large);font-weight:700;color:var(--flowy-text-primary);white-space:nowrap;margin:0}.breadcrumb-separator{margin:0 .5rem;color:var(--flowy-text-secondary);font-size:var(--flowy-font-size-medium);user-select:none}.dropdown{position:relative}.dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--flowy-radius-md);font-size:var(--flowy-font-size-medium);font-weight:500;background-color:var(--flowy-bg-secondary);color:var(--flowy-text-primary);border:none;cursor:pointer;transition:background-color .15s}.dropdown-button:hover{background-color:var(--flowy-bg-tertiary)}.dropdown-button svg{width:1rem;height:1rem;flex-shrink:0}.dropdown-list{display:none;position:absolute;top:100%;left:0;margin-top:.5rem;width:18rem;border-radius:var(--flowy-radius-md);box-shadow:var(--flowy-shadow-xl);background-color:var(--flowy-bg-secondary);border:1px solid var(--flowy-border-secondary);z-index:50;overflow:hidden}.dropdown-list.show{display:block}.dropdown-list a{display:block;padding:.5rem 1rem;font-size:var(--flowy-font-size-medium);color:var(--flowy-text-primary);text-decoration:none;transition:background-color .15s}.dropdown-list a:hover{background-color:var(--flowy-bg-tertiary);color:var(--flowy-text-primary)}.header-attributes{flex-shrink:0}.attribute-tile,.header-attributes{display:flex;align-items:center;gap:.5rem}.attribute-tile{padding:.375rem .75rem;background-color:var(--flowy-bg-secondary);border-radius:var(--flowy-radius-md);font-size:var(--flowy-font-size-medium);white-space:nowrap;transition:background-color .15s}.attribute-tile:hover{background-color:var(--flowy-bg-tertiary)}.attribute-tile .label{font-weight:600;color:var(--flowy-text-secondary);text-transform:uppercase;letter-spacing:.05em}.attribute-tile .value{color:var(--flowy-text-primary);font-weight:500}.attribute-tile .value a{color:var(--flowy-accent-blue);text-decoration:none}.attribute-tile .value a:hover{text-decoration:underline}@media (max-width:768px){.flowy-header-prototype{padding:0 .75rem;gap:.75rem}.header-left h1{font-size:var(--flowy-font-size-medium)}.header-attributes{gap:.25rem;overflow-x:auto}.attribute-tile{padding:.25rem .5rem;font-size:var(--flowy-font-size-sm);flex-shrink:0}}@media (max-width:480px){.flowy-header-prototype{flex-direction:column;height:auto;padding:.5rem;gap:.5rem}.header-left{justify-content:center;flex-wrap:wrap}.header-left h1{font-size:var(--flowy-font-size-base)}.header-attributes{justify-content:center;flex-wrap:wrap}.breadcrumb-separator{margin:0 .25rem}}.inputs-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--flowy-bg-secondary);border-bottom:1px solid var(--flowy-border-primary);font-size:var(--flowy-font-size-sm)}.inputs-label{font-weight:600;color:var(--flowy-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-top:.5rem}.inputs-row .io-list{display:flex;flex-wrap:wrap;gap:.75rem;flex:1}.inputs-row .io-item{padding:.5rem .75rem;min-width:150px;flex-grow:1;max-width:250px}.inputs-row .io-name{font-size:var(--flowy-font-size-sm)}.inputs-row .io-description{font-size:var(--flowy-font-size-xs)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--flowy-bg-primary:#1a1a1a;--flowy-bg-secondary:#2d2d2d;--flowy-bg-tertiary:#3d3d3d;--flowy-bg-accent:#4a4a4a;--flowy-text-primary:#ffffff;--flowy-text-secondary:#cccccc;--flowy-text-tertiary:#999999;--flowy-text-muted:#666666;--flowy-border-primary:#444444;--flowy-border-secondary:#555555;--flowy-border-accent:#666666;--flowy-accent-blue:#3b82f6;--flowy-accent-green:#10b981;--flowy-accent-yellow:#f59e0b;--flowy-accent-red:#ef4444;--flowy-accent-purple:#8b5cf6;--flowy-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--flowy-font-mono:"Monaco","Menlo","Ubuntu Mono",monospace;--flowy-font-size-large:1.75rem;--flowy-font-size-medium:1rem;--flowy-font-size-xs:0.75rem;--flowy-font-size-sm:0.875rem;--flowy-font-size-base:1rem;--flowy-font-size-lg:1.125rem;--flowy-font-size-xl:1.25rem;--flowy-font-size-2xl:1.5rem;--flowy-font-size-3xl:1.875rem;--flowy-font-weight-normal:400;--flowy-font-weight-medium:500;--flowy-font-weight-semibold:600;--flowy-font-weight-bold:700;--flowy-line-height-tight:1.25;--flowy-line-height-normal:1.5;--flowy-line-height-relaxed:1.75;--flowy-space-1:0.25rem;--flowy-space-2:0.5rem;--flowy-space-3:0.75rem;--flowy-space-4:1rem;--flowy-space-5:1.25rem;--flowy-space-6:1.5rem;--flowy-space-8:2rem;--flowy-space-10:2.5rem;--flowy-space-12:3rem;--flowy-space-16:4rem;--flowy-header-height:4rem;--flowy-footer-height:4rem;--flowy-sidebar-width:16rem;--flowy-radius-sm:0.25rem;--flowy-radius-md:0.375rem;--flowy-radius-lg:0.5rem;--flowy-radius-xl:0.75rem;--flowy-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--flowy-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--flowy-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--flowy-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--flowy-transition-fast:150ms ease-in-out;--flowy-transition-normal:250ms ease-in-out;--flowy-transition-slow:350ms ease-in-out}.flowy-app{font-family:var(--flowy-font-family);font-size:var(--flowy-font-size-base);line-height:var(--flowy-line-height-normal);color:var(--flowy-text-primary);background-color:var(--flowy-bg-primary);overflow:hidden}.flowy-header{height:var(--flowy-header-height);background-color:var(--flowy-bg-secondary);border-bottom:1px solid var(--flowy-border-primary);padding:0 var(--flowy-space-6);align-items:center;justify-content:space-between;flex-shrink:0}.flowy-main-content{background-color:var(--flowy-bg-primary);overflow:hidden;min-height:0}.flowy-footer{background-color:var(--flowy-bg-secondary);border-top:1px solid var(--flowy-border-primary);padding:0 var(--flowy-space-6);align-items:center;justify-content:center}.flowy-app h1{font-size:var(--flowy-font-size-2xl);font-weight:var(--flowy-font-weight-bold);margin:0}.flowy-app h1,.flowy-app h2{line-height:var(--flowy-line-height-tight);color:var(--flowy-text-primary)}.flowy-app h2{font-size:var(--flowy-font-size-xl);font-weight:var(--flowy-font-weight-semibold);margin:var(--flowy-space-4) 0 var(--flowy-space-2) 0}.flowy-app h3{font-size:var(--flowy-font-size-lg);font-weight:var(--flowy-font-weight-medium);line-height:var(--flowy-line-height-tight);margin:var(--flowy-space-3) 0 var(--flowy-space-2) 0;color:var(--flowy-text-primary)}.flowy-app p{margin:var(--flowy-space-2) 0;color:var(--flowy-text-secondary)}.flowy-app small{font-size:var(--flowy-font-size-sm);color:var(--flowy-text-tertiary)}.flowy-text-primary{color:var(--flowy-text-primary)}.flowy-text-secondary{color:var(--flowy-text-secondary)}.flowy-text-tertiary{color:var(--flowy-text-tertiary)}.flowy-text-muted{color:var(--flowy-text-muted)}.flowy-bg-primary{background-color:var(--flowy-bg-primary)}.flowy-bg-secondary{background-color:var(--flowy-bg-secondary)}.flowy-bg-tertiary{background-color:var(--flowy-bg-tertiary)}.flowy-border{border:1px solid var(--flowy-border-primary)}.flowy-border-secondary{border:1px solid var(--flowy-border-secondary)}.flowy-rounded-sm{border-radius:var(--flowy-radius-sm)}.flowy-rounded-md{border-radius:var(--flowy-radius-md)}.flowy-rounded-lg{border-radius:var(--flowy-radius-lg)}.flowy-shadow-sm{box-shadow:var(--flowy-shadow-sm)}.flowy-shadow-md{box-shadow:var(--flowy-shadow-md)}.flowy-shadow-lg{box-shadow:var(--flowy-shadow-lg)}.flowy-transition{transition:all var(--flowy-transition-normal)}.content-interface{flex-shrink:0;background-color:var(--flowy-bg-secondary);padding:0 var(--flowy-space-6);border-bottom:1px solid var(--flowy-border-primary);height:4rem}.tab-nav-toolbar-wrapper{display:flex;align-items:center;justify-content:space-between}.tab-nav{display:flex;gap:var(--flowy-space-4)}.tab-button{padding:var(--flowy-space-3) var(--flowy-space-1);font-weight:var(--flowy-font-weight-medium);font-size:var(--flowy-font-size-medium);white-space:nowrap;display:none;background:none;border:none;color:var(--flowy-text-secondary);cursor:pointer}.tab-button.visible{display:flex;align-items:center}.tab-button:hover{color:var(--flowy-text-primary);border-bottom-color:var(--flowy-border-secondary)}.tab-button.active{color:var(--flowy-accent-blue);border-bottom-color:var(--flowy-accent-blue)}.output-filename{margin-left:var(--flowy-space-2);font-weight:var(--flowy-font-weight-normal);color:var(--flowy-text-tertiary)}.toolbar{display:flex;align-items:center;gap:var(--flowy-space-1);padding:var(--flowy-space-2) var(--flowy-space-3);background-color:var(--flowy-bg-primary);border-bottom:1px solid var(--flowy-border-color)}.toolbar-pane{display:none}.toolbar-pane.visible{display:flex;align-items:center;gap:var(--flowy-space-1)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:white;border-radius:var(--flowy-radius-sm);background-color:var(--flowy-bg-secondary);border:1px solid var(--flowy-border-color);cursor:pointer;transition:var(--flowy-transition-normal)}.icon-btn:hover{background-color:var(--flowy-bg-tertiary);color:white}.icon-btn.active{background-color:var(--flowy-accent-blue);color:white}.icon-btn svg,.icon-btn>*{width:1.5rem;height:1.5rem;flex-shrink:0}.copy-notification{position:fixed;top:20px;right:20px;background-color:var(--flowy-accent-green);color:white;padding:var(--flowy-space-2) var(--flowy-space-4);border-radius:var(--flowy-radius-md);font-size:var(--flowy-font-size-sm);font-weight:500;z-index:1000;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);animation:slideInFade .3s ease-out}@keyframes slideInFade{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.content-scroller{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:0}.tab-pane{overflow-y:visible}.content-container,.tab-pane{display:flex;flex-direction:column;flex:1}.content-container{padding:var(--flowy-space-6);background-color:var(--flowy-bg-primary);color:var(--flowy-text-primary);font-size:var(--flowy-font-size-lg)}.content-container h3{margin-top:0;color:var(--flowy-text-primary)}.content-container h4{margin-top:var(--flowy-space-4);margin-bottom:var(--flowy-space-2);color:var(--flowy-text-secondary)}.content-container pre{background-color:var(--flowy-bg-secondary);padding:var(--flowy-space-3);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;font-size:var(--flowy-font-size-lg);color:var(--flowy-text-primary)}.content-container pre,.design-output{border-radius:var(--flowy-radius-sm);border:1px solid var(--flowy-border-primary)}.design-output{width:100%;flex:1;background-color:white}.markdown-content{font-size:var(--flowy-font-size-lg)}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-weight:var(--flowy-font-weight-semibold);margin-top:1.5em;margin-bottom:.5em;color:var(--flowy-text-primary)}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.125em}.markdown-content ul{list-style-type:disc}.markdown-content ol,.markdown-content ul{padding-left:2em;margin:var(--flowy-space-2) 0}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin:var(--flowy-space-1) 0}.markdown-content table{width:100%;border-collapse:collapse;margin-top:1em}.markdown-content td,.markdown-content th{border:1px solid var(--flowy-border-secondary);padding:var(--flowy-space-2);text-align:left}.markdown-content th{background-color:var(--flowy-bg-tertiary);font-weight:var(--flowy-font-weight-semibold);color:var(--flowy-text-primary)}.markdown-content td{color:var(--flowy-text-secondary)}.markdown-content code:not(pre>code){background-color:var(--flowy-bg-tertiary);padding:.2em .4em;border-radius:3px;font-family:var(--flowy-font-mono);font-size:var(--flowy-font-size-lg);color:var(--flowy-text-primary)}.markdown-content strong{font-weight:var(--flowy-font-weight-semibold);color:var(--flowy-text-primary)}.markdown-content em{font-style:italic;color:var(--flowy-text-secondary)}.markdown-content p{margin:var(--flowy-space-2) 0;line-height:var(--flowy-line-height-relaxed)}.markdown-content blockquote{border-left:4px solid var(--flowy-accent-blue);padding-left:var(--flowy-space-4);margin:var(--flowy-space-4) 0;color:var(--flowy-text-secondary);font-style:italic}.markdown-content a{color:var(--flowy-accent-blue);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.overview-content{max-width:75%;margin:0 auto}.overview-content h1{font-size:var(--flowy-font-size-3xl);font-weight:var(--flowy-font-weight-bold);margin-bottom:var(--flowy-space-6);color:var(--flowy-text-primary);border-bottom:2px solid var(--flowy-accent-blue);padding-bottom:var(--flowy-space-3)}.overview-section{margin-bottom:var(--flowy-space-8)}.overview-section h2{font-size:var(--flowy-font-size-xl);font-weight:var(--flowy-font-weight-semibold);color:var(--flowy-accent-blue)}.detail-grid,.overview-section h2{margin-bottom:var(--flowy-space-4)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--flowy-space-4)}.detail-item{padding:var(--flowy-space-3);background-color:var(--flowy-bg-secondary);border-radius:var(--flowy-radius-md);border:1px solid var(--flowy-border-primary)}.detail-item strong{color:var(--flowy-text-primary);font-weight:var(--flowy-font-weight-semibold);margin-right:var(--flowy-space-2)}.engines-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--flowy-space-6);margin-bottom:var(--flowy-space-4)}.engines-card,.tools-card{padding:var(--flowy-space-4);background-color:var(--flowy-bg-secondary);border-radius:var(--flowy-radius-lg);border:1px solid var(--flowy-border-primary)}.engines-card h3,.tools-card h3{margin-top:0;margin-bottom:var(--flowy-space-3);font-size:var(--flowy-font-size-lg);font-weight:var(--flowy-font-weight-semibold);color:var(--flowy-text-primary)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--flowy-space-2)}.tag{padding:var(--flowy-space-1) var(--flowy-space-3);border-radius:var(--flowy-radius-lg);font-size:var(--flowy-font-size-sm);font-weight:var(--flowy-font-weight-medium);background-color:var(--flowy-bg-tertiary);color:var(--flowy-text-primary);border:1px solid var(--flowy-border-secondary)}.engine-tag{background-color:var(--flowy-accent-blue);color:white;border-color:var(--flowy-accent-blue)}.tool-tag{background-color:var(--flowy-accent-green);color:white;border-color:var(--flowy-accent-green)}.output-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--flowy-space-4);margin-top:var(--flowy-space-2)}.output-tile{display:flex;align-items:flex-start;gap:var(--flowy-space-3);padding:var(--flowy-space-4);background-color:var(--flowy-bg-secondary);border-radius:var(--flowy-radius-lg);border:1px solid var(--flowy-border-primary);transition:var(--flowy-transition-normal)}.output-tile:hover{border-color:var(--flowy-accent-yellow);background-color:var(--flowy-bg-tertiary)}.output-icon{font-size:var(--flowy-font-size-2xl);flex-shrink:0}.output-details{flex-grow:1;min-width:0}.output-name{font-weight:var(--flowy-font-weight-semibold);color:var(--flowy-text-primary);margin-bottom:var(--flowy-space-1);font-size:var(--flowy-font-size-base)}.output-type{font-size:var(--flowy-font-size-xs);color:var(--flowy-accent-yellow);background-color:var(--flowy-bg-tertiary);padding:2px var(--flowy-space-1);border-radius:var(--flowy-radius-sm);display:inline-block;margin-bottom:var(--flowy-space-2)}.io-type-badge,.output-type-badge{color:var(--flowy-accent-yellow);background-color:var(--flowy-bg-tertiary);margin-right:var(--flowy-space-1)}.io-type-badge,.output-type-badge,.step-badge{font-size:var(--flowy-font-size-xs);padding:2px var(--flowy-space-1);border-radius:var(--flowy-radius-sm);display:inline-block}.step-badge{color:var(--flowy-accent-blue);background-color:var(--flowy-bg-secondary)}.io-badges,.output-badges{display:flex;gap:var(--flowy-space-1);margin-bottom:var(--flowy-space-2)}.output-tile-clickable{cursor:pointer;transition:all .2s ease}.output-tile-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.output-tile-clickable:active{transform:translateY(0)}.output-path{font-family:var(--flowy-font-mono);font-size:var(--flowy-font-size-xs);color:var(--flowy-text-tertiary);word-break:break-all}.input-list{margin-top:var(--flowy-space-2)}.input-item{display:flex;align-items:center;gap:var(--flowy-space-2);padding:var(--flowy-space-2);margin-bottom:var(--flowy-space-1);background-color:var(--flowy-bg-secondary);border-left:3px solid var(--flowy-accent-purple)}.input-item,.input-type{border-radius:var(--flowy-radius-sm)}.input-type{font-size:var(--flowy-font-size-xs);color:var(--flowy-text-tertiary);background-color:var(--flowy-bg-tertiary);padding:2px var(--flowy-space-1)}.required-indicator{color:var(--flowy-accent-red);font-weight:var(--flowy-font-weight-bold)}.step-summary{flex-direction:column}.step-summary,.step-summary-item{display:flex;gap:var(--flowy-space-4)}.step-summary-item{padding:var(--flowy-space-4);background-color:var(--flowy-bg-secondary);border-radius:var(--flowy-radius-lg);border:1px solid var(--flowy-border-primary);transition:var(--flowy-transition-normal)}.step-summary-item:hover{border-color:var(--flowy-accent-blue);background-color:var(--flowy-bg-tertiary)}.step-summary-item-clickable{cursor:pointer;transition:var(--flowy-transition-normal)}.step-summary-item-clickable:hover{border-color:var(--flowy-accent-blue);background-color:var(--flowy-bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,188,212,.15)}.step-summary-item-clickable:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,188,212,.1)}.step-summary-item-clickable:focus{outline:2px solid var(--flowy-accent-blue);outline-offset:2px}.step-number{flex-shrink:0;width:2.5rem;height:2.5rem;background-color:var(--flowy-accent-blue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--flowy-font-weight-bold);font-size:var(--flowy-font-size-sm)}.step-details h3{margin-top:0;margin-bottom:var(--flowy-space-2);color:var(--flowy-text-primary);font-size:var(--flowy-font-size-lg)}.step-details p{color:var(--flowy-text-secondary);margin-bottom:var(--flowy-space-3);line-height:var(--flowy-line-height-relaxed)}.step-meta{display:flex;flex-direction:column;gap:var(--flowy-space-1)}.step-engine,.step-tools{font-size:var(--flowy-font-size-xs);color:var(--flowy-text-tertiary)}.flow-overview-indicator,.step-engine{font-weight:var(--flowy-font-weight-medium);color:var(--flowy-accent-blue)}.flow-overview-indicator{font-size:var(--flowy-font-size-medium)}.diagram-container{width:100%;background-color:var(--flowy-bg-secondary);border-radius:var(--flowy-radius-lg);border:1px solid var(--flowy-border-primary);overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;justify-content:center;margin:var(--flowy-space-4) 0;padding:var(--flowy-space-4)}.diagram-container>*{flex-shrink:0;min-width:100%}@media (max-width:768px){.flowy-footer,.flowy-header{padding:0 var(--flowy-space-4)}.flowy-main-content{padding:var(--flowy-space-4)}.flowy-app h1{font-size:var(--flowy-font-size-medium)}.content-interface{padding:0 var(--flowy-space-4)}.tab-nav{gap:var(--flowy-space-2)}.tab-button{font-size:var(--flowy-font-size-sm)}.output-filename{display:none}.engines-tools-grid{gap:var(--flowy-space-4)}.engines-tools-grid,.output-tiles{grid-template-columns:1fr}}@media (max-width:480px){.flowy-footer,.flowy-header{padding:0 var(--flowy-space-2)}.flowy-main-content{padding:var(--flowy-space-2)}.flowy-app h1{font-size:var(--flowy-font-size-base)}.tab-button{font-size:var(--flowy-font-size-xs)}.content-interface{padding:0 var(--flowy-space-2)}}.prompt-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f39c12;border-radius:var(--flowy-radius-lg);margin:var(--flowy-space-4) var(--flowy-space-6) 0;box-shadow:0 2px 8px rgba(243,156,18,.1)}.prompt-banner-content{display:flex;align-items:flex-start;gap:var(--flowy-space-3);padding:var(--flowy-space-4)}.prompt-banner-icon{font-size:var(--flowy-font-size-xl);flex-shrink:0;margin-top:2px}.prompt-banner-text{flex:1}.prompt-banner-text strong{display:block;color:#b7791f;font-size:var(--flowy-font-size-lg);font-weight:var(--flowy-font-weight-semibold);margin-bottom:var(--flowy-space-1)}.prompt-banner-text p{color:#8a6914;font-size:var(--flowy-font-size-base);line-height:var(--flowy-line-height-relaxed);margin:0}.optimized-banner{background:linear-gradient(135deg,#d4edda,#a3d9a4);border:1px solid #28a745;border-radius:var(--flowy-radius-lg);margin:var(--flowy-space-4) var(--flowy-space-6) 0;box-shadow:0 2px 8px rgba(40,167,69,.1)}.optimized-banner-content{display:flex;align-items:flex-start;gap:var(--flowy-space-3);padding:var(--flowy-space-4)}.optimized-banner-icon{font-size:var(--flowy-font-size-xl);flex-shrink:0;margin-top:2px}.optimized-banner-text{flex:1}.optimized-banner-text strong{display:block;color:#155724;font-size:var(--flowy-font-size-lg);font-weight:var(--flowy-font-weight-semibold);margin-bottom:var(--flowy-space-1)}.optimized-banner-text p{color:#0f5132;font-size:var(--flowy-font-size-base);line-height:var(--flowy-line-height-relaxed);margin:0}.output-banner{background:linear-gradient(135deg,#e1ecf4,#b3d4fc);border:1px solid #007bff;border-radius:var(--flowy-radius-lg);margin:var(--flowy-space-4) var(--flowy-space-6) 0;box-shadow:0 2px 8px rgba(0,123,255,.1)}.output-banner-content{display:flex;align-items:flex-start;gap:var(--flowy-space-3);padding:var(--flowy-space-4)}.output-banner-icon{font-size:var(--flowy-font-size-xl);flex-shrink:0;margin-top:2px}.output-banner-text{flex:1}.output-banner-text strong{display:block;color:#004085;font-size:var(--flowy-font-size-lg);font-weight:var(--flowy-font-weight-semibold);margin-bottom:var(--flowy-space-1)}.output-banner-text p{color:#002752;font-size:var(--flowy-font-size-base);line-height:var(--flowy-line-height-relaxed);margin:0}.step-overview-content{padding:var(--flowy-space-6);max-width:75%;margin:0 auto}.step-overview-section{margin-bottom:var(--flowy-space-8)}.step-overview-section h2{color:var(--flowy-accent-blue);font-size:var(--flowy-font-size-xl);margin-bottom:var(--flowy-space-3);font-weight:var(--flowy-font-weight-semibold)}.step-description{font-size:var(--flowy-font-size-lg);line-height:var(--flowy-line-height-relaxed);color:var(--flowy-text-secondary);margin:0}.ai-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--flowy-space-4);margin-top:var(--flowy-space-4)}.config-card{background:var(--flowy-bg-secondary);border:1px solid var(--flowy-border-primary);border-radius:var(--flowy-radius-lg);padding:var(--flowy-space-4);transition:var(--flowy-transition-normal)}.config-card:hover{border-color:var(--flowy-accent-blue);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,188,212,.15)}.config-label{color:var(--flowy-text-tertiary);margin-bottom:var(--flowy-space-2);font-weight:var(--flowy-font-weight-medium)}.config-label,.config-value{font-size:var(--flowy-font-size-lg)}.config-value{color:var(--flowy-text-secondary);font-weight:var(--flowy-font-weight-semibold)}.io-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--flowy-space-4)}.io-item{background:var(--flowy-bg-secondary);border:1px solid var(--flowy-border-primary);border-radius:var(--flowy-radius-lg);padding:var(--flowy-space-4);transition:var(--flowy-transition-normal)}.input-item-overview{border-left:4px solid var(--flowy-accent-green)}.output-item-overview{border-left:4px solid var(--flowy-accent-yellow)}.io-item:hover{border-color:var(--flowy-accent-blue);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,188,212,.1)}.io-type{color:var(--flowy-accent-blue);font-weight:var(--flowy-font-weight-semibold);margin-bottom:var(--flowy-space-1)}.io-description,.io-type{font-size:var(--flowy-font-size-lg)}.io-description{color:var(--flowy-text-secondary);line-height:var(--flowy-line-height-relaxed)}.io-id{font-size:var(--flowy-font-size-lg);color:var(--flowy-text-tertiary);margin-top:var(--flowy-space-2);font-family:var(--flowy-font-mono)}.io-item-clickable{cursor:pointer;transition:var(--flowy-transition-normal)}.io-item-clickable:hover{border-color:var(--flowy-accent-blue);transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,188,212,.15)}.io-item-clickable:active{transform:translateY(0)}.io-item-clickable:focus{outline:2px solid var(--flowy-accent-blue);outline-offset:2px}.io-link-indicator{color:var(--flowy-accent-blue);font-weight:var(--flowy-font-weight-bold);margin-left:var(--flowy-space-1)}@media (max-width:768px){.step-overview-content{padding:var(--flowy-space-4)}.ai-config-grid{grid-template-columns:1fr}.step-overview-section h2{font-size:var(--flowy-font-size-lg)}}