*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}#app{max-width:1400px;margin:0 auto}.container{background:white;border-radius:16px;padding:30px;box-shadow:0 20px 60px #0000004d}h1{margin-bottom:20px}.lead{color:#555;margin-bottom:16px;line-height:1.5}.lead code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-size:.9em}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{box-shadow:0 8px 20px #6c757d59}.btn.ghost{background:#eef1ff;color:#4f56b8}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.input-group input,.input-group textarea,.input-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#667eea}.input-group textarea{resize:vertical;min-height:90px}.grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}.card{background:#f9faff;border:1px solid #e8ebff;border-radius:12px;padding:16px;margin-top:16px}.card h3{margin-bottom:14px}.pipeline-flow{margin-top:20px}.pipeline-title{font-size:1.35rem;margin-bottom:8px;color:#333}.pipeline-title .sub{display:block;font-size:.85rem;font-weight:500;color:#666;margin-top:6px}.step-manage{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.step-lane{border:2px solid #e2e6f5;border-radius:14px;background:#fff;padding:16px 18px;margin-bottom:18px;box-shadow:0 2px 12px #0000000a}.step-lane.lane-done{border-color:#8fd9a8;background:#f8fff9}.step-lane.lane-fail{border-color:#f0a8a8;background:#fff8f8}.step-lane.lane-branch{border-style:dashed;border-color:#b8b8e8;background:#fafaff}.step-lane.lane-skipped{opacity:.95}.branch-note-block{padding:12px 0 4px}.branch-note-text{white-space:pre-wrap;font-size:14px;line-height:1.55;color:#444;margin:0;padding:14px 16px;background:#fff;border-radius:10px;border:1px solid #e0e4ff}.branch-note-done{font-size:12px;color:#666;margin:10px 0 0}.step-lane-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}.step-num{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center}.step-lane-titles{flex:1;min-width:0}.step-lane-titles strong{display:block;font-size:1.05rem;margin-bottom:4px}.lane-meta{font-size:12px;color:#888;font-family:ui-monospace,monospace}.step-lane-actions,.step-lane-body{margin-bottom:12px}.step-run-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.block-hint{font-size:13px;color:#888;max-width:100%}.lane-prompt{font-size:11px;max-height:120px;overflow:auto;margin-bottom:10px}.lane-err{margin-bottom:10px}.lane-out{margin-top:10px}.out-label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:6px}.lane-json{font-size:11px;overflow:auto;max-height:200px;background:#f5f5f5;padding:10px;border-radius:8px;margin-top:8px}.resources-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.thumb-inline{max-height:140px;margin-top:8px}.row-preset{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-preset select{flex:1;min-width:200px;padding:12px;border:2px solid #e0e0e0;border-radius:8px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-line label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.toolbar-wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.trace-title{font-size:13px;color:#666;margin-bottom:6px}.hint{display:block;margin-top:6px;color:#666;font-size:12px;line-height:1.4}.card-full{margin-top:16px}.preload-card{background:#f8f9ff}.preload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.thumb-tiny{max-height:120px;margin-top:8px}.preload-video{margin-top:10px;max-height:320px}.warn{background:#fff8e6;border:1px solid #f0d060;color:#6b5900;padding:10px 12px;border-radius:8px;font-size:13px;margin-top:8px;line-height:1.45}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.thumb{width:100%;max-height:220px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0;margin-top:10px;background:#fff}.toolbar{margin-top:18px}.loading{text-align:center;padding:40px;color:#667eea;font-size:18px}.error{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-top:10px}.success{background:#efe;color:#3c3;padding:12px;border-radius:8px;margin-top:10px}.trace-item{border:1px solid #e4e4e4;border-radius:8px;padding:12px;margin-bottom:10px;background:#fff}.trace-head{display:flex;justify-content:space-between;margin-bottom:6px}.status{font-weight:700;text-transform:uppercase;font-size:12px}.status.succeeded{color:#0d8a2b}.status.failed{color:#c33}.status.running{color:#0f63ce}.status.skipped{color:#888;font-weight:600}.trace-image{width:100%;max-height:380px;object-fit:contain;border:1px solid #e0e0e0;border-radius:8px;background:#fff;margin-top:8px}.mono{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;background:#f5f5f5;border-radius:6px;padding:8px;margin-bottom:8px;font-size:12px}.btn-small{padding:8px 12px;font-size:14px;white-space:nowrap}.per-step-uploads{margin:12px 0;padding:12px;background:#f8f9ff;border-radius:10px;border:1px solid #e8eaff}.per-step-uploads .skip-pet-row{margin-top:12px;padding-top:12px;border-top:1px dashed #ccd0ee}.per-step-uploads.card-inner{margin:12px 0 16px;padding:12px 14px;background:#f8f9ff;border-radius:10px;border:1px solid #e2e6ff}.skip-pet-row{margin-top:12px;padding-top:12px;border-top:1px dashed #ccd2ee}.advanced-keys{margin-bottom:12px;font-size:14px;color:#555}.advanced-keys summary{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px}@media (max-width: 1000px){.grid,.row,.resources-row{grid-template-columns:1fr}}