*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{font-family:system-ui,sans-serif;color:#1a1a1a;background:#fff;overflow-x:hidden}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #ddd}.app-title{font-weight:600}.app-header nav{display:flex;gap:.75rem;flex-wrap:wrap}.app-header nav a{text-decoration:none;color:#333;padding:.25rem .5rem}.app-header nav a.active{font-weight:600;text-decoration:underline}.app-user{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-content{padding:1rem;max-width:960px;width:100%;margin:0 auto}.action-link{display:inline-flex;align-items:center;min-height:44px}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;max-width:420px}.field label{font-weight:600}.field input,.field select{padding:.5rem;min-height:44px;border:1px solid #999;border-radius:4px;font-size:1rem;width:100%}button{min-height:44px;min-width:44px;padding:.5rem 1rem;margin-right:.5rem;border-radius:4px;border:1px solid #333;background:#fff;color:inherit;cursor:pointer;font-size:1rem}button:disabled{cursor:not-allowed;opacity:.6}[role=alert]{color:#b00020}.workflow-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.workflow-card{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:4px;max-width:100%}.workflow-badge{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#eef;color:#334;white-space:nowrap}.workflow-steps{padding-left:1.25rem}.run-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.run-step{border:1px solid #ddd;border-radius:4px;padding:.5rem .75rem;max-width:100%;overflow-wrap:break-word}.run-step-order{font-weight:600;margin-right:.5rem}.run-step-status{text-transform:capitalize;font-size:.85rem;padding:.1rem .5rem;border-radius:999px}.run-step-pending .run-step-status{background:#eee;color:#555}.run-step-running .run-step-status{background:#fff3cd;color:#7a5b00}.run-step-completed .run-step-status{background:#d4f5dd;color:#14532d}.run-step-error .run-step-status{background:#fde2e2;color:#7a1f1f}.run-step-output,.run-step-error{margin:.35rem 0 0;overflow-wrap:anywhere}.run-step-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.run-step-retried,.run-step-code{color:#555;font-size:.85rem}.run-step-waiting{margin:.35rem 0 0;color:#555}.run-step-progress{display:flex;align-items:center;gap:.5rem;margin:.35rem 0 0}.run-step-progress progress,.upload-progress{width:100%;max-width:420px;height:.75rem}.upload-progress{display:block;margin-bottom:.75rem}.output-fields{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0}.output-field{display:contents}.output-fields dt{font-weight:600}.output-fields dd{margin:0;overflow-wrap:anywhere}.output-raw{max-width:100%;overflow-x:auto;padding:.5rem;background:#f6f6f6;border-radius:4px;font-size:.85rem}.link-button{margin-top:.5rem;border:none;background:none;padding:.5rem 0;text-decoration:underline;color:#333}.run-step-downloads{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.run-step-downloads button{margin-right:0}.run-back-link{margin-top:.75rem}.run-step-download-error{flex-basis:100%;margin:0}.run-step-failure .run-step-code{display:block;margin-top:.25rem}.field-error p{margin:.25rem 0 0}@media (max-width: 480px){.output-fields{grid-template-columns:1fr;gap:0}.output-fields dd{margin-bottom:.5rem}.run-step-downloads{flex-direction:column}.run-step-downloads button,.media-start-form button{width:100%}}