*{box-sizing:border-box}body{color:#f9fafb;background:#111827;margin:0;font-family:system-ui,sans-serif}button,textarea{font:inherit}.app{padding:32px}.layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.panel{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:16px}.commands-panel{position:sticky;top:20px}.block-list{flex-direction:column;gap:10px;display:flex}.block-button{color:#f9fafb;cursor:pointer;text-align:left;background:#374151;border:1px solid #4b5563;border-radius:8px;width:100%;padding:10px}.block-button:hover{background:#4b5563}.workspace{flex-direction:column;gap:16px;display:flex}.input-step,.pipeline-card{background:#111827;border:1px solid #374151;border-radius:12px;padding:16px}.pipeline{flex-direction:column;gap:16px;display:flex}.pipeline-card-header{cursor:pointer;align-items:center;gap:10px;display:flex}.pipeline-card-header h3{margin:0}.drag-handle,.remove-button{color:#f9fafb;cursor:pointer;background:0 0;border:0}.drag-handle{font-size:20px}.remove-button{margin-left:auto;font-size:24px}textarea{resize:vertical;color:#f9fafb;background:#030712;border:1px solid #4b5563;border-radius:8px;width:100%;min-height:140px;margin-top:10px;padding:12px;font-family:monospace}.error{color:#fee2e2;background:#7f1d1d;border:1px solid #ef4444;border-radius:8px;margin-top:12px;padding:10px}.empty{color:#9ca3af}.toggle-arrow{color:#f9fafb;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.toggle-arrow:hover{background:#374151;border-radius:4px}