.flow-renderer{display:flex;flex-direction:column;height:100%;width:100%}.flow-content{flex:1;overflow-y:auto;padding:1rem}.flow-controls{flex-shrink:0;position:relative;min-height:60px}.content-renderer{width:100%}.markdown-content h1{font-size:2rem;margin-bottom:1rem;color:#333}.markdown-content h2{font-size:1.5rem;margin-bottom:.75rem;color:#555}.markdown-content p{line-height:1.6;margin-bottom:1rem}.question-content{padding:1rem}.question-prompt{margin-bottom:1.5rem;font-weight:500}.question-choices{display:flex;flex-direction:column;gap:.75rem}.question-choice{padding:.5rem;border:1px solid #ddd;border-radius:4px;transition:background-color .2s}.question-choice:hover{background-color:#f5f5f5}.choice-label{display:flex;align-items:center;cursor:pointer;gap:.5rem}.choice-text{flex:1}.control-renderer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.control-group{position:absolute;display:flex;gap:.5rem;pointer-events:auto}.control-group-bottomLeft{bottom:1rem;left:1rem}.control-group-bottomRight{bottom:1rem;right:1rem}.control-group-bottomCenter{bottom:1rem;left:50%;transform:translateX(-50%)}.control-group-topRight{top:1rem;right:1rem}.control-button{padding:.75rem 1.5rem;border:none;border-radius:6px;background:#007bff;color:white;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.control-button:hover{background:#0056b3;transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.control-button-disabled{background:#6c757d;cursor:not-allowed}.control-button-disabled:hover{background:#6c757d;transform:none}.control-button-bottomLeft{background:#6c757d}.control-button-bottomLeft:hover{background:#545b62}.control-button-bottomRight{background:#28a745}.control-button-bottomRight:hover{background:#1e7e34}.control-button-bottomCenter{background:#007bff}.control-button-topRight{background:#dc3545}.control-button-topRight:hover{background:#c82333}.hub-content{padding:1rem}.hub-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.hub-child-preview{padding:1rem;border:1px solid #ddd;border-radius:8px;background:white;cursor:pointer;transition:box-shadow .2s}.hub-child-preview:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.hub-child-preview h3{margin:0 0 .5rem;color:#333}.hub-child-preview p{margin:0;color:#666;font-size:.875rem}.content-only-empty,.flow-renderer-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.no-content{text-align:center}.no-content h2{margin-bottom:.5rem;color:#999}.no-content p{margin:0}.flow-preview{padding:1rem;background:#f8f9fa;border-radius:8px}.flow-info{margin-bottom:1.5rem;padding:1rem;background:white;border-radius:4px}.flow-info h3{margin:0 0 .5rem}.flow-info p{margin:.25rem 0;color:#666}.flow-nodes{display:flex;flex-direction:column;gap:1rem}.flow-node-preview{padding:1rem;background:white;border-radius:4px;border:1px solid #ddd}.node-info h4{margin:0 0 .5rem}.node-info p{margin:.25rem 0;font-size:.875rem;color:#666}.node-content-preview{margin:1rem 0;padding:.5rem;background:#f8f9fa;border-radius:4px}.node-controls-preview{display:flex;gap:.5rem;flex-wrap:wrap}.control-preview{padding:.25rem .5rem;background:#e9ecef;border-radius:3px;font-size:.75rem;display:flex;gap:.25rem}.control-label{font-weight:500}.control-position{color:#666}@media (max-width:768px){.flow-content{padding:.75rem}.control-group{gap:.375rem}.control-button{padding:.625rem 1.25rem;font-size:.875rem;min-width:70px}.hub-children{grid-template-columns:1fr}}