@layer components{body{background:#000 var(--ella-backdrop) center / cover no-repeat fixed;min-width:0;color:var(--fg)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--alpha);outline-offset:2px}.workflow-app{min-height:100vh;padding:22px 22px 22px calc(var(--sidebar-width) + 38px);background:color-mix(in srgb, var(--bg), transparent 24%);color:var(--fg);text-shadow:var(--text-shadow);transition:padding var(--anim) ease}.workflow-app[data-ella-panel-open]{padding-left:calc(var(--sidebar-width) + var(--panel-width) + 46px)}.workflow-window{flex-direction:column;width:100%;max-width:1720px;height:calc(100vh - 44px);min-height:0;margin:0 auto;display:flex}.workflow-section-label,.workflow-list time,.workflow-events,.workflow-history time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.workflow-section-label{color:#888;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.workflow-shell{background:var(--surface-panel);border:1px solid var(--lines);border-radius:var(--panel-radius);min-height:0;box-shadow:var(--shadow);flex:auto;grid-template-columns:220px minmax(280px,1fr) 300px;display:grid;overflow:hidden}.workflow-panel{box-shadow:none;background:0 0;border:0;border-radius:0}.workflow-library,.workflow-run-panel{background:var(--surface-sidebar)}.workflow-library{border-right:1px solid var(--lines)}.workflow-run-panel{border-left:1px solid var(--lines)}.workflow-result{border-bottom:1px solid var(--lines)}.workflow-output{grid-template-rows:minmax(0,1fr) 168px;min-width:0;min-height:0;display:grid}@media (width<=1500px){.workflow-app[data-ella-panel-open] .workflow-shell{grid-template-rows:auto minmax(320px,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 44px);overflow:auto}.workflow-app[data-ella-panel-open] .workflow-library,.workflow-app[data-ella-panel-open] .workflow-result{border-right:0;border-bottom:1px solid var(--lines)}.workflow-app[data-ella-panel-open] .workflow-library{max-height:320px}.workflow-app[data-ella-panel-open] .workflow-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-app[data-ella-panel-open] .workflow-tabs button{min-height:32px;padding-right:8px}.workflow-app[data-ella-panel-open] .workflow-list{max-height:160px}.workflow-app[data-ella-panel-open] .workflow-output{grid-template-rows:minmax(220px,1fr) 112px}.workflow-app[data-ella-panel-open] .workflow-run-panel{border-top:1px solid var(--lines);border-left:0;overflow:visible}}.workflow-library{flex-direction:column;min-height:0;padding:18px 14px;display:flex;position:relative;overflow:hidden}.workflow-library-intro{margin-bottom:20px}.workflow-library-intro h1{font-size:20px;line-height:1}.workflow-library-intro p{color:#888;margin-top:8px;font-size:12px;line-height:1.35}.workflow-tabs{gap:4px;margin-top:12px;display:grid}.workflow-tabs button{color:#888;text-align:left;cursor:pointer;white-space:normal;background:0 0;border:0;border-radius:12px;min-height:34px;padding:0 10px 0 18px;font-weight:500;position:relative}.workflow-tabs .is-active{color:var(--alpha);background:color-mix(in srgb, var(--alpha), transparent 92%);font-weight:600}.workflow-tabs .is-active:before,.workflow-list .is-selected:before{content:"";background:var(--alpha);border-radius:999px;width:3px;position:absolute;inset:9px auto 9px 7px}.workflow-search{color:#888;letter-spacing:.06em;text-transform:uppercase;gap:6px;margin-top:16px;font-size:11px;display:grid}.workflow-search input{width:100%;color:var(--fg);background:#141414;border:1px solid #403f46;border-radius:12px;padding:10px 11px}.workflow-search input:focus-visible{border-color:var(--alpha);box-shadow:0 0 0 2px color-mix(in srgb, var(--alpha), transparent 34%);outline:0}.workflow-list{scrollbar-width:thin;flex-direction:column;flex:auto;gap:6px;min-height:0;margin-top:16px;padding:2px 7px 2px 0;display:flex;overflow:auto}.workflow-list button{box-sizing:border-box;min-height:48px;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:flex-start;padding:9px 10px 9px 14px;display:flex;position:relative}.workflow-list .is-selected{background:color-mix(in srgb, var(--alpha), transparent 90%);border:1px solid color-mix(in srgb, var(--alpha), transparent 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--alpha), transparent 70%)}.workflow-list .is-selected:before{inset:8px auto 8px 5px}.workflow-list button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--alpha), transparent 34%);outline:0}.workflow-list .is-selected:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--alpha), transparent 34%), inset 0 0 0 1px color-mix(in srgb, var(--alpha), transparent 70%)}.workflow-list strong{text-overflow:ellipsis;font-size:13px;line-height:1.3;display:block;overflow:hidden}.workflow-list small{color:#888;margin-top:4px;font-size:10px;display:block}.workflow-list small[data-status]:before{background:var(--alpha);content:"";border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.workflow-list small[data-status=error]:before{background:#ff5a5a}.workflow-list-empty,.workflow-list-error{color:#888;margin-top:16px;font-size:12px;line-height:1.4}.workflow-list-error{color:#ff5a5a}.workflow-list-error strong,.workflow-list-error span{display:block}.workflow-list-error span{opacity:.82;margin-top:5px;font-size:11px}.workflow-list time:empty{display:none}.workflow-result,.workflow-history{min-height:0;padding:18px;overflow:hidden}.workflow-launchpad{text-align:center;place-content:center;place-items:stretch stretch;gap:18px;width:min(100%,460px);height:100%;margin:0 auto;padding:24px;display:grid}.workflow-launchpad h2{margin-top:8px;font-size:22px;font-weight:500}.workflow-launchpad>p,.workflow-active-result p,.workflow-draft-result p{color:#888}.workflow-launchpad-choices{gap:8px;display:grid}.workflow-launchpad-choices button{min-height:68px;color:var(--fg);text-align:left;background:color-mix(in srgb, var(--surface-control), transparent 28%);cursor:pointer;border:1px solid #403f46;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.workflow-launchpad-choices button:hover{border-color:color-mix(in srgb, var(--alpha), transparent 40%)}.workflow-launchpad-choices small,.workflow-launchpad-choices em{color:#888}.workflow-launchpad-choices small{margin-top:4px;font-style:normal;display:block}.workflow-launchpad-choices em{white-space:nowrap;font-style:normal;font-weight:700}.workflow-image-result{background:color-mix(in srgb, var(--bg), transparent 18%);border:1px solid #403f46;border-radius:16px;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:16px;height:calc(100% - 28px);margin-top:14px;padding:24px 18px 18px;display:grid;position:relative}.workflow-image-result img{object-fit:contain;border-radius:14px;max-width:100%;max-height:100%}.workflow-image-result>p{color:#888;justify-self:start;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.workflow-active-result,.workflow-draft-result,.workflow-error-result{align-content:center;min-height:calc(100% - 28px);margin-top:0;padding:0 20px;display:grid}.workflow-active-result h2,.workflow-draft-result h2,.workflow-error-result h2{font-size:28px}.workflow-active-result>div{background:var(--surface-control);border-radius:999px;height:8px;margin-top:42px}.workflow-active-result span{background:var(--beta);border-radius:inherit;width:34%;height:100%;display:block}.workflow-error-result{color:#ff5a5a;background:#ff5a5a1a;border:1px solid #ff5a5a94;border-radius:16px;align-content:start;min-height:0;margin-top:32px;padding:28px}.workflow-error-result h2{color:#ff5a5a}.workflow-text-result{height:calc(100% - 36px);color:var(--fg);white-space:pre-wrap;background:color-mix(in srgb, var(--bg), transparent 18%);border:1px solid #403f46;border-radius:16px;margin-top:14px;padding:18px;overflow:auto}.workflow-run-panel{min-width:0;padding:22px 20px;overflow:hidden}.workflow-run-empty h2,.workflow-form h2{font-size:22px}.workflow-run-empty p,.workflow-form header p{color:#888;margin-top:8px}.workflow-form{flex-direction:column;height:100%;min-height:0;display:flex}.workflow-form header{border-bottom:1px solid #403f46;padding-bottom:18px}.workflow-form header p{color:var(--alpha);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.workflow-fields{flex:1;align-content:start;gap:10px;min-height:0;margin-top:16px;padding-bottom:16px;padding-right:4px;display:grid;overflow:auto}.workflow-run-bottom{background:#000000d1;border-top:1px solid #403f46;gap:10px;padding-top:14px;display:grid}.workflow-run-bottom button,.workflow-draft-result button{color:#000;background:var(--alpha);width:100%;height:44px;box-shadow:0 .4em 1.2em color-mix(in srgb, var(--alpha), transparent 78%);cursor:pointer;border:0;border-radius:14px;font-weight:700}.workflow-run-bottom button:disabled{color:#888;background:var(--surface-control);box-shadow:none;cursor:not-allowed;border:1px solid #403f46}.workflow-draft-result label,.workflow-field{color:#888;letter-spacing:.06em;text-transform:uppercase;gap:7px;font-size:11px;display:grid}.workflow-field input,.workflow-field select,.workflow-field textarea{width:100%;color:var(--fg);background:#141414;border:1px solid #403f46;border-radius:12px;padding:11px 12px}.workflow-field input:focus-visible,.workflow-field select:focus-visible,.workflow-field textarea:focus-visible{border-color:var(--alpha);box-shadow:0 0 0 2px color-mix(in srgb, var(--alpha), transparent 34%);outline:0}.workflow-field textarea{resize:none;min-height:70px}.workflow-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--alpha);justify-self:start;padding:0}.workflow-run-bottom a{color:#888;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.workflow-inline-error{color:#ff5a5a;font-size:12px;line-height:1.4}.workflow-form-note{color:#888;margin-top:16px;font-size:12px;line-height:1.4}.workflow-run-bottom .workflow-form-note{margin:0}.workflow-file-field{gap:8px;display:grid}.workflow-file-field input[type=file]{color:#888;border-style:dashed;padding:9px}.workflow-more-settings{color:#888;margin-top:2px;font-size:12px}.workflow-more-settings summary{cursor:pointer;list-style-position:inside}.workflow-more-settings>div{gap:12px;margin-top:12px;display:grid}.workflow-events{color:#888;flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.workflow-events span:before{background:var(--alpha);content:"";border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.workflow-events [data-event=submit]:before{background:var(--beta)}.workflow-events [data-event=error]:before{background:#ff5a5a}.workflow-history>div{scrollbar-width:thin;align-content:start;gap:9px;max-height:calc(100% - 28px);margin-top:14px;display:grid;overflow:auto}.workflow-history>div>p{color:#888;font-size:12px}.workflow-history>div>div{background:color-mix(in srgb, var(--surface-sidebar), transparent 45%);border:1px solid #403f46;border-radius:12px;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:12px;min-height:30px;padding:0 10px;display:grid}.workflow-history code{color:#000;text-align:center;background:var(--alpha);border-radius:999px;justify-self:start;padding:4px 8px}.workflow-history .is-pending code{color:#888;background:var(--surface-control)}.workflow-history span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workflow-history [data-event=submit] code{color:var(--fg);background:color-mix(in srgb, var(--beta), transparent 76%)}.workflow-history [data-event=error]{color:#ff5a5a;background:#ff5a5a1f;border-color:#ff5a5a99}.workflow-history [data-event=error] code{color:#ff5a5a;background:#ff5a5a33}}