#backend [hidden]{display:none!important}
#backend{--desk-line:#ba9cdf30;--desk-muted:#b8b0cb;min-width:0}
#backend .backend-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:30px 28px;border:1px solid var(--desk-line);border-radius:26px;background:radial-gradient(ellipse at 95% 0,#7553b63a,transparent 62%),linear-gradient(130deg,#16182c,#101b2b);margin-bottom:22px}
.backend-hero h1{font-size:30px;line-height:1.45;margin:12px 0}.backend-hero p{font-size:16px;line-height:1.85;color:var(--desk-muted);margin:0;max-width:550px}
.backend-hero .studio-state{flex-shrink:0;padding:10px 13px;background:#091723aa;border-radius:30px;border:1px solid #72bda53a;font-size:14px;max-width:220px}
.backend-summary{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0 0 26px;color:var(--desk-muted);font-size:15px}.backend-summary b{color:#e7dbf8;font-size:24px;margin-right:7px;font-variant-numeric:tabular-nums}.backend-summary button{margin-left:auto}
#backend .backend-ai-card{padding:26px;border:1px solid #bea0e05c;border-radius:24px;background:linear-gradient(130deg,#36284988,#101b2ddd);margin-bottom:30px}
.backend-ai-card h2{font-size:24px;line-height:1.5;margin:8px 0}.backend-ai-card>p{font-size:16px;color:var(--desk-muted);line-height:1.8;margin:0 0 18px}
#backend .backend-plan-examples{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.backend-plan-examples button{font-size:15px;padding:9px 13px;min-height:44px;border-radius:12px;background:#ffffff06;border:1px solid var(--desk-line);color:#dcd0ef}
#backend textarea,#backend input,#backend select{font-size:16px;line-height:1.75;min-width:0;box-sizing:border-box}#backend textarea{background:#091222b3;color:#ece7f4;border:1px solid #a58bc242;border-radius:14px;padding:14px;resize:vertical}
#backend textarea::placeholder{color:#aaa1bc}#backend .backend-ai-card textarea{width:100%;margin:9px 0 16px}
#backend label{font-size:16px;line-height:1.75}.backend-ai-card .check-row{font-size:14px!important;color:var(--desk-muted);align-items:flex-start}.backend-ai-card input[type=checkbox]{width:20px;height:20px;margin-top:3px;accent-color:#c3a0e7;flex:0 0 auto}
#backend button{min-height:44px;white-space:normal}#backend button:disabled{opacity:.48;cursor:default}
.backend-plan-result{padding-top:22px;border-top:1px solid var(--desk-line);margin-top:20px}.backend-plan-heading h3{font-size:22px;margin:6px 0}.backend-plan-heading p,.backend-plan-result>p{font-size:16px;line-height:1.85;color:#c6b9d6}
.backend-plan-steps{list-style:none;padding:0;margin:22px 0;display:grid;gap:14px}.backend-plan-steps li{display:flex;gap:15px;background:#080f1d66;border:1px solid var(--desk-line);padding:20px;border-radius:18px}.backend-plan-index{font-size:17px;color:#c7a6ed;flex-shrink:0}.backend-plan-steps h4{font-size:18px;margin:0}.backend-plan-steps p{font-size:16px;line-height:1.8;color:#c6bbd4;margin:8px 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}
.backend-section-heading{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:26px 0 16px}.backend-section-heading h2{font-size:23px;margin:0}.backend-section-heading span{font-size:14px;color:var(--desk-muted)}
.backend-flows{display:grid;grid-template-columns:1fr 1fr;gap:16px}.backend-flow{padding:24px;border:1px solid var(--desk-line);border-radius:22px;background:linear-gradient(150deg,#1b1d3280,#101625);min-width:0}.backend-flow-tag{font-size:14px;color:#c4a5e7}.backend-flow h3{font-size:21px;line-height:1.5;margin:10px 0}.backend-flow>p{font-size:15px;line-height:1.8;color:var(--desk-muted);margin:0 0 17px}.backend-flow-tools{display:flex;flex-direction:column;gap:9px}.backend-flow-tools button{display:flex;gap:12px;align-items:center;text-align:left;background:#ffffff03;border:1px solid #bba2da20;border-radius:12px;padding:11px 12px;color:#e6daef;font-size:16px}.backend-flow-tools button span{font-size:13px;color:#ac8ed4}.backend-flow-tools button:hover{background:#a788d018;border-color:#bba2da60}
.backend-resume{display:grid;grid-template-columns:1fr 1fr;gap:12px}.backend-resume-card{display:grid;grid-template-columns:1fr auto;text-align:left;border:1px solid var(--desk-line);border-radius:16px;padding:18px;background:#b18bdd08;color:#eee2f7;gap:8px}.backend-resume-card b{font-size:17px}.backend-resume-card span{grid-row:2;font-size:14px;color:var(--desk-muted)}.backend-resume-card i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal}.backend-empty{font-size:16px;line-height:1.8;color:var(--desk-muted);grid-column:1/-1;margin:0}
.backend-flow-tools details{font-size:15px;color:#bdaaCF}.backend-flow-tools summary{cursor:pointer;min-height:44px;line-height:44px}.backend-flow-tools details>div{display:flex;flex-direction:column;gap:9px}
#backend .backend-tool-browser{border:1px solid var(--desk-line);border-radius:22px;padding:22px;margin:24px 0;background:#10192b}.backend-tool-browser>summary{font-size:19px;cursor:pointer;min-height:44px;line-height:1.65;color:#e1d6ed}.backend-tool-browser>summary small{font-size:14px;color:var(--desk-muted);margin-left:10px}.backend-tool-browser .search-label{margin-top:16px}.backend-tool-browser .tool-groups{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.backend-tool-browser .tool-choice{grid-template-columns:40px 1fr;padding:17px;border-radius:16px;min-width:0}.backend-tool-browser .tool-choice img{width:38px;height:38px;grid-row:1/3}.backend-tool-browser .tool-choice span{font-size:16px}.backend-tool-browser .tool-choice small{font-size:14px;line-height:1.65;grid-column:2;color:var(--desk-muted)}
.backend-workspace{margin:24px 0;scroll-margin-top:94px}.backend-workspace-head{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:18px}.backend-workspace-head h2{font-size:23px;line-height:1.5;margin:0}.backend-workspace-head span{display:block;font-size:14px;color:#bfa9d9;margin-bottom:6px}.backend-workspace-head button{flex-shrink:0}
#backend .studio-workspace{align-items:start;gap:20px}#backend .input-workspace{background:linear-gradient(150deg,#202136,#111b2b);border:1px solid var(--desk-line);padding:25px;border-radius:22px}#backend .input-workspace h2{font-size:23px}#backend .input-workspace .muted{font-size:16px;line-height:1.8}.backend-output-hint{background:#b291d40d;border:1px solid var(--desk-line);padding:13px 14px;border-radius:12px;margin:16px 0;font-size:15px;line-height:1.7;color:#ded0ee}
.backend-field-status{font-size:14px;color:#c2afd7;padding:0 0 15px}.backend-editor-steps{display:flex;gap:9px;margin:16px 0;color:#b8a4cc;font-size:14px}.backend-editor-steps span{padding:7px 10px;border:1px solid var(--desk-line);border-radius:9px}
#backend .result-placeholder{padding:30px 22px!important;border-radius:22px}#backend .result-placeholder h2{font-size:23px}#backend .result-placeholder p{font-size:16px;line-height:1.85}#backend .result-card{padding:25px;border-radius:22px}#backend .result-card h2{font-size:23px;line-height:1.5}#backend .result-section p{font-size:16px;line-height:1.9}#backend .result-section h3{font-size:19px}
#backend .result-bottom .handoff-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}#backend .source-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}#backend .backend-settings-row{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.backend-measure{border:1px solid var(--desk-line);border-radius:20px;padding:20px;margin:22px 0}.backend-measure>summary{cursor:pointer;font-size:18px;line-height:1.8}.backend-measure .panel{border:0;padding:18px 0;background:transparent}.backend-session-note{font-size:14px;line-height:1.8;color:#aca1bc;margin:24px 0}
@media(min-width:1100px){#backend .studio-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
@media(max-width:760px){#backend .backend-hero{display:block;padding:25px 21px}.backend-hero h1{font-size:27px}.backend-hero .studio-state{margin-top:18px;display:inline-flex}.backend-summary{gap:12px 18px}.backend-summary button{margin-left:0}.backend-flows,.backend-resume{grid-template-columns:1fr}.backend-flow{padding:22px}.backend-ai-card h2{font-size:22px}#backend .backend-ai-card{padding:23px 19px}.backend-tool-browser>summary small{display:block;margin:5px 0}#backend .tool-picker{grid-template-columns:1fr}#backend .studio-workspace{grid-template-columns:1fr}#backend .input-workspace,#backend .result-card{padding:23px 19px}.backend-workspace-head{align-items:flex-start}.backend-workspace-head button{max-width:110px}.backend-workspace-head h2{font-size:21px}.backend-plan-steps li{padding:17px 14px;gap:11px}.backend-settings-row button{flex:1 1 44%}}
@media(prefers-reduced-motion:reduce){#backend *{scroll-behavior:auto!important;transition:none!important}}
