@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f7ff;background:#0b0921;font-family:Manrope,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1e1933;background:#faf9ff}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.drop-zone:focus-within{outline-offset:3px;outline:3px solid #64e7cb}main{isolation:isolate;background:radial-gradient(circle at 50% -10%,#31236c 0,#0000 38%),#0b0921;min-height:100vh;padding:28px clamp(18px,6vw,100px) 100px;position:relative;overflow:hidden}[data-theme=light] main{background:radial-gradient(circle at 50% -10%,#dfd3ff 0,#0000 40%),#faf9ff}.orb{z-index:-1;opacity:.38;filter:blur(2px);border-radius:50%;animation:12s ease-in-out infinite float;position:absolute}.orb-one{background:#a64dff;width:32rem;height:32rem;top:20%;right:-14rem}.orb-two{background:#16d9b7;width:24rem;height:24rem;animation-delay:-6s;bottom:-5rem;left:-14rem}@keyframes float{50%{transform:translate(18px,-30px)}}.site-header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-1px;font-size:25px;font-weight:800}.brand span{color:#100b26;background:linear-gradient(135deg,#61ffd6,#a96bff);border-radius:9px;place-items:center;width:29px;height:29px;margin-right:7px;display:inline-grid}.icon-button,.action-button{border:1px solid color-mix(in srgb, currentColor 15%, transparent);min-height:40px;color:inherit;background:color-mix(in srgb, currentColor 7%, transparent);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;text-decoration:none;display:inline-flex}.icon-button svg,.action-button svg{width:17px;height:17px}.hero{text-align:center;max-width:800px;margin:clamp(56px,11vh,116px) auto 70px}.eyebrow{color:#71e5ce;letter-spacing:2px;margin:0;font:12px DM Mono,monospace}.hero h1{letter-spacing:-.075em;margin:15px 0;font-size:clamp(43px,7vw,85px);line-height:.98}.hero em{background:linear-gradient(100deg,#65e5cb,#ba7cff);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif}.intro{color:#bcb5d6;max-width:510px;margin:26px auto;line-height:1.7}[data-theme=light] .intro{color:#625d76}.drop-zone{background:#17132f94;border:1px dashed #7a70a8;border-radius:19px;justify-items:center;max-width:590px;margin:0 auto;padding:25px 18px 20px;transition:transform .2s,border-color .2s,background .2s;display:grid}[data-theme=light] .drop-zone{background:#ffffffa8;border-color:#988caf}.drop-zone.is-dragging{background:#27305b91;border-color:#65e5cb;transform:scale(1.015)}.drop-zone.is-disabled{opacity:.65}.drop-zone>svg{color:#65e5cb;width:30px;height:30px;margin-bottom:6px}.drop-zone p{gap:3px;margin:0 0 15px;display:grid}.drop-zone p span,.drop-zone small{color:#bbb5d2;font-size:13px}.upload-button{color:#160c2c;cursor:pointer;background:linear-gradient(100deg,#65e5cb,#b771ff);border:0;border-radius:12px;min-height:45px;padding:12px 20px;font-weight:800;box-shadow:0 12px 35px #9069e847}.upload-button:disabled{cursor:not-allowed;opacity:.55}.drop-zone small{margin-top:11px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.offline-note{color:#ffb8bd;margin:13px 0 0;font-size:14px}.alert{color:#ffdae0;text-align:left;background:#7a263d8c;border:1px solid #f9808b;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;max-width:590px;margin:14px auto 0;padding:11px 12px 11px 14px;font-size:14px;display:flex}.alert button{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px;display:grid}.alert svg{width:17px;height:17px}.jobs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141128a8;border:1px solid #ffffff1d;border-radius:22px;width:min(100%,1040px);margin:auto;padding:clamp(19px,3vw,32px)}[data-theme=light] .jobs{background:#fffffff0;border-color:#dcd4eb}.jobs-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:21px;display:flex}.jobs-heading h2{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(23px,4vw,31px)}.jobs-heading>span{color:#aaa3c2;white-space:nowrap;font-size:13px}.job-list{gap:11px;display:grid}.job{background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;display:grid}[data-theme=light] .job{background:#fbfaff;border-color:#e5dfef}.file-icon{color:#7ce9d3;background:#65e5cb18;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.file-icon svg{width:21px}.job-content{min-width:0}.job-title-row{align-items:center;gap:10px;display:flex}.job h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.badge{border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:800}.badge-running,.badge-queued{color:#c6bbff;background:#8269e730}.badge-paused{color:#ffcf8a;background:#d99d2a2b}.badge-completed{color:#8aebc8;background:#39ca862b}.badge-failed{color:#ffb3bd;background:#e85b6d31}.stage{color:#aaa3c2;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 9px;font-size:13px;overflow:hidden}.job-failed .stage{color:#ffadb7}.progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.progress-track{background:#ffffff14;border-radius:99px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#64e8cb,#ad72ff);height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);display:block}.job-paused .progress-track span{background:#f1b45d}.job-failed .progress-track span{background:#ed7180}.progress-value{color:#aaa3c2;font:12px DM Mono,monospace}.actions{flex-wrap:wrap;justify-content:end;gap:7px;display:flex}.action-button{min-height:36px;font-size:12px;font-weight:700}.action-button:disabled{opacity:.55;cursor:wait}.destructive{color:#ffabb5}.model-stream{background:#0a0818a8;border:1px solid #ffffff16;border-radius:10px;margin-top:13px;position:relative;overflow:hidden}.model-stream header{color:#c7c0dd;background:#ffffff08;justify-content:space-between;align-items:center;padding:7px 9px;font:11px DM Mono,monospace;display:flex}.model-stream header span{align-items:center;gap:6px;display:flex}.model-stream header i{background:#65e5cb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #65e5cb}.model-stream header button,.prompt-dialog header button{color:#89ead5;cursor:pointer;background:0 0;border:0;padding:3px;display:grid}.model-stream header svg{width:15px;height:15px}.stream-body{white-space:pre-wrap;max-height:190px;padding:8px 10px;font:12px/1.55 DM Mono,monospace;overflow:auto}.stream-body p{margin:0 0 7px}.stream-body b{color:#7ce9d3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;display:block}.stream-thinking{color:#c6bddf}.stream-output{color:#f1eaff}.stream-empty{color:#9188ad}.prompt-dialog,.result-dialog{color:#f8f7ff;background:#1b1633;border:1px solid #ffffff25;border-radius:18px;width:min(100%,980px);max-height:min(88vh,900px);padding:22px;overflow:auto;box-shadow:0 20px 80px #0009}.prompt-dialog{width:min(100%,740px);max-height:min(82vh,760px)}.prompt-trace{gap:14px;margin:0;padding:0;list-style:none;display:grid}.prompt-trace li{background:#100c25;border:1px solid #ffffff18;border-radius:10px;padding:12px}.prompt-trace h3{margin:0 0 4px;font-size:14px}.prompt-trace small{color:#c0b9d4}.prompt-dialog header,.result-dialog header{justify-content:space-between;align-items:center;display:flex}.prompt-dialog h2,.result-dialog h2{margin:0;font-size:23px}.prompt-dialog p{color:#c0b9d4}.prompt-dialog pre{color:#dfd8f6;white-space:pre-wrap;background:#090716;border-radius:10px;padding:13px;font:12px/1.5 DM Mono,monospace;overflow:auto}.result-dialog header button{color:#89ead5;cursor:pointer;background:0 0;border:0;padding:3px;display:grid}.result-pdf{background:#f8f7ff;border:0;border-radius:10px;width:100%;height:min(74vh,760px);margin-top:16px;display:block}.result-dialog,.result-pdf{scrollbar-color:#7ce9d3 #090716;scrollbar-width:thin}.result-dialog::-webkit-scrollbar{width:9px}.result-dialog::-webkit-scrollbar-track{background:#090716;border-radius:99px}.result-dialog::-webkit-scrollbar-thumb{background:linear-gradient(#7ce9d3,#ad72ff);border:2px solid #090716;border-radius:99px}.empty-state svg{color:#8375ae}.empty-state p{margin:0 15px;font-size:14px}.connection-status{z-index:2;background:#151228df;border:1px solid #ffffff1c;border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font:12px DM Mono,monospace;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 20px #0004}[data-theme=light] .connection-status{background:#ffffffed}.connection-status i{background:#ff6373;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #ff6373}.connection-status.online i{background:#5ee8bc;box-shadow:0 0 10px #5ee8bc}.modal-backdrop{z-index:4;background:#090616a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{color:#f8f7ff;background:#1b1633;border:1px solid #ffffff25;border-radius:18px;width:min(100%,430px);padding:25px;box-shadow:0 20px 80px #0009}.confirm-dialog h2{margin:0;font-size:23px}.confirm-dialog p{color:#c0b9d4;line-height:1.5}.confirm-dialog>div{justify-content:end;gap:10px;margin-top:22px;display:flex}.secondary-button,.delete-button{color:#f8f7ff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff27;border-radius:10px;min-height:42px;padding:9px 13px;font-weight:700}.delete-button{background:#df5367;border:0}@media (width<=640px){main{padding:20px 14px 84px}.hero{margin-top:54px;margin-bottom:45px}.jobs{border-radius:16px;padding:17px 13px}.job{grid-template-columns:auto minmax(0,1fr);padding:12px}.actions{grid-column:1/-1;justify-content:start}.action-button{flex:1}.connection-status{bottom:12px;right:12px}}@media (width<=370px){.job-title-row{flex-direction:column;align-items:start;gap:4px}.actions{gap:5px}.action-button{padding-inline:8px}.action-button span{display:none}.action-button svg{width:18px;height:18px}.confirm-dialog{padding:20px}.confirm-dialog>div{flex-direction:column-reverse;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
