:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef0f8;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080a10;--surface:#12151fdb;--surface-solid:#12151f;--surface-2:#171b27;--surface-3:#1d2230;--line:#ffffff13;--line-strong:#ffffff21;--text:#eef0f8;--muted:#858ca0;--muted-2:#626a7d;--violet:#9e7cff;--violet-bright:#b69cff;--cyan:#54d9e8;--green:#5bd8a2;--amber:#ffbe68;--red:#ff6f83;--shadow:0 24px 80px #00000052;background:#080a10;font-family:Segoe UI Variable,PingFang SC,Microsoft YaHei,system-ui,sans-serif}code,pre,.eyebrow,.nav-caption{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 72% -12%, #7854ff17, transparent 32%), radial-gradient(circle at 26% 108%, #34c7d20d, transparent 32%), var(--bg);min-width:320px;min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#9e7cff59}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#272c3a padding-box padding-box;border:2px solid #0000;border-radius:10px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:100vh;color:var(--muted);letter-spacing:.06em;place-content:center;justify-items:center;gap:24px;font-size:13px;display:grid}.brand-orbit{width:72px;height:72px;color:var(--violet-bright);background:#9e7cff14;border:1px solid #9e7cff47;border-radius:24px;place-items:center;display:grid;position:relative;box-shadow:0 0 50px #9e7cff26}.brand-orbit i{border:1px solid #54d9e81f;border-radius:29px;animation:2.6s linear infinite orbit;position:absolute;inset:-8px}.brand-orbit i:last-child{border-color:#9e7cff14;animation-duration:3.8s;animation-direction:reverse;inset:-15px}@keyframes orbit{to{transform:rotate(360deg)}}.login-page{background:linear-gradient(145deg,#080a10 0%,#0b0d15 45%,#080a10 100%);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.25;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.aurora{filter:blur(90px);opacity:.16;pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute}.aurora-one{background:#8a64ff;top:-240px;right:-110px}.aurora-two{opacity:.09;background:#31bac7;bottom:-300px;left:-120px}.login-card{z-index:1;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#171a26ed,#0d0f18f5);border-radius:28px;width:min(100%,480px);padding:34px 38px 30px;position:relative;box-shadow:0 35px 120px #00000085,inset 0 1px #ffffff0a}.login-brand,.rail-brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#a688ff,#7552e7);border-radius:15px;place-items:center;width:47px;height:47px;display:grid;box-shadow:0 10px 30px #7552e752,inset 0 1px #ffffff3d}.brand-mark.small{border-radius:12px;width:38px;height:38px}.login-brand strong,.rail-brand strong{letter-spacing:.18em;font-size:14px;display:block}.login-brand span,.rail-brand span{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:10px;display:block}.login-copy{margin:58px 0 38px}.cloud-kicker{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.login-copy h1{letter-spacing:-.045em;margin:17px 0 16px;font-size:clamp(34px,8vw,49px);line-height:1.08}.login-copy h1 em{color:var(--violet-bright);font-style:normal}.login-copy p{max-width:380px;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.login-form{gap:10px;display:grid}.login-form>label{color:#b6bbca;font-size:12px;font-weight:600}.login-input{border:1px solid var(--line-strong);height:51px;color:var(--muted);background:#04060b7a;border-radius:13px;align-items:center;gap:11px;padding:0 15px;transition:all .2s;display:flex}.login-input:focus-within{color:var(--violet-bright);border-color:#9e7cffa6;box-shadow:0 0 0 3px #9e7cff17}.login-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.login-input input::placeholder{color:#555d6e}.login-button{width:100%;height:51px;margin-top:7px}.login-card footer{color:#626a7a;justify-content:center;align-items:center;gap:7px;margin-top:25px;font:10px DM Mono,monospace;display:flex}.primary-button,.secondary-button,.text-button,.icon-button,.generate-button{cursor:pointer;border:0;transition:transform .18s,border-color .18s,background .18s,color .18s,opacity .18s}.primary-button,.secondary-button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#9d7cff,#7957e8);box-shadow:0 8px 22px #7957e833}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 28px #7957e84d}.secondary-button{color:#c8ccda;border:1px solid var(--line-strong);background:#ffffff09}.secondary-button:hover:not(:disabled){color:#fff;background:#9e7cff14;border-color:#9e7cff59}.primary-button.compact,.secondary-button.compact{border-radius:9px;min-height:34px;padding:0 12px}.primary-button:disabled,.secondary-button:disabled,.text-button:disabled,.generate-button:disabled,.icon-button:disabled{opacity:.43;cursor:not-allowed;transform:none}.text-button{color:var(--muted);background:0 0;border-radius:8px;padding:7px 9px;font-size:11px}.text-button:hover:not(:disabled){color:var(--text);background:#ffffff0a}.text-button.danger{color:var(--red)}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){color:#fff;border-color:var(--line);background:#ffffff0b}.icon-button.danger:hover{color:var(--red);background:#ff6f8314}.form-error{color:#ff91a0;align-items:flex-start;gap:7px;font-size:11px;line-height:1.5;display:flex}.app-shell{min-height:100vh}.side-rail{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#0d0f17fa,#0a0c12fa);flex-direction:column;width:246px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.rail-brand{border-bottom:1px solid var(--line);padding:0 8px 28px}.side-rail nav{flex:1;padding-top:24px}.nav-caption{color:#4e5668;letter-spacing:.16em;padding:0 12px 10px;font:9px DM Mono,monospace;display:block}.nav-item{color:#7d8496;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;width:100%;height:45px;margin:3px 0;padding:0 12px;font-size:12px;transition:all .18s;display:flex;position:relative}.nav-item:hover{color:#cdd1dd;background:#ffffff07}.nav-item.active{color:#eeeaff;background:linear-gradient(90deg,#9e7cff24,#9e7cff09);border-color:#9e7cff21}.nav-item.active:before{content:"";background:var(--violet);width:3px;height:24px;box-shadow:0 0 18px var(--violet);border-radius:0 4px 4px 0;position:absolute;left:-17px}.nav-item.active>svg:first-child{color:var(--violet-bright)}.nav-arrow{opacity:.45;margin-left:auto}.rail-runtime{border:1px solid var(--line);background:#ffffff05;border-radius:13px;margin:12px 0;padding:14px}.runtime-head{color:#5f6778;letter-spacing:.12em;justify-content:space-between;font:9px DM Mono,monospace;display:flex}.runtime-row{color:#969daf;align-items:center;gap:7px;margin-top:14px;font-size:10px;display:flex}.runtime-row strong{color:#fff;font-size:15px}.live-pulse{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #5bd8a217,0 0 13px #5bd8a280}.runtime-bar{background:#242936;border-radius:5px;height:3px;margin:11px 0 8px;overflow:hidden}.runtime-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .4s;display:block}.rail-runtime p{color:#5d6577;margin:0;font-size:9px}.logout-button{color:#676f80;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:11px;transition:all .18s;display:flex}.logout-button:hover{color:#e7e9f0;background:#ffffff09}.app-main{min-height:100vh;margin-left:246px}.top-bar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080a10d1;justify-content:space-between;align-items:center;height:62px;padding:0 27px;display:flex;position:sticky;top:0}.top-context{color:#9ca2b2;align-items:center;gap:10px;font-size:11px;display:flex}.top-context i{background:#464d5c;border-radius:50%;width:3px;height:3px}.top-context small{color:#5d6575;font:9px DM Mono,monospace}.top-statuses{align-items:center;gap:8px;display:flex}.top-pill{color:#9198a9;border:1px solid var(--line);background:#ffffff06;border-radius:8px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font:9px DM Mono,monospace;display:inline-flex}.top-pill .live-pulse{width:5px;height:5px;box-shadow:0 0 8px #5bd8a280}.top-pill.r2{color:#78d9e4}.page-container{padding:30px 28px 50px}.page-motion{max-width:1650px;margin:0 auto}.page-title{justify-content:space-between;align-items:flex-start;gap:25px;min-height:83px;margin-bottom:24px;display:flex}.eyebrow{color:var(--violet-bright);letter-spacing:.18em;margin-bottom:8px;font:9px DM Mono,monospace;display:block}.page-title h1{letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.6vw,34px);line-height:1.15}.page-title p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.65}.page-actions{align-items:center;gap:9px;padding-top:9px;display:flex}.panel-card{border:1px solid var(--line);background:linear-gradient(145deg,#141722e0,#0e1119db);border-radius:17px;box-shadow:0 14px 48px #0000001f}.panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:66px;padding:15px 17px;display:flex}.panel-heading>div:not(.heading-buttons){min-width:0}.panel-heading h3{margin:0;font-size:12px}.panel-heading p{color:var(--muted-2);margin:3px 0 0;font-size:9px}.panel-icon{border-radius:10px;flex:none;place-items:center;width:35px;height:35px;display:grid}.panel-icon.violet{color:var(--violet-bright);background:#9e7cff1c}.panel-icon.cyan{color:var(--cyan);background:#54d9e817}.panel-icon.amber{color:var(--amber);background:#ffbe681a}.panel-kicker{color:#5b6375;letter-spacing:.12em;margin-bottom:3px;font:8px DM Mono,monospace;display:block}.inline-notice{color:#b7bccc;background:#54d9e80e;border:1px solid #54d9e824;border-radius:11px;align-items:center;gap:8px;min-height:40px;margin:0 0 17px;padding:10px 13px;font-size:11px;display:flex}.inline-notice.error{color:#ff9aa7;background:#ff6f830f;border-color:#ff6f832b}.inline-notice button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;padding:3px;display:grid}.workflow-switcher{border:1px solid var(--line);background:linear-gradient(130deg,#131620e0,#0c0f17d1);border-radius:17px;align-items:stretch;gap:12px;min-height:100px;margin:-4px 0 14px;padding:12px;display:flex;box-shadow:0 14px 48px #0000001a}.workflow-switcher-label{width:196px;color:var(--violet-bright);border-right:1px solid var(--line);flex:none;grid-template-columns:25px 1fr;align-content:center;padding:9px 11px;display:grid}.workflow-switcher-label svg{grid-row:1/3;margin-top:2px}.workflow-switcher-label span{color:#d5d8e3;font-size:11px;font-weight:700}.workflow-switcher-label small{color:#5e6678;margin-top:4px;font-size:7px;line-height:1.5}.workflow-options{flex:1;grid-template-columns:repeat(2,minmax(250px,1fr));gap:8px;min-width:0;display:grid}.workflow-option{color:#777f91;border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff05;border-radius:12px;grid-template-columns:36px minmax(0,1fr) 25px;align-items:center;gap:10px;min-width:0;min-height:74px;padding:10px 11px;transition:all .18s;display:grid}.workflow-option:hover{color:#bbc0cd;background:#9e7cff09;border-color:#9e7cff33}.workflow-option.active{color:#eeeaf9;background:linear-gradient(120deg,#9e7cff1f,#54d9e809);border-color:#9e7cff52;box-shadow:inset 0 1px #ffffff06}.workflow-option-icon{width:36px;height:36px;color:var(--violet-bright);background:#9e7cff1a;border-radius:10px;place-items:center;display:grid}.workflow-option-icon.edit{color:var(--cyan);background:#54d9e814}.workflow-option-icon.video{color:#ffbc70;background:#ffa7521a}.workflow-option>span:nth-child(2){gap:3px;min-width:0;display:grid}.workflow-option small{color:#655d82;letter-spacing:.1em;font:6px DM Mono,monospace}.workflow-option.active small{color:var(--violet-bright)}.workflow-option strong{font-size:10px}.workflow-option em{color:#5f6778;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;line-height:1.45;overflow:hidden}.workflow-option>i{color:#545c6d;background:#ffffff06;border-radius:8px;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.workflow-option.active>i{color:var(--green);background:#5bd8a214}.studio-layout{grid-template-columns:220px minmax(390px,1fr) 350px;gap:14px;height:clamp(650px,100dvh - 319px,880px);display:grid}.conversation-panel,.chat-panel,.plan-panel{height:100%;min-height:0;overflow:hidden}.conversation-panel{flex-direction:column;display:flex}.compact-heading{justify-content:space-between}.heading-buttons{align-items:center;display:flex}.conversation-list{flex:1;padding:9px;overflow-y:auto}.conversation-item{color:#848b9c;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:58px;margin:2px 0;padding:9px;display:flex}.conversation-item:hover{color:#c5c9d5;background:#ffffff06}.conversation-item.active{color:#e7e3f8;background:#9e7cff14;border-color:#9e7cff1f}.conversation-icon{background:#ffffff09;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.conversation-item span:last-child{min-width:0}.conversation-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;display:block;overflow:hidden}.conversation-item small{color:#596173;margin-top:4px;font-size:8px;display:block}.new-conversation{color:#aaa1cf;cursor:pointer;background:#9e7cff09;border:1px dashed #9e7cff3b;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;margin:10px;font-size:10px;display:flex}.new-conversation:hover{color:#fff;background:#9e7cff14}.empty-mini{color:#555d6e;text-align:center;justify-items:center;gap:10px;padding:28px 10px;font-size:9px;display:grid}.chat-panel{flex-direction:column;display:flex}.chat-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;height:66px;padding:0 17px;display:flex}.ai-avatar{color:#dbd1ff;background:linear-gradient(145deg,#9e7cff29,#54d9e80f);border:1px solid #9e7cff2e;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.chat-head h3{margin:0;font-size:11px}.chat-head span{color:#666e7f;align-items:center;gap:5px;margin-top:3px;font-size:8px;display:flex}.chat-head span i{background:var(--green);border-radius:50%;width:5px;height:5px}.chat-mode{color:#676f82;border:1px solid var(--line);border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:6px 8px;font:8px DM Mono,monospace;display:flex}.chat-feed{flex:1;min-height:0;padding:22px;overflow-y:auto}.chat-welcome{text-align:center;max-width:470px;margin:45px auto}.welcome-glyph{width:58px;height:58px;color:var(--violet-bright);background:#9e7cff12;border:1px solid #9e7cff2b;border-radius:19px;place-items:center;margin:0 auto 18px;display:grid;box-shadow:0 17px 45px #6f4ed71f}.chat-welcome h2{letter-spacing:-.025em;margin:0 0 9px;font-size:20px}.chat-welcome>p{max-width:400px;color:var(--muted);margin:0 auto;font-size:11px;line-height:1.75}.prompt-suggestions{gap:7px;margin-top:24px;display:grid}.prompt-suggestions button{color:#7f8798;border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff05;border-radius:9px;justify-content:space-between;align-items:center;min-height:38px;padding:0 11px 0 13px;font-size:9px;display:flex}.prompt-suggestions button:hover{color:#d1d4de;background:#9e7cff0a;border-color:#9e7cff38}.chat-message{gap:10px;margin:0 0 20px;display:flex}.chat-message.user{flex-direction:row-reverse}.message-avatar{color:#9aa1b1;border:1px solid var(--line);background:#ffffff08;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font:7px DM Mono,monospace;display:grid}.chat-message.assistant .message-avatar{color:var(--violet-bright);background:#9e7cff14}.message-body{max-width:min(82%,610px)}.message-body>p{color:#c7cbd7;border:1px solid var(--line);white-space:pre-wrap;background:#ffffff07;border-radius:4px 12px 12px;margin:0;padding:11px 13px;font-size:11px;line-height:1.65}.chat-message.user .message-body>p{color:#e8e3fa;background:#9e7cff1a;border-color:#9e7cff21;border-radius:12px 4px 12px 12px}.message-plan{background:#54d9e80a;border:1px solid #54d9e81f;border-radius:10px;grid-template-columns:1fr auto;gap:5px 12px;margin-top:6px;padding:11px 12px;display:grid}.message-plan span{color:var(--cyan);align-items:center;gap:5px;font-size:9px;display:flex}.message-plan strong{color:#aeb5c4;font:9px DM Mono,monospace}.message-plan small{color:#6c7485;grid-column:1/-1;font:8px/1.6 DM Mono,monospace}.message-generated-wrap{background:#080a107a;border:1px solid #9e7cff29;border-radius:12px;margin-top:7px;overflow:hidden}.message-generated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.message-generated-grid.single{grid-template-columns:minmax(0,1fr)}.message-generated-grid button{aspect-ratio:1;cursor:zoom-in;background:linear-gradient(120deg,#111520,#1a1f2c,#111520) 0 0/200% 100%;border:0;border-radius:9px;min-width:0;padding:0;position:relative;overflow:hidden}.message-generated-grid.single button{aspect-ratio:4/3}.message-generated-grid img,.message-generated-grid video{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .2s}.message-generated-grid button:hover img,.message-generated-grid button:hover video{transform:scale(1.025)}.message-generated-grid button>span{color:#efeaff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#05070cb8;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:4px;min-height:23px;padding:0 7px;font:7px DM Mono,monospace;display:flex;position:absolute;bottom:7px;right:7px}.message-generated-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:31px;padding:0 9px;display:flex}.message-generated-meta span{color:#69cbd6;align-items:center;gap:5px;font-size:8px;display:flex}.message-generated-meta strong{color:#858da0;font:7px DM Mono,monospace}.message-source-image{background:#54d9e809;border:1px solid #54d9e824;border-radius:10px;width:150px;margin-top:6px;display:block;overflow:hidden}.message-source-image img{object-fit:cover;width:100%;height:112px}.message-source-image span{color:#78cbd4;align-items:center;gap:5px;min-height:27px;padding:0 8px;font-size:8px;display:flex}.message-actions{opacity:0;gap:4px;min-height:23px;margin-top:4px;transition:all .16s;display:flex;transform:translateY(-2px)}.chat-message.user .message-actions{justify-content:flex-end}.chat-message:hover .message-actions,.chat-message:focus-within .message-actions{opacity:1;transform:translateY(0)}.message-actions button{color:#6e7688;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:4px;min-height:23px;padding:0 7px;font-size:8px;display:inline-flex}.message-actions button:hover{color:#bfc5d3;border-color:var(--line);background:#ffffff06}.message-actions button:disabled{opacity:.4;cursor:not-allowed}.message-editor{background:#0c0a17eb;border:1px solid #9e7cff47;border-radius:12px 4px 12px 12px;width:min(100%,610px);padding:9px;box-shadow:0 12px 34px #00000038}.message-editor textarea{resize:vertical;color:#ebe7f8;border:1px solid var(--line);background:#ffffff06;border-radius:8px;outline:0;width:100%;min-height:86px;padding:9px 10px;font-size:11px;line-height:1.6}.message-editor textarea:focus{border-color:#9e7cff6b}.message-editor>div{justify-content:flex-end;align-items:center;gap:5px;margin-top:7px;display:flex}.message-editor>div>span{color:#626a7b;margin-right:auto;font-size:8px}.message-editor button{color:#8991a2;border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:7px;align-items:center;gap:4px;min-height:27px;padding:0 8px;font-size:8px;display:inline-flex}.message-editor button.save{color:#e9e4fb;background:#9e7cff24;border-color:#9e7cff40}.message-editor button:disabled{opacity:.45;cursor:not-allowed}.thinking{border:1px solid var(--line);background:#ffffff06;border-radius:4px 12px 12px;align-items:center;gap:5px;min-height:38px;padding:0 13px;display:flex}.thinking i{background:var(--violet);border-radius:50%;width:5px;height:5px;animation:1.15s infinite bounce}.thinking i:nth-child(2){animation-delay:.12s}.thinking i:nth-child(3){animation-delay:.24s}.thinking span{color:#71798b;margin-left:5px;font-size:9px}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.composer-wrap{border-top:1px solid var(--line);flex:none;padding:10px 14px 14px}.composer-wrap .inline-notice{min-height:32px;margin-bottom:8px;padding:7px 10px}.composer{border:1px solid var(--line-strong);background:#05070c6b;border-radius:13px;transition:all .2s}.composer:focus-within{border-color:#9e7cff6e;box-shadow:0 0 0 3px #9e7cff0e}.composer textarea{resize:none;color:#e2e4ec;background:0 0;border:0;outline:0;width:100%;padding:12px 13px 5px;font-size:11px;line-height:1.55}.composer textarea::placeholder{color:#51596a}.composer-footer{justify-content:space-between;align-items:center;min-height:38px;padding:3px 6px 5px 12px;display:flex}.composer-footer>span{color:#555d6f;align-items:center;gap:5px;font-size:8px;display:flex}.composer-footer>div{gap:3px;display:flex}.composer-wrap .inline-notice>span{overflow-wrap:anywhere;min-width:0}.composer-wrap .inline-notice .notice-retry{color:#ffc0c9;background:#ff6f8314;border:1px solid #ff6f8333;border-radius:7px;flex:none;align-items:center;gap:4px;min-height:25px;margin-left:auto;padding:0 8px;display:inline-flex}.composer-wrap .inline-notice .notice-close{flex:none;margin-left:0}.job-progress-card{background:#9e7cff0b;border:1px solid #9e7cff26;border-radius:12px;margin:18px 0 21px 39px;padding:13px}.job-progress-card.failed{background:#ff6f830a;border-color:#ff6f8329}.job-progress-head{align-items:center;gap:9px;display:flex}.job-icon{width:30px;height:30px;color:var(--violet-bright);background:#9e7cff1a;border-radius:9px;place-items:center;display:grid}.job-progress-head>div{flex:1;min-width:0}.job-progress-head strong{font-size:10px;display:block}.job-progress-head small{color:#666e80;margin-top:3px;font-size:8px;display:block}.progress-track{background:#242936;border-radius:5px;height:4px;margin-top:12px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .6s;display:block}.job-error{color:#ff8e9e;margin:9px 0 0;font-size:9px;line-height:1.5}.job-result{grid-template-columns:118px 1fr;align-items:center;gap:13px;display:grid}.job-result>a{border-radius:10px;overflow:hidden}.job-result img{object-fit:cover;width:118px;height:118px}.job-result>div{gap:7px;display:grid}.job-result span{color:var(--green);align-items:center;gap:6px;font-size:9px;display:flex}.job-result strong{font-size:11px;line-height:1.5}.job-result>div a{color:var(--cyan);align-items:center;gap:5px;font-size:9px;display:flex}.plan-panel{flex-direction:column;display:flex}.ready-badge{color:var(--green);background:#5bd8a20e;border:1px solid #5bd8a229;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:5px 7px;font:7px DM Mono,monospace;display:flex}.plan-scroll{flex:1;min-height:0;padding:14px 15px;overflow-y:auto}.field-label{color:#8d94a5;justify-content:space-between;margin:11px 1px 6px;font-size:9px;font-weight:600;display:flex}.field-label:first-child{margin-top:0}.field-label small{color:#535b6c;font:8px DM Mono,monospace}.field-input,.field-textarea,.parameter-grid input{color:#cbd0dc;border:1px solid var(--line);background:#05070c59;border-radius:9px;outline:0;width:100%;font-size:9px;transition:all .18s}.field-input{height:36px;padding:0 10px}.field-textarea{resize:vertical;min-height:76px;padding:9px 10px;font:8px/1.65 DM Mono,monospace}.field-textarea.positive{min-height:128px}.field-input:focus,.field-textarea:focus,.parameter-grid input:focus{border-color:#9e7cff61}.source-upload{background:#54d9e809;border:1px dashed #54d9e83d;border-radius:12px;margin-bottom:14px;transition:all .18s;overflow:hidden}.source-upload:hover{background:#54d9e80e;border-color:#54d9e86b}.source-upload.has-image{border-style:solid}.source-empty{gap:11px;min-height:150px;padding:13px;display:grid}.source-empty-copy{align-items:center;gap:10px;display:flex}.source-empty-copy>span{width:38px;height:38px;color:var(--cyan);background:#54d9e817;border-radius:11px;flex:none;place-items:center;display:grid}.source-empty-copy strong,.source-empty-copy small{display:block}.source-empty-copy strong{color:#bbc3d0;font-size:9px}.source-empty-copy small{color:#596273;margin-top:4px;font-size:7px}.source-choice-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.source-choice-grid button{color:#8993a5;border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff06;border-radius:9px;align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px 9px;transition:all .18s;display:flex}.source-choice-grid button:hover:not(:disabled){color:#d9deea;background:#54d9e80e;border-color:#54d9e840}.source-choice-grid button>svg{color:var(--cyan);flex:none}.source-choice-grid button span{min-width:0}.source-choice-grid button strong,.source-choice-grid button small{display:block}.source-choice-grid button strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.source-choice-grid button small{color:#596273;margin-top:4px;font-size:6px}.source-choice-grid button:disabled{cursor:wait;opacity:.55}.source-preview{grid-template-columns:112px minmax(0,1fr);min-height:112px;display:grid}.source-preview>img{object-fit:cover;width:112px;height:112px}.source-preview>div{flex-direction:column;align-items:flex-start;min-width:0;padding:11px;display:flex}.source-preview span{color:var(--green);align-items:center;gap:5px;font-size:7px;display:flex}.source-preview strong{color:#b9bfcc;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:8px;font-size:8px;overflow:hidden}.source-preview>div>div{gap:5px;margin-top:auto;display:flex}.source-preview button{color:#7f899a;border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff06;border-radius:7px;align-items:center;gap:4px;min-height:27px;padding:0 7px;font-size:6px;display:inline-flex}.source-preview button:hover{color:#d4d8e2;border-color:#54d9e838}.source-preview button:disabled{opacity:.45}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ratio-grid button{color:#6e7688;border:1px solid var(--line);cursor:pointer;background:#ffffff05;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:56px;padding:7px 5px;display:flex}.ratio-grid button.active{color:#d9d2ee;background:#9e7cff14;border-color:#9e7cff4d}.ratio-grid button>span{text-align:left;gap:2px;font-size:8px;display:grid}.ratio-grid small{color:#575f70;font:7px DM Mono,monospace}.ratio-shape{opacity:.8;border:1px solid;border-radius:2px;display:block}.ratio-23{width:11px;height:16px}.ratio-11{width:14px;height:14px}.ratio-32{width:17px;height:11px}.parameter-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px;display:grid}.parameter-grid.edit-parameters{grid-template-columns:minmax(100px,.5fr)}.parameter-grid label span{color:#737b8c;margin-bottom:5px;font-size:8px;display:block}.parameter-grid input{height:33px;padding:0 7px}.parameter-grid small{color:#4c5464;margin-top:4px;font-size:6px;display:block}.edit-workflow-note{color:#687385;background:#54d9e806;border:1px solid #54d9e81a;border-radius:9px;align-items:flex-start;gap:7px;margin-top:13px;padding:9px 10px;font-size:7px;line-height:1.55;display:flex}.edit-workflow-note svg{color:var(--cyan);flex:none}.plan-action{border-top:1px solid var(--line);padding:12px 14px}.generate-button{color:#fff;background:linear-gradient(120deg,#9b78fb,#7353dc 64%,#5c43bd);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:11px;font-weight:700;display:flex;box-shadow:0 12px 30px #684acd33,inset 0 1px #ffffff2e}.generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #684acd4d}.generate-button span{color:#ded6fb;background:#0000002b;border-radius:5px;align-items:center;gap:3px;margin-left:5px;padding:4px 6px;font:6px DM Mono,monospace;display:inline-flex}.mobile-history-button{display:none}.metric-row{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:19px;display:grid}.metric-card{border:1px solid var(--line);background:#11141dbf;border-radius:15px;align-items:center;gap:13px;min-height:105px;padding:17px;display:flex}.metric-icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.metric-icon svg{width:20px}.metric-icon.green{color:var(--green);background:#5bd8a214}.metric-icon.violet{color:var(--violet);background:#9e7cff17}.metric-icon.cyan{color:var(--cyan);background:#54d9e814}.metric-icon.amber{color:var(--amber);background:#ffbe6814}.metric-card small{color:#737b8d;font-size:8px}.metric-card strong{letter-spacing:-.035em;margin-top:3px;font-size:20px;display:block}.metric-card p{color:#535b6b;margin:3px 0 0;font-size:7px}.node-toolbar,.gallery-toolbar{color:#9ca2b1;justify-content:space-between;align-items:center;height:40px;display:flex}.node-toolbar span,.gallery-toolbar span{align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.node-toolbar small,.gallery-toolbar small{color:#555d6d;font-size:8px}.node-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px;display:grid}.node-card{border:1px solid var(--line);background:linear-gradient(145deg,#141721e6,#0e1119db);border-radius:15px;min-height:260px;padding:16px;transition:all .2s;overflow:hidden}.node-card:hover{border-color:#9e7cff2e;transform:translateY(-2px);box-shadow:0 18px 45px #00000029}.node-card.disabled{opacity:.58;filter:saturate(.6)}.node-card-head{align-items:center;gap:10px;display:flex}.node-symbol{width:39px;height:39px;color:var(--violet-bright);background:#9e7cff17;border-radius:11px;place-items:center;display:grid}.node-card-head>div:nth-child(2){flex:1;min-width:0}.node-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.node-card-head span{color:#697184;align-items:center;gap:6px;margin-top:4px;font-size:8px;display:flex}.status-dot{background:#6a7282;border-radius:50%;width:6px;height:6px}.status-dot.online{background:var(--green);box-shadow:0 0 9px #5bd8a273}.status-dot.offline{background:var(--red)}.status-dot.unknown{background:var(--amber)}.switch{width:31px;height:18px;position:relative}.switch input{opacity:0;position:absolute}.switch i{cursor:pointer;background:#2b303e;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:#7b8291;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+i{background:#5bd8a23b}.switch input:checked+i:after{background:var(--green);left:16px;box-shadow:0 0 8px #5bd8a266}.node-url{color:#687082;border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#04060a4d;border-radius:8px;align-items:center;gap:7px;height:34px;margin:14px 0;padding:0 9px;font:8px DM Mono,monospace;display:flex;overflow:hidden}.node-stats{grid-template-columns:1.3fr .7fr .7fr;gap:7px;display:grid}.node-stats>div{background:#ffffff06;border-radius:9px;min-width:0;padding:9px}.node-stats span{color:#5e6677;font-size:7px;display:block}.node-stats strong{margin-top:4px;font-size:13px;display:block}.node-stats small{color:#535b6b;font:6px DM Mono,monospace}.mini-bar{background:#2a2f3b;border-radius:4px;height:2px;margin-top:6px;overflow:hidden}.mini-bar i{background:var(--violet);height:100%;display:block}.node-error{color:#d27d8b;white-space:nowrap;text-overflow:ellipsis;background:#ff6f830d;border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:7px 8px;font-size:7px;display:flex;overflow:hidden}.node-card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:39px;margin-top:12px;padding-top:10px;display:flex}.node-card-foot>span{color:#505868;font-size:7px}.node-card-foot>div{gap:1px;display:flex}.node-card.skeleton,.image-card.skeleton{background:linear-gradient(90deg,#12151e 25%,#191d28 50%,#12151e 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030408b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.node-editor{border:1px solid var(--line-strong);width:min(100%,570px);max-height:calc(100vh - 44px);box-shadow:var(--shadow);background:#12151f;border-radius:20px;overflow-y:auto}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:78px;padding:17px 19px;display:flex}.modal-head>div:nth-child(2){flex:1}.modal-head h2{margin:0;font-size:15px}.modal-head p{color:var(--muted);margin:4px 0 0;font-size:9px}.modal-fields{gap:13px;padding:19px;display:grid}.modal-fields label>span,.provider-fields label>span{color:#9299aa;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.modal-fields label span small,.provider-fields label span small{color:#5f6778;margin-left:5px;font-size:7px}.modal-fields input,.provider-fields input:not([type=range]),.provider-fields select{color:#d5d8e1;border:1px solid var(--line);background:#05070c61;border-radius:9px;outline:0;width:100%;height:39px;padding:0 11px;font-size:10px}.modal-fields input:focus,.provider-fields input:focus,.provider-fields select:focus{border-color:#9e7cff66}.modal-fields label>small{color:#505869;margin-top:4px;font-size:7px;display:block}.form-two{grid-template-columns:1fr 1fr;gap:11px;display:grid}.checkbox-row{border:1px solid var(--line);background:#ffffff05;border-radius:10px;align-items:center;gap:10px;min-height:50px;padding:9px 11px;display:flex}.checkbox-row input{width:15px;height:15px;accent-color:var(--violet)}.checkbox-row>span{margin:0!important}.checkbox-row strong{font-size:9px;display:block}.checkbox-row small{display:block;color:#596172!important;margin:3px 0 0!important}.node-editor>.form-error{margin:0 19px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 19px 18px;display:flex}.r2-picker-backdrop{z-index:120}.r2-picker{border:1px solid var(--line-strong);background:linear-gradient(145deg,#151925,#0f121b);border-radius:21px;flex-direction:column;width:min(100%,1040px);height:min(82vh,780px);display:flex;overflow:hidden;box-shadow:0 32px 110px #00000085}.r2-picker-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:78px;padding:16px 19px;display:flex}.r2-picker-head>div{flex:1;min-width:0}.r2-picker-head h2{margin:0;font-size:15px}.r2-picker-head p{color:var(--muted);margin:4px 0 0;font-size:9px}.r2-picker-toolbar{border-bottom:1px solid var(--line);background:#05070c33;align-items:center;gap:10px;min-height:62px;padding:11px 18px;display:flex}.r2-picker-toolbar label{color:#636c7e;border:1px solid var(--line);background:#04060b61;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:180px;max-width:480px;height:38px;padding:0 11px;display:flex}.r2-picker-toolbar label:focus-within{color:var(--cyan);border-color:#54d9e84d}.r2-picker-toolbar input{color:#d6dae4;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.r2-picker-toolbar>span{color:#5c6577;white-space:nowrap;font:8px DM Mono,monospace}.r2-picker-error{color:#ff9aa7;background:#ff6f830f;border:1px solid #ff6f832b;border-radius:10px;align-items:center;gap:7px;margin:12px 18px 0;padding:10px 12px;font-size:9px;display:flex}.r2-picker-grid{flex:1;grid-template-columns:repeat(4,minmax(150px,1fr));grid-auto-rows:384px;align-content:start;gap:11px;min-height:0;padding:16px 18px 20px;display:grid;overflow-y:auto}.r2-picker-card{color:#9098a9;border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff05;border-radius:13px;grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;padding:0;transition:all .18s;display:grid;overflow:hidden}.r2-picker-card:hover{color:#dce0e9;border-color:#54d9e840;transform:translateY(-2px)}.r2-picker-card.selected{border-color:#5bd8a27a;box-shadow:0 0 0 2px #5bd8a214}.r2-picker-card.skeleton{cursor:default;background:linear-gradient(90deg,#12151e 25%,#191d28 50%,#12151e 75%) 0 0/200% 100%;min-height:210px;animation:1.5s infinite shimmer}.r2-picker-image{background:radial-gradient(circle at 50% 35%,#202a39,#0b0d14 72%);place-items:center;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.r2-picker-image img,.r2-picker-image video{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.r2-picker-card:hover .r2-picker-image img,.r2-picker-card:hover .r2-picker-image video{transform:scale(1.025)}.r2-picker-image em{color:#d0f7fb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05090eb8;border:1px solid #ffffff1c;border-radius:6px;padding:4px 6px;font:6px DM Mono,monospace;position:absolute;top:8px;left:8px}.r2-picker-image i{color:#072319;background:var(--green);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 5px 18px #5bd8a24d}.r2-picker-info{min-width:0;min-height:52px;padding:9px 10px;display:block}.r2-picker-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.r2-picker-info small{color:#555e70;margin-top:5px;font-size:7px;display:block}.r2-picker-empty{color:#596274;text-align:center;grid-column:1/-1;place-content:center;justify-items:center;gap:8px;min-height:280px;display:grid}.r2-picker-empty strong{color:#9aa1b0;font-size:11px}.r2-picker-empty span{font-size:8px}.gallery-summary{align-items:center;gap:13px;min-height:86px;margin-bottom:17px;padding:14px 16px;display:flex}.r2-logo{width:48px;height:48px;color:var(--cyan);background:#54d9e814;border-radius:13px;place-items:center;display:grid}.gallery-summary>div:nth-child(2){min-width:190px}.gallery-summary span{color:#747c8e;font-size:8px;display:block}.gallery-summary strong{margin:3px 0;font-size:11px;display:block}.gallery-summary small{color:#505869;font:7px DM Mono,monospace}.import-box{flex:1;justify-content:flex-end;gap:7px;display:flex}.import-box input{color:#cad0db;border:1px solid var(--line);background:#05070c5c;border-radius:9px;outline:0;width:min(100%,480px);height:36px;padding:0 11px;font-size:9px}.import-box input:focus{border-color:#54d9e84d}.image-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.image-card{border:1px solid var(--line);background:#11141dd1;border-radius:14px;min-width:0;transition:all .2s;overflow:hidden}.image-card:hover{border-color:#9e7cff33;transform:translateY(-2px);box-shadow:0 18px 48px #0000002e}.image-preview{aspect-ratio:1;cursor:zoom-in;background:#0e1017;border:0;width:100%;padding:0;position:relative;overflow:hidden}.image-preview img,.image-preview video{object-fit:cover;width:100%;height:100%;transition:transform .35s}.image-card:hover .image-preview img,.image-card:hover .image-preview video{transform:scale(1.025)}.r2-corner{color:#bff5fa;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080c11b3;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font:7px DM Mono,monospace;display:flex;position:absolute;top:9px;right:9px}.image-info{justify-content:space-between;align-items:center;gap:7px;min-height:56px;padding:9px 10px;display:flex}.image-info>div:first-child{min-width:0}.image-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.image-info small{color:#565e6f;margin-top:4px;font-size:7px;display:block}.image-info>div:last-child{display:flex}.lightbox{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020306e0;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.lightbox-close{color:#fff;border:1px solid var(--line-strong);cursor:pointer;background:#ffffff0d;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:22px;right:24px}.lightbox-content{border:1px solid var(--line-strong);max-width:min(92vw,1000px);max-height:90vh;box-shadow:var(--shadow);background:#11141d;border-radius:18px;overflow:hidden}.lightbox-content>img,.lightbox-content>video{object-fit:contain;max-height:calc(90vh - 67px);margin:0 auto}.lightbox-content>video{background:#050609;max-width:min(92vw,1000px)}.lightbox-content>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:11px 14px;display:flex}.lightbox-content strong{font-size:10px;display:block}.lightbox-content span{color:#697183;margin-top:3px;font-size:8px;display:block}.filter-tabs{gap:4px;margin-bottom:12px;display:flex;overflow-x:auto}.filter-tabs button{color:#747c8d;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;min-height:35px;padding:0 12px;font-size:9px;display:flex}.filter-tabs button span{background:#ffffff0a;border-radius:5px;padding:2px 5px;font:7px DM Mono,monospace}.filter-tabs button.active{color:#ded9ef;background:#9e7cff14;border-color:#9e7cff29}.job-list{overflow:hidden}.job-table-head,.job-row{grid-template-columns:minmax(280px,2fr) minmax(130px,.8fr) 100px 90px 38px;align-items:center;gap:12px;display:grid}.job-table-head{color:#545c6d;border-bottom:1px solid var(--line);min-height:43px;padding:0 17px;font-size:8px}.job-row{border-bottom:1px solid var(--line);min-height:72px;padding:11px 17px;position:relative}.job-row:last-child{border-bottom:0}.job-row:hover{background:#ffffff04}.job-main{align-items:center;gap:10px;min-width:0;display:flex}.job-main>div{min-width:0}.job-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.job-main small{color:#596172;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font:7px DM Mono,monospace;display:block;overflow:hidden}.workflow-inline-badge{color:var(--cyan);vertical-align:1px;background:#54d9e812;border-radius:5px;margin-left:6px;padding:3px 5px;font:6px DM Mono,monospace}.job-status-icon{color:#737b8d;background:#ffffff09;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.job-status-icon.completed{color:var(--green);background:#5bd8a212}.job-status-icon.failed{color:var(--red);background:#ff6f8312}.job-status-icon.running{color:var(--violet);background:#9e7cff14}.job-node{color:#727a8b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:8px;display:flex;overflow:hidden}.status-chip{color:#737b8b;background:#ffffff0a;border-radius:6px;padding:5px 7px;font-size:7px;display:inline-flex}.status-chip.completed{color:var(--green);background:#5bd8a212}.status-chip.running{color:var(--violet-bright);background:#9e7cff17}.status-chip.failed{color:var(--red);background:#ff6f8314}.status-chip.queued{color:var(--amber);background:#ffbe6812}.row-progress{color:#5a6273;margin-left:5px;font:7px DM Mono,monospace}.job-time{color:#596172;font-size:8px}.job-links{text-align:right}.job-row-error{color:#b66a76;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin:-3px 40px 0;font-size:7px;overflow:hidden}.list-loading{color:#697182;justify-content:center;align-items:center;gap:9px;min-height:180px;font-size:10px;display:flex}.provider-layout{grid-template-columns:minmax(310px,.8fr) minmax(420px,1.2fr);gap:13px;display:grid}.config-state{color:var(--amber);background:#ffbe680d;border:1px solid #ffbe6826;border-radius:6px;margin-left:auto;padding:5px 7px;font:7px DM Mono,monospace}.config-state.ready{color:var(--green);background:#5bd8a20d;border-color:#5bd8a229}.provider-fields{gap:15px;padding:17px;display:grid}.input-with-icon{color:#61697b;border:1px solid var(--line);background:#05070c59;border-radius:9px;align-items:center;gap:7px;padding-left:10px;display:flex}.input-with-icon:focus-within{color:var(--violet);border-color:#9e7cff66}.input-with-icon input{flex:1;min-width:0;background:0 0!important;border:0!important;padding-left:2px!important}.input-with-icon button{color:#697182;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.provider-fields label>small{color:#51596a;margin-top:5px;font-size:7px;display:block}.clear-key{color:#a96773;cursor:pointer;background:0 0;border:0;margin-top:5px;padding:0;font-size:7px}.provider-fields label>span strong{float:right;color:var(--violet-bright);font:8px DM Mono,monospace}.range-input{width:100%;height:4px;accent-color:var(--violet)}.range-labels{color:#505869;justify-content:space-between;margin-top:6px;font-size:7px;display:flex}.system-prompt-card{flex-direction:column;display:flex}.char-count{color:#596172;margin-left:auto;font:7px DM Mono,monospace}.workflow-prompt-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 16px 0;display:grid}.workflow-prompt-tabs button{color:#737b8d;border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff05;border-radius:10px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:7px;min-width:0;min-height:53px;padding:8px 9px;transition:all .18s;display:grid}.workflow-prompt-tabs button:hover{color:#bbc1cf;border-color:#9e7cff33}.workflow-prompt-tabs button.active{color:#e8e3f7;background:#9e7cff14;border-color:#9e7cff4d}.workflow-prompt-tabs button>span{width:28px;height:28px;color:var(--violet-bright);background:#9e7cff14;border-radius:8px;place-items:center;display:grid}.workflow-prompt-tabs button>div{gap:3px;min-width:0;display:grid}.workflow-prompt-tabs small{color:#5c6476;letter-spacing:.07em;font:6px DM Mono,monospace}.workflow-prompt-tabs strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.workflow-prompt-tabs button>svg{color:var(--green)}.system-prompt-card>textarea{resize:vertical;color:#c9cdd7;border:1px solid var(--line);background:#05070c5c;border-radius:11px;outline:0;flex:1;min-height:320px;margin:12px 16px 16px;padding:14px;font:9px/1.75 DM Mono,monospace}.system-prompt-card>textarea:focus{border-color:#9e7cff5c}.prompt-presets{flex-wrap:wrap;align-items:center;gap:6px;padding:0 16px 16px;display:flex}.prompt-presets>span{color:#596172;margin-right:4px;font-size:8px}.prompt-presets button{color:#8a829f;cursor:pointer;background:#9e7cff0b;border:1px solid #9e7cff21;border-radius:7px;padding:6px 8px;font-size:7px}.prompt-presets button:hover{color:#dcd4f5;background:#9e7cff17}.security-note{color:#6f7788;align-items:flex-start;gap:10px;margin-top:13px;padding:14px 16px;display:flex}.security-note>svg{color:var(--green);margin-top:2px}.security-note strong{color:#aeb3c0;font-size:9px}.security-note p{margin:4px 0 0;font-size:8px;line-height:1.6}.security-note code{color:var(--cyan);font:7px DM Mono,monospace}.api-hero{align-items:center;gap:14px;min-height:92px;margin-bottom:14px;padding:16px 18px;display:flex}.api-glyph{width:50px;height:50px;color:var(--violet-bright);background:#9e7cff1a;border-radius:14px;place-items:center;display:grid}.api-hero>div:nth-child(2){flex:1;min-width:0}.api-hero span{color:#5d6577;letter-spacing:.12em;font:7px DM Mono,monospace}.api-hero strong{color:#d6d1e9;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font:13px DM Mono,monospace;display:block;overflow:hidden}.api-hero p{color:#5f6778;margin:0;font-size:8px}.api-layout{grid-template-columns:minmax(450px,1.5fr) minmax(280px,.7fr);gap:13px;display:grid}.code-card{overflow:hidden}.code-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:50px;padding:0 14px;display:flex}.code-head>span{color:#939aaa;align-items:center;gap:8px;font:9px DM Mono,monospace;display:flex}.code-head i{border-radius:5px;padding:4px 6px;font:7px DM Mono,monospace}.code-head i.post{color:var(--green);background:#5bd8a214}.code-head button{color:#6b7384;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}.code-card pre{color:#aeb6c7;background:#05070c66;min-height:410px;margin:0;padding:22px;font:10px/1.85 DM Mono,monospace;overflow:auto}.code-card code{font:inherit}.param-list{padding:5px 16px 15px}.param-list>div{border-bottom:1px solid var(--line);padding:12px 1px}.param-list>div:last-child{border-bottom:0}.param-list code{color:var(--violet-bright);font:9px DM Mono,monospace}.param-list span{float:right;color:#5d6576;font-size:7px}.param-list p{color:#6c7486;margin:5px 0 0;font-size:8px;line-height:1.45}.api-flow{grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;margin-top:14px;display:grid}.api-flow>div{border:1px solid var(--line);background:#11141db8;border-radius:13px;grid-template-rows:1fr 1fr;grid-template-columns:28px 1fr;align-items:center;min-height:92px;padding:13px;display:grid}.api-flow>div>span{color:#464e5f;grid-row:1/3;font:8px DM Mono,monospace}.api-flow svg{color:var(--violet)}.api-flow strong{font-size:9px}.api-flow small{color:#596172;grid-column:2;font-size:7px}.api-flow>i{background:linear-gradient(90deg, var(--line-strong), #9e7cff66, var(--line-strong));height:1px}.empty-state{color:#525a6b;text-align:center;place-content:center;justify-items:center;gap:8px;min-height:180px;display:grid}.empty-state.wide{border:1px dashed var(--line-strong);border-radius:15px;grid-column:1/-1;min-height:250px}.empty-state h3{color:#9299a8;margin:3px 0 0;font-size:12px}.empty-state p{margin:0 0 8px;font-size:9px}.mobile-menu-button,.mobile-close,.mobile-bottom-nav{display:none}@media (width<=1380px){.studio-layout{grid-template-columns:190px minmax(360px,1fr) 325px}.node-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}.image-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=1120px){.workflow-switcher-label{width:160px}.studio-layout{grid-template-columns:minmax(390px,1fr) 330px}.conversation-panel{z-index:75;width:255px;min-height:0;box-shadow:var(--shadow);display:none;position:fixed;top:78px;bottom:18px;left:18px}.conversation-panel.mobile-show{display:flex}.conversation-panel .mobile-close,.mobile-history-button{display:inline-grid}.metric-row{grid-template-columns:repeat(2,1fr)}.api-layout{grid-template-columns:1fr}.api-reference{display:block}}@media (width<=880px){.side-rail{width:255px;box-shadow:var(--shadow);transition:transform .25s;transform:translate(-105%)}.side-rail.mobile-open{transform:translate(0)}.rail-brand .mobile-close{margin-left:auto;display:inline-grid}.app-main{margin-left:0}.mobile-menu-button{display:inline-grid}.mobile-scrim{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008a;border:0;position:fixed;inset:0}.top-bar{height:58px;padding:0 14px}.top-context{margin-left:7px;margin-right:auto}.top-context small,.top-context i{display:none}.page-container{padding:22px 16px 82px}.page-title{min-height:auto;margin-bottom:20px}.page-title h1{font-size:26px}.workflow-switcher{display:block}.workflow-switcher-label{border-right:0;border-bottom:1px solid var(--line);width:auto;min-height:48px;margin-bottom:9px}.workflow-options{grid-template-columns:repeat(2,minmax(220px,1fr))}.studio-layout{grid-template-columns:1fr;height:auto;max-height:none}.chat-panel{height:min(720px,100dvh - 140px);min-height:560px}.plan-panel{height:auto;min-height:auto}.plan-scroll{max-height:none;overflow:visible}.field-textarea.positive{min-height:110px}.node-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.image-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.r2-picker-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.provider-layout{grid-template-columns:1fr}.system-prompt-card>textarea{min-height:320px}.job-table-head{display:none}.job-row{grid-template-columns:minmax(220px,1.5fr) 1fr 80px}.job-row>div:nth-child(4){display:none}.job-links{position:absolute;top:17px;right:10px}.job-row-error{grid-column:1/-1}.api-flow{grid-template-columns:1fr 15px 1fr;gap:0}.api-flow>div:nth-of-type(3),.api-flow>div:nth-of-type(4),.api-flow>i:nth-of-type(2),.api-flow>i:nth-of-type(3){margin-top:10px}.api-flow>div:nth-of-type(3){grid-column:1}.api-flow>div:nth-of-type(4){grid-column:3}.mobile-bottom-nav{height:calc(62px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);z-index:50;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0c12ed;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav button{color:#666e80;background:0 0;border:0;border-radius:9px;align-content:center;place-items:center;gap:3px;font-size:7px;display:grid}.mobile-bottom-nav button.active{color:var(--violet-bright);background:#9e7cff12}}@media (width<=620px){.login-page{padding:16px}.login-card{border-radius:23px;padding:26px 23px 24px}.login-copy{margin:46px 0 31px}.top-pill:first-child{display:none}.page-container{padding:19px 12px 82px}.page-title{display:block}.page-title h1{font-size:24px}.page-title p{max-width:95%}.page-actions{margin-top:15px;padding:0;overflow-x:auto}.studio-page .page-title{align-items:flex-start;display:flex}.studio-page .page-actions{margin-top:0}.workflow-switcher{padding:9px}.workflow-switcher-label{display:none}.workflow-options{grid-template-columns:1fr}.workflow-option{min-height:68px}.workflow-option em{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.studio-layout{gap:10px}.chat-panel{height:calc(100dvh - 205px);min-height:520px;max-height:720px}.chat-feed{padding:16px 12px}.chat-mode{display:none}.chat-welcome{margin:35px auto}.prompt-suggestions button{min-height:42px}.message-body{max-width:90%}.message-actions{opacity:1;transform:none}.message-editor>div>span{display:none}.message-generated-grid{gap:4px;padding:4px}.message-generated-grid.single button{aspect-ratio:1}.job-progress-card{margin-left:0}.job-result{grid-template-columns:96px 1fr}.job-result img{width:96px;height:96px}.composer-wrap{padding:8px}.composer-footer>span{display:none}.composer-footer{justify-content:flex-end}.plan-panel{min-height:auto}.parameter-grid{grid-template-columns:repeat(3,1fr)}.source-preview{grid-template-columns:96px minmax(0,1fr)}.source-preview>img{width:96px;height:112px}.source-preview>div>div{flex-wrap:wrap;width:100%}.source-choice-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr;gap:8px}.metric-card{gap:9px;min-height:91px;padding:12px}.metric-icon{width:35px;height:35px}.metric-card strong{font-size:16px}.metric-card p,.node-toolbar small,.gallery-toolbar small{display:none}.node-grid{grid-template-columns:1fr}.node-card{min-height:250px}.modal-backdrop{align-items:end;padding:10px}.node-editor{border-radius:20px 20px 12px 12px;max-height:92vh}.form-two{grid-template-columns:1fr 1fr}.r2-picker-backdrop{padding:0}.r2-picker{border-bottom:0;border-left:0;border-right:0;border-radius:20px 20px 0 0;width:100%;height:94vh}.r2-picker-head{min-height:70px;padding:13px 14px}.r2-picker-head p{display:none}.r2-picker-toolbar{gap:7px;padding:9px 12px}.r2-picker-toolbar>span{display:none}.r2-picker-toolbar .secondary-button{width:38px;padding:0;font-size:0}.r2-picker-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px;padding:12px}.r2-picker-info{min-height:49px;padding:8px}.gallery-summary{flex-wrap:wrap;align-items:flex-start}.gallery-summary>div:nth-child(2){flex:1;min-width:180px}.import-box{flex:1 0 100%;width:100%}.import-box input{width:100%}.image-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px}.image-info{min-height:53px;padding:8px}.image-info .icon-button.danger{display:none}.lightbox{padding:12px}.lightbox-close{top:13px;right:13px}.lightbox-content>div{align-items:flex-start}.lightbox-content>div>div{min-width:0}.lightbox-content strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-row{grid-template-columns:1fr 80px;gap:7px;min-height:94px}.job-node{grid-column:1;padding-left:40px}.job-row>div:nth-child(3){position:absolute;top:15px;right:48px}.job-links{top:10px}.job-row-error{margin-left:40px}.filter-tabs{padding-bottom:2px}.provider-layout{gap:10px}.system-prompt-card>textarea{min-height:360px;margin:12px}.prompt-presets{padding:0 12px 13px}.security-note{display:none}.api-hero{flex-wrap:wrap;align-items:flex-start}.api-hero>div:nth-child(2){width:calc(100% - 68px)}.api-hero .secondary-button{margin-left:64px}.api-layout{display:block}.api-reference{margin-top:10px}.code-card pre{min-height:360px;padding:15px;font-size:8px}.api-flow{grid-template-columns:1fr;gap:7px}.api-flow>i{width:1px;height:10px;margin:0 auto!important}.api-flow>div:nth-of-type(3),.api-flow>div:nth-of-type(4){grid-column:1;margin:0}.api-flow>div{min-height:72px}.r2-picker-grid{grid-auto-rows:292px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}