*{margin:0;padding:0;box-sizing:border-box}:root{--apple-bg: #f5f5f7;--apple-bg-soft: #fbfbfd;--apple-surface: rgba(255, 255, 255, .86);--apple-surface-strong: #ffffff;--apple-surface-muted: rgba(247, 247, 250, .92);--apple-border: rgba(15, 23, 42, .08);--apple-border-strong: rgba(15, 23, 42, .14);--apple-text: #111827;--apple-text-muted: #6b7280;--apple-text-soft: #9ca3af;--apple-primary: #111827;--apple-primary-hover: #1f2937;--apple-blue: #2563eb;--apple-blue-soft: rgba(37, 99, 235, .08);--apple-success: #15803d;--apple-success-soft: rgba(22, 163, 74, .1);--apple-danger: #c2410c;--apple-danger-soft: rgba(251, 146, 60, .12);--workflow-ink: #172426;--workflow-muted: #4f6668;--workflow-panel: #ffffff;--workflow-border: #d4e0dc;--workflow-accent: #0f766e;--workflow-accent-soft: #d8f0ed;--workflow-warn: #b54708;--workflow-output-bg: #0f1722;--workflow-output-fg: #d4dfef}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(37,99,235,.07),transparent 22%),radial-gradient(circle at top right,rgba(148,163,184,.12),transparent 18%),linear-gradient(180deg,#fafafc,#f3f4f6);color:var(--apple-text);line-height:1.6;min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#ffffff47,#ffffff2e)}.navbar{position:sticky;top:0;z-index:30;padding:1rem 1.5rem;border-bottom:1px solid var(--apple-border);background:#f8f8fac2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 8px 30px #0f172a0a}.navbar-content{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.navbar-brand{font-size:1.7rem;font-weight:700;letter-spacing:-.04em;text-decoration:none;color:var(--apple-text)}.navbar-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.navbar-links a{color:#111827d1;text-decoration:none;padding:.55rem .9rem;border-radius:999px;border:1px solid transparent;transition:all .2s ease;font-size:.95rem}.navbar-links a:hover{background:#ffffffb8;border-color:var(--apple-border);color:var(--apple-text)}.main-content{flex:1;padding:2rem 1.5rem 3rem;max-width:1320px;margin:0 auto;width:100%;position:relative;z-index:1}.app-loading-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.app-loading-card{width:min(100%,560px);padding:2rem;border-radius:28px;border:1px solid var(--apple-border);background:linear-gradient(180deg,#ffffffeb,#fbfbfde6);box-shadow:0 18px 40px #0f172a0f,inset 0 1px #fffffff2}.page-shell{display:flex;flex-direction:column;gap:1.5rem}.page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.6rem 1.75rem;border-radius:28px;border:1px solid var(--apple-border);background:linear-gradient(180deg,#ffffffe6,#fbfbfde0);box-shadow:0 18px 40px #0f172a0f,inset 0 1px #fffffff2}.page-hero-copy{min-width:0}.page-eyebrow{margin-bottom:.3rem;color:var(--apple-blue);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-title{font-size:clamp(2rem,3.5vw,3rem);line-height:1.04;letter-spacing:-.05em;color:var(--apple-text);margin:0}.page-title.compact{font-size:clamp(1.8rem,2.8vw,2.4rem)}.page-subtitle{margin-top:.55rem;max-width:64ch;color:var(--apple-text-muted);font-size:.98rem}.page-meta,.page-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.page-section-title{margin:0;color:var(--apple-text);font-size:1.22rem;letter-spacing:-.02em}.meta-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .72rem;border-radius:999px;border:1px solid var(--apple-border);background:#ffffffbf;color:#374151;font-size:.82rem}.meta-pill-subtle{color:var(--apple-text-muted)}.meta-pill-alert{border-color:#c2410c24;background:#fff7edeb;color:var(--apple-danger)}.section-card{border-radius:28px;border:1px solid var(--apple-border);background:linear-gradient(180deg,#ffffffe6,#fbfbfde0);box-shadow:0 16px 34px #0f172a0d,inset 0 1px #fffffff2;padding:1.35rem}.section-card-muted{background:linear-gradient(180deg,#fafafcf0,#f7f7f9f0)}.stack{display:flex;flex-direction:column;gap:1rem}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.workflow-card{display:flex;flex-direction:column;gap:.85rem;min-height:220px;background:linear-gradient(180deg,#ffffffeb,#fafafce6);border-radius:24px;padding:1.3rem;border:1px solid var(--apple-border);box-shadow:0 12px 28px #0f172a0d,inset 0 1px #fffffff2;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.workflow-card:hover{transform:translateY(-2px);border-color:var(--apple-border-strong);box-shadow:0 18px 34px #0f172a14,inset 0 1px #fffffff2}.workflow-card h3{font-size:1.26rem;line-height:1.15;letter-spacing:-.03em;color:var(--apple-text)}.workflow-card p{color:var(--apple-text-muted);font-size:.93rem;flex:1}.workflow-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto}.workflow-card-meta{font-size:.82rem;color:var(--apple-text-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.72rem 1.15rem;border:1px solid transparent;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(180deg,#1f2937,#111827);color:#fff;box-shadow:0 12px 24px #1118271f}.btn-primary:hover{background:linear-gradient(180deg,#374151,#111827);transform:translateY(-1px);box-shadow:0 16px 28px #11182729}.btn-secondary{background:#ffffffc7;color:var(--apple-text);border-color:var(--apple-border);box-shadow:0 8px 18px #0f172a0a,inset 0 1px #ffffffe0}.btn-secondary:hover{background:#fffffff5;border-color:var(--apple-border-strong);transform:translateY(-1px)}.btn-danger{background:#fff7edf5;color:var(--apple-danger);border-color:#c2410c1f}.btn-danger:hover{background:#ffedd5fa}.btn-success{background:#f0fdf4f5;color:var(--apple-success);border-color:#22c55e24}.btn-success:hover{background:#dcfce7fa}.btn:disabled{opacity:.64;cursor:not-allowed;transform:none;box-shadow:none}.btn-block{width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.45rem;font-weight:600;color:var(--apple-text);font-size:.92rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.78rem .92rem;border:1px solid var(--apple-border);border-radius:18px;font-size:.96rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background:#ffffffeb;color:var(--apple-text)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2563eb47;box-shadow:0 0 0 4px #2563eb1a;background:#fff}.form-group textarea{min-height:100px;resize:vertical}.form-caption{margin-top:.35rem;color:var(--apple-text-muted);font-size:.8rem}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 92px);padding-block:2rem}.login-container{width:min(460px,100%);margin:0 auto;background:linear-gradient(180deg,#ffffffeb,#fbfbfde6);padding:2rem;border-radius:32px;border:1px solid var(--apple-border);box-shadow:0 22px 44px #0f172a14,inset 0 1px #fffffff5}.login-container h2{margin-bottom:.35rem;color:var(--apple-text);font-size:1.9rem;line-height:1.08;letter-spacing:-.04em}.auth-kicker{margin-bottom:.35rem;color:var(--apple-blue);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-subtitle{color:var(--apple-text-muted);font-size:.95rem;margin-bottom:1.4rem}.auth-footer{margin-top:1.15rem;text-align:center;color:var(--apple-text-muted);font-size:.92rem}.auth-footer a{color:var(--apple-blue);text-decoration:none;font-weight:600;margin-left:.35rem}.stream-output{background:#111827;color:#e5e7eb;padding:1.5rem;border-radius:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;min-height:200px;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.stream-output::-webkit-scrollbar{width:8px}.stream-output::-webkit-scrollbar-track{background:#2d2d2d}.stream-output::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.admin-table{width:100%;background:#ffffffdb;border-radius:24px;border:1px solid var(--apple-border);overflow:hidden;box-shadow:0 16px 32px #0f172a0d,inset 0 1px #fffffff0}.admin-table table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid rgba(15,23,42,.06);color:var(--apple-text)}.admin-table th{background:#f7f7f9db;font-weight:600;color:var(--apple-text-muted);font-size:.84rem;letter-spacing:.04em;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f8fafcc7}.status-badge{display:inline-block;padding:.28rem .72rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid transparent}.status-enabled{background:var(--apple-success-soft);color:var(--apple-success);border-color:#22c55e1f}.status-disabled{background:var(--apple-danger-soft);color:var(--apple-danger);border-color:#c2410c1f}.status-expired{background:#fef3c7eb;color:#b45309;border-color:#d977062e}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#11182757;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:linear-gradient(180deg,#fffffff5,#fbfbfdf0);padding:1.7rem;border-radius:28px;border:1px solid var(--apple-border);width:90%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 26px 60px #0f172a2e,inset 0 1px #fffffff5}.modal h3{margin-bottom:.75rem;color:var(--apple-text);font-size:1.35rem;letter-spacing:-.03em}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end;flex-wrap:wrap}.loading{text-align:center;padding:2.8rem;color:var(--apple-text-muted);border-radius:24px;border:1px dashed rgba(15,23,42,.08);background:#ffffff7a}.empty-state{text-align:center;padding:2.8rem 1.4rem;color:var(--apple-text-muted);border-radius:28px;border:1px dashed rgba(15,23,42,.08);background:#ffffff80}.error-message{background:#fff7edf5;color:var(--apple-danger);padding:.92rem 1rem;border-radius:20px;border:1px solid rgba(194,65,12,.12);margin-bottom:1rem}.success-message{background:#f0fdf4f5;color:var(--apple-success);padding:.92rem 1rem;border-radius:20px;border:1px solid rgba(22,163,74,.12);margin-bottom:1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;padding:.35rem;border:1px solid var(--apple-border);background:#ffffff9e;border-radius:999px;width:fit-content;max-width:100%;overflow-x:auto}.admin-tab{padding:.66rem 1rem;background:transparent;border:1px solid transparent;border-radius:999px;font-size:.92rem;color:var(--apple-text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-tab:hover{color:var(--apple-text);background:#ffffffb8}.admin-tab-active{color:var(--apple-text);border-color:var(--apple-border);background:#ffffffeb;font-weight:600;box-shadow:0 8px 20px #0f172a0f}.user-info{font-size:.9rem;display:flex;align-items:center;gap:.35rem;padding:.48rem .8rem;border-radius:999px;border:1px solid var(--apple-border);background:#ffffffb3;color:var(--apple-text)}.user-expiry{font-size:.8rem;color:var(--apple-text-muted)}.btn-sm{padding:.5rem .86rem;font-size:.84rem}.navbar-links .btn{color:var(--apple-text);border-color:var(--apple-border);background:#ffffffbd}.navbar-links .btn:hover{background:#ffffffeb}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.inline-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.parameter-editor-list{display:grid;gap:.75rem}.parameter-editor-card{padding:.95rem;border-radius:20px;border:1px solid var(--apple-border);background:#f8fafceb}.parameter-editor-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.parameter-editor-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.parameter-editor-type{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--apple-border);background:#fffc;color:var(--apple-text-muted);font-size:.78rem;text-transform:uppercase}.parameter-editor-checkbox{display:inline-flex;align-items:center;gap:.45rem;color:var(--apple-text);font-size:.9rem}.parameter-editor-grid{display:grid;gap:.75rem}.parameter-editor-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.parameter-editor-empty{padding:1rem;border-radius:18px;border:1px dashed var(--apple-border);background:#ffffffb8;color:var(--apple-text-muted)}.parameter-options-helper{display:block;margin-top:.35rem;color:var(--apple-text-muted);font-size:.8rem}.mono-text{font-family:SF Mono,Monaco,Menlo,monospace}.app-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:1.1rem 1.5rem 1.5rem;color:var(--apple-text-muted);font-size:.86rem}.app-footer a{color:var(--apple-blue);text-decoration:none}.app-footer-divider{color:#6b728080}@media (max-width: 900px){.page-hero{flex-direction:column}}@media (max-width: 768px){.navbar-content{flex-direction:column;gap:1rem}.main-content{padding:1rem}.page-hero,.section-card,.login-container{padding:1.15rem;border-radius:24px}.workflow-grid{grid-template-columns:1fr}.admin-table{overflow-x:auto}.admin-table table{min-width:600px}.parameter-editor-grid-two{grid-template-columns:1fr}}.workflow-feedback{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:5rem}.workflow-feedback-action{min-width:180px}.workflow-run-shell{max-width:1260px;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.workflow-back-btn{margin-bottom:1rem;border:1px solid #c7d8d2;background:#eef5f2}.workflow-back-btn:hover{background:#e4efea}.workflow-hero{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--workflow-border);background:linear-gradient(160deg,#f8fbfa,#f2f7f6);padding:1.6rem 1.75rem;box-shadow:0 8px 18px #19342a12;margin-bottom:1.25rem;animation:workflowFadeIn .5s ease-out both}.workflow-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,#0f766e14,#0f766e00 70%);right:-100px;top:-110px}.workflow-kicker{display:inline-block;margin-bottom:.4rem;font-size:.8rem;font-weight:700;letter-spacing:.09em;color:#255852;text-transform:uppercase}.workflow-title{margin-bottom:.6rem;color:var(--workflow-ink);line-height:1.2}.workflow-description{color:var(--workflow-muted);max-width:70ch}.workflow-description-muted{font-style:italic}.workflow-meta{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem}.workflow-meta-item{border:1px solid rgba(20,87,74,.2);background:#ffffffb8;border-radius:999px;padding:.3rem .7rem;font-size:.85rem;color:#25514a}.workflow-meta-status.is-running{border-color:#b44e0a57;background:#ffedd5;color:var(--workflow-warn)}.workflow-meta-status.is-ready{border-color:#0f766e4d;background:var(--workflow-accent-soft);color:#0f5f58}.workflow-inline-error{border-left:4px solid #c53d3d;margin-bottom:1rem}.workflow-run-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.15rem}.workflow-run-panel{border-radius:18px;border:1px solid var(--workflow-border);background:var(--workflow-panel);box-shadow:0 12px 28px #162b2614;padding:1.2rem;animation:workflowFadeIn .55s ease-out both}.workflow-run-panel-form{animation-delay:.05s}.workflow-run-panel-output{animation-delay:.12s}.workflow-panel-header h2{font-size:1.25rem;color:var(--workflow-ink);margin-bottom:.25rem}.workflow-panel-header p{color:var(--workflow-muted);font-size:.92rem;margin-bottom:1rem}.workflow-parameter-form .workflow-form-group label{color:#21393b;font-weight:600}.workflow-required{color:#bf3a1c}.workflow-parameter-form input,.workflow-parameter-form textarea,.workflow-parameter-form select{border:1px solid #cbdad5;background:#f9fcfb}.workflow-parameter-form input:focus,.workflow-parameter-form textarea:focus,.workflow-parameter-form select:focus{border-color:var(--workflow-accent);box-shadow:0 0 0 3px #0f766e29}.workflow-field-desc{color:var(--workflow-muted);display:block;margin-top:.35rem}.workflow-form-actions{margin-top:.4rem}.workflow-submit-btn{width:100%;font-weight:600;letter-spacing:.01em;background:linear-gradient(130deg,#0f766e,#155e75)}.workflow-submit-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #125d5e40}.workflow-form-empty{border:1px dashed #b9cec8;background:#f5fbf8;border-radius:14px;padding:1rem}.workflow-form-empty-text{color:var(--workflow-muted);margin-bottom:.8rem}.workflow-output-shell{height:100%;display:flex;flex-direction:column}.workflow-output-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.workflow-output-title-row h3{color:var(--workflow-ink)}.workflow-streaming-badge{font-size:.8rem;border-radius:999px;padding:.25rem .62rem;border:1px solid #cbdad5;background:#eff8f5;color:#345f5f}.workflow-streaming-badge.active{border-color:#b44e0a47;color:#9c4410;background:#ffedd5;animation:workflowPulse 1.8s ease-in-out infinite}.workflow-stream-output{flex:1;border:1px solid #d4e1e6;background:linear-gradient(180deg,#fff,#f9fcff);color:#233b40;border-radius:14px;min-height:360px;padding:1rem 1.1rem;line-height:1.65;font-size:.96rem;overflow-y:auto;white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 1px #ffffffa6}.workflow-output-placeholder{color:#7a9196}.workflow-stream-output::-webkit-scrollbar{width:9px}.workflow-stream-output::-webkit-scrollbar-track{background:#ecf2f5;border-radius:10px}.workflow-stream-output::-webkit-scrollbar-thumb{background:#c0d0d4;border-radius:10px}@media (max-width: 980px){.workflow-run-grid{grid-template-columns:1fr}.workflow-stream-output{min-height:280px}}@media (max-width: 640px){.workflow-hero{padding:1.2rem 1rem}.workflow-title{font-size:1.6rem}.workflow-meta-item{font-size:.78rem}.workflow-run-panel{padding:1rem}.workflow-output-title-row{flex-direction:column;align-items:flex-start}}@keyframes workflowFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes workflowPulse{0%,to{box-shadow:0 0 #b44e0a1f}50%{box-shadow:0 0 0 6px #b44e0a00}}:root{--tech-bg-deep: #f5f5f7;--tech-bg-mid: #fbfbfd;--tech-surface: rgba(255, 255, 255, .84);--tech-surface-strong: #ffffff;--tech-surface-soft: rgba(255, 255, 255, .7);--tech-border: rgba(15, 23, 42, .08);--tech-border-strong: rgba(15, 23, 42, .14);--tech-text: #111827;--tech-text-muted: #6b7280;--tech-cyan: #2563eb;--tech-cyan-strong: #1d4ed8;--tech-amber: #b7791f;--tech-danger: #c2410c}.workflow-app-shell{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 24%),radial-gradient(circle at top right,rgba(148,163,184,.12),transparent 18%),linear-gradient(180deg,#f7f7f9,#f2f3f5)}.workflow-app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#ffffff80,#ffffff80);opacity:.35}.workflow-navbar{position:sticky;top:0;z-index:20;padding:1rem 2rem;border-bottom:1px solid rgba(15,23,42,.06);background:#f8f8fac7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 8px 30px #0f172a0a}.workflow-navbar .navbar-content{max-width:1320px}.workflow-navbar .navbar-brand{color:var(--tech-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.02em}.workflow-navbar .navbar-links a{color:#111827c7;border:1px solid transparent;background:transparent}.workflow-navbar .navbar-links a:hover{border-color:#0f172a0f;background:#ffffffb3}.workflow-run-shell{position:relative;z-index:1;max-width:1320px;height:calc(100vh - 76px);padding-top:1rem;padding-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:var(--tech-text);display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.workflow-feedback{color:var(--tech-text);min-height:55vh}.workflow-feedback .loading{color:var(--tech-text-muted)}.workflow-feedback .error-message{width:min(560px,100%)}.workflow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:0;flex-shrink:0}.workflow-back-btn,.workflow-ghost-btn,.workflow-console-btn{border:1px solid rgba(15,23,42,.08);background:#ffffffb8;color:var(--tech-text);box-shadow:0 10px 24px #0f172a0d,inset 0 1px #ffffffd9}.workflow-back-btn:hover,.workflow-ghost-btn:hover,.workflow-console-btn:hover{border-color:#0f172a1f;background:#fffffff0;transform:translateY(-1px)}.workflow-ghost-btn,.workflow-console-btn,.workflow-back-btn{padding:.58rem .88rem}.workflow-hero{position:relative;overflow:hidden;margin-bottom:0;padding:1.15rem 1.35rem;border-radius:24px;border:1px solid var(--tech-border);background:linear-gradient(180deg,#ffffffeb,#fbfbfdeb);box-shadow:0 18px 40px #0f172a0f,inset 0 1px #fffffff2;flex-shrink:0}.workflow-hero-compact{padding:.75rem 1rem}.workflow-hero-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative}.workflow-hero-leading{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1}.workflow-hero-main{display:flex;align-items:baseline;gap:.5rem;min-width:0;justify-content:center;flex:0 1 auto;position:absolute;left:50%;transform:translate(-50%)}.workflow-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;flex:1}.workflow-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 18%,rgba(37,99,235,.08),transparent 22%),radial-gradient(circle at 86% 22%,rgba(148,163,184,.1),transparent 18%);pointer-events:none}.workflow-hero:after{display:none}.workflow-kicker{margin:0;color:var(--tech-cyan);font-size:.64rem;font-weight:700;letter-spacing:.08em;white-space:nowrap}.workflow-title{margin:0;color:var(--tech-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(1.3rem,1.9vw,1.9rem);line-height:1.04;letter-spacing:-.04em;text-align:center}.workflow-description{max-width:76ch;color:var(--tech-text-muted);font-size:.92rem}.workflow-description-muted{color:#8ea8c1e0}.workflow-meta{margin-top:.8rem;gap:.45rem}.workflow-meta-item{border:1px solid rgba(15,23,42,.06);background:#ffffffb8;color:#374151;padding:.3rem .66rem;border-radius:999px;font-size:.76rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.workflow-meta-status.is-running{border-color:#b7791f2e;background:#fbbf241f;color:#8a5a13}.workflow-meta-status.is-ready{border-color:#2563eb1f;background:#2563eb14;color:#1d4ed8}.workflow-panel-eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.workflow-inline-error{border:1px solid rgba(194,65,12,.12);background:#fff7edeb;color:#9a3412;margin-bottom:0;padding:.7rem .9rem;flex-shrink:0}.workflow-inline-error-label{display:inline-block;margin-bottom:.35rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#c2410c}.workflow-inline-error p{margin:0}.workflow-run-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1.4fr) auto;gap:.75rem;align-items:start;min-height:0;flex:1}.workflow-run-panel{border:1px solid var(--tech-border);background:linear-gradient(180deg,#ffffffe6,#fbfbfde6);box-shadow:0 18px 36px #0f172a0f,inset 0 1px #fffffff2;min-height:0}.workflow-run-panel-output-primary{padding:.75rem}.workflow-panel-header h2,.workflow-output-title-row h3{color:var(--tech-text)}.workflow-panel-header p{color:var(--tech-text-muted);font-size:.9rem;margin-bottom:.85rem}.workflow-panel-header{margin-bottom:.55rem}.workflow-panel-header h2{font-size:1.08rem;line-height:1.15}.workflow-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.workflow-form-inline-shell{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:.75rem;align-items:stretch}.workflow-form-group{padding:.85rem;border-radius:18px;border:1px solid rgba(15,23,42,.06);background:#f7f7f9cc;margin-bottom:0}.workflow-form-group-inline{height:100%}.workflow-form-group-wide{grid-column:1 / -1}.workflow-field-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.workflow-parameter-form .workflow-form-group label{color:#111827;font-weight:600}.workflow-field-meta{display:flex;gap:.45rem;flex-wrap:wrap}.workflow-field-chip{padding:.14rem .42rem;border-radius:999px;border:1px solid rgba(15,23,42,.06);background:#ffffffbf;color:#6b7280;font-size:.74rem;text-transform:uppercase}.workflow-field-chip-soft{border-color:#2563eb14;background:#2563eb14;color:#1d4ed8}.workflow-required{color:#c2410c}.workflow-parameter-form input,.workflow-parameter-form textarea,.workflow-parameter-form select{border:1px solid rgba(15,23,42,.08);background:#ffffffeb;color:var(--tech-text);padding:.68rem .8rem;font-size:.94rem}.workflow-parameter-form textarea{min-height:88px}.workflow-parameter-form input::placeholder,.workflow-parameter-form textarea::placeholder{color:#6b7280ad}.workflow-parameter-form input:focus,.workflow-parameter-form textarea:focus,.workflow-parameter-form select:focus{border-color:var(--tech-cyan);box-shadow:0 0 0 4px #2563eb1a}.workflow-field-desc{color:var(--tech-text-muted);margin-top:.2rem;font-size:.78rem}.workflow-form-empty{border:1px dashed rgba(15,23,42,.08);background:#f7f7f9e6;padding:1.15rem}.workflow-form-empty-text{color:var(--tech-text-muted)}.workflow-submit-btn{background:linear-gradient(180deg,#1f2937,#111827);color:#fff;font-weight:700;box-shadow:0 14px 30px #1118271f;padding-block:.8rem}.workflow-form-inline-action{display:flex}.workflow-submit-btn-inline{width:100%;height:100%;min-height:100%}.workflow-submit-btn:hover{box-shadow:0 18px 34px #11182729}.workflow-form-actions{margin-top:.7rem}.workflow-output-shell{gap:.4rem;height:100%}.workflow-output-title-row{margin-bottom:0;flex-shrink:0}.workflow-output-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.workflow-output-metric{padding:.26rem .52rem;border-radius:999px;background:#f7f7f9f2;border:1px solid rgba(15,23,42,.06);color:#6b7280;font-size:.72rem}.workflow-streaming-badge{border-color:#0f172a14;background:#ffffffe6;color:#4b5563;font-size:.72rem;padding:.24rem .5rem}.workflow-streaming-badge.active{border-color:#2563eb1f;color:#1d4ed8;background:#2563eb14}.workflow-terminal-shell{position:relative;display:flex;flex-direction:column;min-height:0;height:100%;border-radius:22px;border:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fbfbfdfa,#f5f5f7fa);box-shadow:inset 0 1px #fffffff2,0 18px 34px #0f172a0d;overflow:hidden}.workflow-terminal-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,transparent 18%)}.workflow-terminal-toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.62rem .85rem;border-bottom:1px solid rgba(15,23,42,.05);background:#ffffffbd}.workflow-terminal-lights{display:flex;gap:.4rem}.workflow-terminal-dot{width:.62rem;height:.62rem;border-radius:999px}.workflow-terminal-dot.dot-red{background:#ff7b7b}.workflow-terminal-dot.dot-amber{background:#ffc857}.workflow-terminal-dot.dot-green{background:#58e0b7}.workflow-terminal-label{color:var(--tech-text-muted);font-size:.72rem;letter-spacing:.02em}.workflow-stream-output{position:relative;z-index:1;min-height:0;height:100%;overflow-y:auto;border:none;border-radius:0;background:transparent;color:#111827;padding:.9rem 1rem 1rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;line-height:1.65;font-size:.9rem;box-shadow:none}.workflow-run-panel-form{padding:1rem;overflow:auto}.workflow-output-placeholder{color:#6b728099}.workflow-stream-output::-webkit-scrollbar-track{background:#0f172a08}.workflow-stream-output::-webkit-scrollbar-thumb{background:#0f172a1f}@media (max-width: 1080px){.workflow-run-grid{grid-template-columns:1fr}}@media (max-width: 720px){.workflow-navbar{padding-inline:1rem}.workflow-run-shell{height:auto;min-height:calc(100vh - 76px);padding-top:1rem;overflow:visible}.workflow-toolbar{flex-direction:column;align-items:stretch}.workflow-hero{padding:1rem;border-radius:22px}.workflow-hero-inline{flex-direction:column;align-items:flex-start}.workflow-hero-leading,.workflow-hero-actions{width:100%;align-items:flex-start}.workflow-hero-main{align-items:flex-start;flex-direction:column;gap:.12rem;justify-content:flex-start;position:static;transform:none}.workflow-field-head,.workflow-output-title-row{flex-direction:column;align-items:flex-start}.workflow-form-grid,.workflow-form-inline-shell{grid-template-columns:1fr}.workflow-output-actions{justify-content:flex-start}.workflow-terminal-shell{min-height:320px}.workflow-stream-output{min-height:280px;font-size:.9rem}}
