/* A compact before/after workspace, shared by the studio and the AI service page. */
@font-face { font-family:AISPrata; src:url('../assets/fonts/font-404aaca248db.woff') format('woff'); font-display:swap; }
@font-face { font-family:AISCormorant; src:url('../assets/fonts/font-e10428723aed.woff') format('woff'); font-display:swap; }
@font-face { font-family:AISCormorant; src:url('../assets/fonts/font-fb3c91ef8f36.woff') format('woff'); font-style:italic; font-display:swap; }
html.gifs-refined #root #ai.ais-ready,
html.gifs-refined #root[data-static] #ai { padding:0!important; max-width:none!important; background:#10251c!important; }
#ai.ais-ready::before,#ai.ais-ready::after { display:none!important; }
html.gifs-refined #root #ai.ais-ready .ai-studio,
.ai-studio { --ais-cream:#f1ebda; --ais-ink:#19382a; --ais-muted:#5e6a5d; --ais-line:#bcbda74d; color:var(--ais-cream); background:#10251c; font:16px/1.6 Arial,sans-serif; padding:clamp(36px,5vw,80px) clamp(20px,4.5vw,100px) 0; overflow:clip; }
.ai-studio *, .ai-studio *::before, .ai-studio *::after { box-sizing:border-box; }
.ai-studio :is(h1,h2,h3,p,blockquote,dl,dd) { margin:0; }
.ai-studio a { text-decoration:none; }
.ai-studio :is(button,a,summary) { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.ai-studio :is(button,a,summary):focus-visible { outline:3px solid #bc934f; outline-offset:5px; }
.ai-studio .ais-hero { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(32px,4vw,86px); max-width:1760px; margin:auto; align-items:center; }
.ai-studio .ais-intro { padding-block:16px; min-width:0; }
.ai-studio .ais-eyebrow { font:600 11px/1.5 Arial,sans-serif!important; letter-spacing:.11em; text-transform:uppercase; color:#cfbc94!important; margin-bottom:22px; }
.ai-studio .ais-eyebrow > span { margin-right:14px; color:#aa9d82; }
html.gifs-refined #root #ai.ais-ready h1,
.ai-studio h1 { font:400 clamp(42px,3.5vw,72px)/1.1 AISPrata,Georgia,serif!important; letter-spacing:-.055em!important; color:var(--ais-cream)!important; max-width:none!important; margin:0!important; overflow-wrap:normal!important; }
.ai-studio :is(h1,h2) em { color:#d5b788; font-family:AISCormorant,Georgia,serif; font-size:1.1em; font-weight:400; line-height:1; }
.ai-studio .ais-lead { margin-top:26px; max-width:39ch; font-size:18px!important; line-height:1.65!important; color:#d4d9c9!important; }
.ai-studio .ais-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:30px; }
.ai-studio .ais-primary { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 20px; min-height:56px; background:#dfc49a; color:#13261c; font:600 15px/1.5 Arial,sans-serif; border:1px solid #dfc49a; transition:background .15s; }
.ai-studio .ais-primary:hover { background:#f1dbb7; }
.ai-studio .ais-primary > span { font-size:22px; }
.ai-studio .ais-chat-link { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; color:#eddfc6; border-bottom:1px solid #d2c3a44d; font:15px/1.5 Arial,sans-serif; }
.ai-studio .ais-intro-note { margin-top:16px; color:#aebaa8; font-size:13px; }
.ai-studio .ais-example { min-width:0; color:var(--ais-ink); background:var(--ais-cream); border:1px solid #dfd9c9; padding:clamp(20px,2vw,34px); box-shadow:0 24px 80px #020d072a; }
.ai-studio .ais-example-head { display:flex; justify-content:space-between; align-items:start; gap:14px; }
.ai-studio .ais-example-head .ais-eyebrow { font-size:10px!important; color:#6d735e!important; margin-bottom:10px; }
.ai-studio .ais-example h2 { font:500 clamp(28px,2.2vw,38px)/1.1 AISCormorant,Georgia,serif!important; letter-spacing:-.025em!important; color:var(--ais-ink)!important; }
.ai-studio .ais-demo-mark { flex-shrink:0; border:1px solid #aab19d; padding:3px 8px; font:11px/1.5 Arial,sans-serif; color:#52634e; }
.ai-studio .ais-scenarios { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:24px 0; }
.ai-studio .ais-scenarios button { min-width:0; min-height:52px; padding:10px 8px; border:1px solid #a9b29d; background:transparent; color:#334b36; text-align:center; cursor:pointer; font:600 14px/1.4 Arial,sans-serif; transition:background .15s,color .15s; }
.ai-studio .ais-scenarios button > span { color:inherit; opacity:.65; margin-right:6px; font-size:10px; font-weight:400; }
.ai-studio .ais-scenarios button:hover { background:#e2dfce; }
.ai-studio .ais-scenarios button[aria-pressed=true] { color:#faf2dc; background:#244331; border-color:#244331; }
.ai-studio .ais-example-body { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:20px; min-height:364px; }
.ai-studio .ais-input, .ai-studio .ais-output { min-width:0; }
.ai-studio .ais-input { padding:4px 6px 0 0; }
.ai-studio .ais-panel-label { display:flex; align-items:center; gap:8px; font:600 11px/1.5 Arial,sans-serif; color:var(--ais-muted); margin-bottom:20px; }
.ai-studio .ais-dot { width:6px; height:6px; border-radius:50%; background:#9a6a63; }
.ai-studio .ais-input-title { font-size:13px; color:var(--ais-muted); margin-bottom:12px; }
.ai-studio .ais-input blockquote { border:0; padding:0; font:500 24px/1.36 AISCormorant,Georgia,serif; color:#4e3f35; }
.ai-studio .ais-input-note { border-top:1px solid var(--ais-line); padding-top:16px; margin-top:20px; font-size:12px; line-height:1.6; color:var(--ais-muted); }
.ai-studio .ais-output { border:1px solid #c0cbb6; border-top:3px solid #547250; background:#f9f7ed; padding:20px; }
.ai-studio .ais-output .ais-panel-label { color:#4b6849; margin-bottom:14px; }
.ai-studio .ais-check { display:grid; place-items:center; width:20px; height:20px; background:#e2ead7; border-radius:50%; }
.ai-studio .ais-output h3 { font:600 25px/1.15 AISCormorant,Georgia,serif; color:#243f2c; margin-bottom:18px; }
.ai-studio .ais-fields { display:grid; gap:10px; }
.ai-studio .ais-fields > div { display:grid; grid-template-columns:54px minmax(0,1fr); gap:12px; align-items:baseline; }
.ai-studio .ais-fields dt { font-size:11px; color:var(--ais-muted); }
.ai-studio .ais-fields dd { font:14px/1.5 Arial,sans-serif; color:#2f4732; }
.ai-studio .ais-fields dd.ais-missing { color:#8d5c3a; }
.ai-studio .ais-next-step { padding-top:14px; border-top:1px solid var(--ais-line); margin-top:18px; font-size:14px; line-height:1.5; color:#29452f; }
.ai-studio .ais-next-step > span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--ais-muted); margin-bottom:6px; }
.ai-studio .ais-letter { font:14px/1.6 Arial,sans-serif; color:#344a36; }
.ai-studio .ais-letter p + p { margin-top:14px; }
.ai-studio .ais-letter ul { padding-left:18px; margin:12px 0; }
.ai-studio .ais-letter li + li { margin-top:6px; }
.ai-studio .ais-review { font-size:12px; line-height:1.5; color:#66705e; margin-top:18px; border-top:1px solid var(--ais-line); padding-top:14px; }
.ai-studio .ais-review > span { margin-right:5px; }
.ai-studio .ais-source { margin-top:18px; border-top:1px solid var(--ais-line); }
.ai-studio .ais-source summary { display:flex; justify-content:space-between; gap:8px; align-items:center; min-height:48px; font:12px/1.4 Arial,sans-serif; color:#4b6949; cursor:pointer; list-style:none; }
.ai-studio .ais-source summary::-webkit-details-marker { display:none; }
.ai-studio .ais-source p { font-size:13px; line-height:1.6; color:#66705e; }
.ai-studio .ais-source[open] summary > span { transform:rotate(45deg); }
.ai-studio .ais-example-caption { color:var(--ais-muted); font-size:11px; line-height:1.6; margin-top:18px; }
.ai-studio .ais-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ai-studio .ais-connect { max-width:1760px; margin:64px auto 0; padding:48px 0; border-top:1px solid #b8c2a72a; border-bottom:1px solid #b8c2a72a; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:20px clamp(32px,4vw,86px); }
.ai-studio .ais-connect .ais-eyebrow { margin-bottom:16px; }
.ai-studio :is(.ais-connect,.ais-bottom) h2 { color:var(--ais-cream)!important; font:400 clamp(28px,2.5vw,43px)/1.18 AISPrata,Georgia,serif!important; letter-spacing:-.04em!important; }
.ai-studio .ais-connections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ai-studio .ais-connections > div > span { color:#bba47e; font-size:11px; }
.ai-studio .ais-connections p { font-size:14px; line-height:1.6; color:#bac7b5; margin-top:14px; }
.ai-studio .ais-connections strong { color:#efebd7; font-weight:500; display:block; margin-bottom:8px; }
.ai-studio .ais-connect-note { grid-column:2; font-size:12px; line-height:1.6; color:#94a28e; max-width:70ch; }
.ai-studio .ais-bottom { max-width:1760px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:50px 0 60px; }
.ai-studio .ais-bottom .ais-eyebrow { margin-bottom:14px; }
.ai-studio .ais-bottom p:not(.ais-eyebrow) { color:#bac7b5; font-size:15px; max-width:51ch; margin-top:20px; }
.ai-studio .ais-bottom .ais-primary { flex-shrink:0; }
body.seo-page.su-page.ais-service-page { background:#10251c; }
body.ais-service-page main.seo-wrap { width:100%; max-width:none; padding:0; }
.ais-service-faq { max-width:1760px; margin:auto; padding:0 clamp(20px,4.5vw,100px) 50px; color:#e3e7d7; }
.ais-service-faq h2 { font:400 30px/1.3 AISPrata,Georgia,serif; margin-bottom:22px; }
.ais-service-faq details { border-top:1px solid #b8c2a72a; }
.ais-service-faq summary { cursor:pointer; padding:20px 0; font:16px/1.5 Arial,sans-serif; }
.ais-service-faq p { max-width:75ch; font:16px/1.7 Arial,sans-serif; color:#bcc9b5; margin:0 0 24px; }
.ais-service-page .ais-service-faq { background:#10251c; }
.ais-service-page .ais-service-faq h2,.ais-service-page .ais-service-faq summary { color:#f1ebda; }
.ais-service-page .ais-service-faq p { color:#bcc9b5; }
.ais-service-page .ais-service-faq .seo-eyebrow,.ais-service-page .ais-service-faq a { color:#d5b788; }
.ais-service-page .ais-service-faq details { border-color:#b8c2a74d; }
.ai-studio h1 br { display:block!important; }
@media(min-width:2000px){
  .ai-studio .ais-hero { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
  .ai-studio .ais-lead { font-size:22px!important; }
  .ai-studio .ais-primary,.ai-studio .ais-chat-link { font-size:18px; }
  .ai-studio .ais-example { padding:36px; }
  .ai-studio .ais-example-body { min-height:410px; gap:28px; }
  .ai-studio .ais-scenarios button { font-size:17px; }
  .ai-studio .ais-input blockquote { font-size:29px; }
  .ai-studio .ais-fields dd,.ai-studio .ais-letter,.ai-studio .ais-next-step { font-size:16px; }
  .ai-studio .ais-fields dt { font-size:13px; }
  .ai-studio .ais-connections p { font-size:17px; }
}
@media(max-width:1150px){
  .ai-studio .ais-hero { grid-template-columns:1fr; gap:30px; }
  .ai-studio .ais-intro { max-width:850px; padding:0; }
  .ai-studio .ais-lead { max-width:52ch; }
  .ai-studio .ais-example-body { min-height:300px; }
  .ai-studio .ais-connect { grid-template-columns:1fr; gap:28px; margin-top:40px; padding:36px 0; }
  .ai-studio .ais-connect-note { grid-column:1; }
}
@media(max-width:620px){
  html.gifs-refined #root #ai.ais-ready .ai-studio,.ai-studio { padding:30px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left)); }
  .ai-studio .ais-hero { gap:16px; }
  .ai-studio .ais-intro { display:contents; }
  .ai-studio .ais-intro > .ais-eyebrow { grid-row:1; margin:0; }
  .ai-studio .ais-intro > h1 { grid-row:2; }
  .ai-studio .ais-intro > .ais-lead { grid-row:3; margin:0; }
  .ai-studio .ais-example { grid-row:4; margin-top:6px; }
  .ai-studio .ais-intro > .ais-actions { grid-row:5; margin-top:8px; }
  .ai-studio .ais-intro > .ais-intro-note { grid-row:6; margin:0; }
  .ai-studio .ais-eyebrow { font-size:11px!important; margin-bottom:17px; }
  html.gifs-refined #root #ai.ais-ready h1,.ai-studio h1 { font-size:clamp(32px,8.4vw,48px)!important; line-height:1.14!important; }
  .ai-studio .ais-lead { font-size:16px!important; line-height:1.6!important; margin-top:20px; }
  .ai-studio .ais-actions { display:grid; grid-template-columns:1fr; gap:4px; margin-top:22px; }
  .ai-studio .ais-primary { width:100%; min-height:52px; padding:12px 16px; font-size:15px; gap:12px; }
  .ai-studio .ais-chat-link { font-size:15px; min-height:48px; width:100%; }
  .ai-studio .ais-intro-note { font-size:12px; margin-top:12px; }
  .ai-studio .ais-example { padding:20px 14px; }
  .ai-studio .ais-demo-mark { font-size:10px; padding:2px 5px; }
  .ai-studio .ais-example h2 { font-size:31px!important; }
  .ai-studio .ais-example-head .ais-eyebrow { font-size:9px!important; letter-spacing:.06em; }
  .ai-studio .ais-scenarios { margin:20px 0; gap:5px; }
  .ai-studio .ais-scenarios button { font-size:13px; min-height:52px; padding:8px 4px; }
  .ai-studio .ais-scenarios button > span { display:none; }
  .ai-studio .ais-example-body { grid-template-columns:1fr; min-height:0; gap:22px; }
  .ai-studio .ais-panel-label { font-size:12px; margin-bottom:12px; }
  .ai-studio .ais-input-title { font-size:14px; margin-bottom:10px; }
  .ai-studio .ais-input blockquote { font-size:22px; }
  .ai-studio .ais-input-note { display:none; }
  .ai-studio .ais-output { padding:18px 15px; }
  .ai-studio .ais-output h3 { font-size:28px; margin-bottom:18px; }
  .ai-studio .ais-fields > div { grid-template-columns:56px minmax(0,1fr); gap:12px; }
  .ai-studio .ais-fields dt { font-size:12px; }
  .ai-studio .ais-fields dd,.ai-studio .ais-letter,.ai-studio .ais-next-step { font-size:16px; }
  .ai-studio .ais-review,.ai-studio .ais-source p { font-size:14px; }
  .ai-studio .ais-source summary { font-size:14px; }
  .ai-studio .ais-example-caption { font-size:12px; }
  .ai-studio .ais-connect { margin-top:32px; padding:30px 0; }
  .ai-studio :is(.ais-connect,.ais-bottom) h2 { font-size:clamp(27px,7.4vw,38px)!important; }
  .ai-studio .ais-connections { grid-template-columns:1fr; gap:22px; }
  .ai-studio .ais-connections > div { display:grid; grid-template-columns:22px minmax(0,1fr); gap:14px; }
  .ai-studio .ais-connections > div > span { font-size:12px; padding-top:2px; }
  .ai-studio .ais-connections p { font-size:16px; margin:0; }
  .ai-studio .ais-connect-note { font-size:13px; }
  .ai-studio .ais-bottom { display:grid; grid-template-columns:1fr; gap:24px; padding:32px 0 40px; }
  .ai-studio .ais-bottom p:not(.ais-eyebrow) { font-size:16px; margin-top:16px; }
}
@media(prefers-reduced-motion:reduce){.ai-studio * { transition:none!important; scroll-behavior:auto!important; }}
/* Live task workspace. All generated content stays inside this island. */
.ai-studio [hidden] { display:none!important; }
.ai-studio .ais-hero { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); max-width:1900px; gap:clamp(28px,3vw,70px); }
.ai-studio .ais-example-body { grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:320px; align-items:start; }
.ai-studio .ais-scenarios button { font-size:13px; }
.ai-studio .ais-task-form { min-width:0; display:flex; flex-direction:column; gap:12px; margin:0; }
.ai-studio .ais-task-form label { font:600 14px/1.5 Arial,sans-serif; color:#344d39; }
.ai-studio textarea { display:block; width:100%; height:220px; min-height:100px; max-height:400px; resize:vertical; border:1px solid #a3ae98; border-radius:0; padding:15px; background:#fffdf6; color:#263f2c; font:16px/1.6 Arial,sans-serif; }
.ai-studio textarea::placeholder { color:#77816d; opacity:1; }
.ai-studio textarea:focus { outline:2px solid #547250; outline-offset:2px; }
.ai-studio .ais-input-meta { display:flex; align-items:start; justify-content:space-between; gap:12px; color:#5e6a5d; font:11px/1.5 Arial,sans-serif; }
.ai-studio #ais-count { flex-shrink:0; font-variant-numeric:tabular-nums; }
.ai-studio .ais-form-actions { display:flex; flex-wrap:wrap; gap:6px; }
.ai-studio :is(.ais-submit,.ais-cancel,.ais-copy,.ais-retry) { border:1px solid #a3ae98; border-radius:0; min-height:44px; padding:9px 12px; background:transparent; color:#244331; cursor:pointer; font:600 13px/1.5 Arial,sans-serif; }
.ai-studio .ais-submit { flex:1; min-height:52px; background:#244331; border-color:#244331; color:#fff8e6; font-size:15px; }
.ai-studio .ais-submit:enabled:hover { background:#365c42; }
.ai-studio button:disabled { cursor:default; opacity:.5; }
.ai-studio .ais-result-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; }
.ai-studio .ais-result-head h3 { margin:0; font-size:27px; }
.ai-studio .ais-copy { font-size:11px; min-height:44px; }
.ai-studio .ais-status { margin-top:12px; font:12px/1.5 Arial,sans-serif; color:#526a4b; }
.ai-studio .ais-empty { margin-top:26px; font:16px/1.7 Arial,sans-serif; color:#6d7963; max-width:32ch; }
.ai-studio .ais-output { min-height:320px; padding:18px; }
.ai-studio .ais-output[aria-busy=true] { border-top-color:#b08b4d; }
.ai-studio .ais-sent { margin-top:14px; border-block:1px solid #bcbda74d; }
.ai-studio .ais-sent summary { cursor:pointer; font:12px/1.5 Arial,sans-serif; min-height:44px; padding-block:12px; }
.ai-studio .ais-sent p { font:12px/1.6 Arial,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; max-height:150px; overflow:auto; margin-bottom:14px; }
.ai-studio .ais-result-text { white-space:pre-wrap; overflow-wrap:anywhere; font:15px/1.7 Arial,sans-serif; color:#2f4732; margin-top:16px; max-height:320px; overflow:auto; scrollbar-gutter:stable; padding-right:6px; }
.ai-studio .ais-result-text:focus-visible { outline:2px solid #547250; outline-offset:4px; }
.ai-studio .ais-result-note { color:#69745f; font:11px/1.5 Arial,sans-serif; margin-top:16px; }
.ai-studio .ais-error { margin-top:18px; color:#804b31; font:14px/1.6 Arial,sans-serif; }
.ai-studio .ais-retry { margin-top:14px; }
@media(min-width:2000px){
 .ai-studio .ais-scenarios button,.ai-studio .ais-task-form label { font-size:17px; }
 .ai-studio textarea,.ai-studio .ais-result-text { font-size:18px; }
 .ai-studio textarea { height:260px; }
 .ai-studio .ais-output { min-height:380px; }
 .ai-studio .ais-input-meta,.ai-studio .ais-status { font-size:13px; }
}
@media(max-width:1150px){ .ai-studio .ais-hero { grid-template-columns:1fr; } }
@media(max-width:620px){
 .ai-studio .ais-example-body { grid-template-columns:1fr; gap:20px; }
 .ai-studio .ais-scenarios { margin:18px 0; }
 .ai-studio .ais-scenarios button { font-size:12px; min-height:52px; }
 .ai-studio .ais-example-head { gap:8px; }
 .ai-studio .ais-example h2 { font-size:29px!important; }
 .ai-studio .ais-task-form { gap:10px; }
 .ai-studio textarea { height:160px; max-height:260px; padding:12px; }
 .ai-studio .ais-output { min-height:200px; padding:16px; }
 .ai-studio .ais-result-text { font-size:16px; max-height:none; overflow:visible; padding:0; }
 .ai-studio .ais-input-meta { font-size:11px; }
 .ai-studio .ais-form-actions { padding-bottom:env(safe-area-inset-bottom); }
}
@media(max-width:900px) and (max-height:500px){
 .ai-studio textarea { height:100px; min-height:80px; }
 .ai-studio .ais-task-form { gap:8px; }
 .ai-studio .ais-input-meta p { display:none; }
}
/* Follow-up dialogue: current result above its refinement composer. */
.ai-studio .ais-head-actions { display:flex; flex-direction:column; align-items:flex-end; gap:10px; flex-shrink:0; }
.ai-studio .ais-new-task { border:1px solid #a3ae98; border-radius:0; background:transparent; color:#244331; cursor:pointer; min-height:44px; padding:8px 12px; font:600 12px/1.5 Arial,sans-serif; }
.ai-studio .ais-new-task:hover { background:#e2dfce; }
.ai-studio .ais-example-body { margin-top:22px; }
.ai-studio .ais-task-form { grid-column:1; grid-row:1; }
.ai-studio .ais-output { grid-column:2; grid-row:1; }
.ai-studio .ais-thread-context { grid-column:1; grid-row:1; min-width:0; }
.ai-studio .ais-thread-context .ais-panel-label { margin-bottom:12px; }
.ai-studio .ais-original-task { font:15px/1.7 Arial,sans-serif; color:#43523d; white-space:pre-wrap; overflow-wrap:anywhere; max-height:180px; overflow:auto; padding-right:6px; }
.ai-studio .ais-history { margin-top:20px; border-top:1px solid #bcbda780; }
.ai-studio .ais-history summary { cursor:pointer; min-height:48px; padding-block:14px; font:600 13px/1.5 Arial,sans-serif; color:#344d39; }
.ai-studio .ais-history-list { max-height:260px; overflow:auto; padding-right:8px; }
.ai-studio .ais-history-message { border-bottom:1px solid #bcbda74d; padding:14px 0; }
.ai-studio .ais-history-message:first-child { padding-top:0; }
.ai-studio .ais-history-message strong { display:block; font:600 11px/1.5 Arial,sans-serif; color:#667254; margin-bottom:6px; }
.ai-studio .ais-history-message p { font:14px/1.6 Arial,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; color:#344d39; }
.ai-studio .ais-persistence-note { color:#5e6a5d; font:11px/1.6 Arial,sans-serif; margin-top:6px; }
.ai-studio .ais-rate-limit { color:#804b31; font:13px/1.6 Arial,sans-serif; }
.ai-studio.ais-has-thread .ais-task-form { grid-column:1/-1; grid-row:2; border-top:1px solid #bcbda780; padding-top:18px; }
.ai-studio.ais-has-thread textarea { height:110px; min-height:88px; }
.ai-studio.ais-has-thread .ais-output { min-height:240px; }
.ai-studio.ais-has-thread .ais-result-text { max-height:240px; }
.ai-studio.ais-has-thread .ais-form-actions { justify-content:flex-end; }
.ai-studio.ais-has-thread .ais-submit { flex:0 1 auto; min-width:240px; }
.ai-studio :is(.ais-original-task,.ais-history-list):focus-visible { outline:2px solid #547250; outline-offset:3px; }
@media(min-width:2000px){
 .ai-studio .ais-original-task { font-size:17px; }
 .ai-studio .ais-history-message p { font-size:16px; }
 .ai-studio .ais-persistence-note { font-size:12px; }
}
@media(max-width:620px){
 .ai-studio .ais-head-actions { gap:6px; }
 .ai-studio .ais-new-task { padding:6px 8px; font-size:11px; }
 .ai-studio .ais-example-head { align-items:center; }
 .ai-studio .ais-example-body { margin-top:18px; }
 .ai-studio .ais-task-form { grid-column:1; grid-row:1; }
 .ai-studio .ais-output { grid-column:1; grid-row:2; }
 .ai-studio.ais-has-thread .ais-thread-context { grid-column:1; grid-row:1; }
 .ai-studio.ais-has-thread .ais-output { grid-column:1; grid-row:2; }
 .ai-studio.ais-has-thread .ais-task-form { grid-column:1; grid-row:3; }
 .ai-studio .ais-original-task,.ai-studio .ais-history-message p { font-size:16px; }
 .ai-studio .ais-original-task { max-height:140px; }
 .ai-studio.ais-has-thread .ais-result-text { max-height:300px; overflow:auto; padding-right:5px; }
 .ai-studio.ais-has-thread .ais-submit { flex:1; min-width:0; }
 .ai-studio .ais-persistence-note { font-size:12px; }
 .ai-studio .ais-history-list { max-height:300px; }
}
@media(max-width:900px) and (max-height:500px){
 .ai-studio.ais-has-thread textarea { height:88px; }
}