:root{color:#eaf8f5;font-synthesis:none;background:#071311;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#17473d 0,#0000 35%),radial-gradient(circle at 0 90%,#172f3a 0,#0000 30%),#071311;min-width:320px;min-height:100vh;margin:0}.shell{width:min(1120px,100% - 32px);margin:auto;padding:48px 0 24px}header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}h1{letter-spacing:-.06em;margin:8px 0 2px;font-family:Segoe UI,Arial,sans-serif;font-size:max(2.2rem,min(5vw,4.2rem))}header p{color:#91aaa4;margin:0}.eyebrow{color:#82e8c6;text-transform:uppercase;letter-spacing:.08em;background:#12352e;border:1px solid #286b59;border-radius:100px;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-block}.language{background:#10201d;border:1px solid #263b37;border-radius:12px;padding:4px;display:flex}.language button{color:#78918b;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-weight:700}.language .active{color:#062119;background:#47d5a8}.layout{grid-template-columns:260px 1fr;gap:18px;display:grid}aside,.chat{background:#0d1d1ae0;border:1px solid #253d37;border-radius:22px;box-shadow:0 24px 70px #0007}aside{padding:20px}aside h2{color:#78918b;text-transform:uppercase;letter-spacing:.08em;margin:4px 4px 16px;font-size:.82rem}.agent{text-align:left;color:#bdd0cb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;display:flex}.agent:hover{background:#142824}.agent.selected{color:#fff;background:#18382f;border-color:#2a624f}.agent-icon{color:#78e3c0;background:#24483e;border-radius:10px;place-items:center;width:36px;height:36px;font-size:1.3rem;display:grid}.agent span:last-child{flex-direction:column;display:flex}.agent small{color:#769189;margin-top:3px}.chat{flex-direction:column;min-height:590px;padding:22px;display:flex}.messages{flex-direction:column;flex:1;gap:13px;padding:5px 4px 24px;display:flex;overflow:auto}.bubble{border-radius:17px;max-width:78%;padding:13px 16px;line-height:1.5}.bubble.bot{color:#d9e8e4;background:#172c28;border-bottom-left-radius:5px;align-self:flex-start}.bubble.user{color:#06241b;background:#4bd4a9;border-bottom-right-radius:5px;align-self:flex-end}.suggestions,.inline-suggestions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.inline-suggestions{margin-left:4px}.suggestions button,.inline-suggestions button{color:#9fc6bb;cursor:pointer;background:0 0;border:1px solid #31534a;border-radius:100px;padding:8px 12px}.suggestions button:hover,.inline-suggestions button:hover{color:#76e5c2;border-color:#4bd4a9}form{background:#0a1916;border:1px solid #2b4941;border-radius:16px;gap:9px;padding:7px;display:flex}input{color:#eafff9;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:10px}form button{color:#06241b;cursor:pointer;background:#4bd4a9;border:0;border-radius:11px;padding:0 18px;font-weight:700}form button span{margin-left:6px}footer{text-align:center;color:#57736c;margin-top:22px;font-size:.82rem}@media (max-width:720px){.shell{padding-top:24px}.layout{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr;gap:8px;display:grid}aside h2{grid-column:1/-1}.agent{margin:0}.chat{min-height:530px}header{align-items:center}.bubble{max-width:90%}}@media (max-width:480px){.agent small{display:none}form button{font-size:0}form button span{margin:0;font-size:1.2rem}.suggestions{flex-wrap:nowrap;padding-bottom:4px;overflow:auto}.suggestions button{white-space:nowrap}}.chat-tools{color:#78e3c0;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #203a34;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px 14px;font-size:.82rem;font-weight:700;display:flex}.chat-tools button{color:#89a49d;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:1px solid #31534a;border-radius:9px;padding:7px 10px}.chat-tools button:hover{color:#eaf8f5;border-color:#4bd4a9}.editor-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020b09d9;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.editor{background:#0d1d1a;border:1px solid #31534a;border-radius:20px;width:min(760px,100%);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #000}.editor-head,.editor-actions,.editor-io,.editor-list article{align-items:center;gap:9px;display:flex}.editor-head{justify-content:space-between;margin-bottom:18px}.editor-head h2{margin:0}.editor button,.editor-io label{color:#b8d0c9;cursor:pointer;background:#172c28;border:1px solid #31534a;border-radius:9px;padding:8px 11px}.editor-form{background:0 0;border:0;grid-template-columns:1fr 180px;gap:10px;padding:0;display:grid}.editor-form input,.editor-form select,.editor-form textarea{color:#eafff9;width:100%;font:inherit;background:#091613;border:1px solid #29463e;border-radius:10px;outline:0;padding:11px}.editor-form textarea{resize:vertical;grid-column:1/-1;min-height:72px}.editor-form input:nth-of-type(2),.editor-form input:nth-of-type(3),.editor-actions,.editor-error{grid-column:1/-1}.editor-actions button:first-child{color:#06241b;background:#4bd4a9}.editor-error{color:#ff9c91;margin:0}.editor-io{margin:18px 0}.editor-io input{display:none}.editor-list{gap:8px;display:grid}.editor-list article{background:#112622;border-radius:10px;padding:10px}.editor-list article span{flex-direction:column;flex:1;min-width:0;display:flex}.editor-list small{color:#78918b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:560px){.editor-form{grid-template-columns:1fr}.editor-form>*{grid-column:1!important}.editor-list article{flex-wrap:wrap;align-items:flex-start}.editor-list article span{flex-basis:100%}}label:focus-within{outline-offset:3px;outline:3px solid #8ff0d1}button:focus-visible{outline-offset:3px;outline:3px solid #8ff0d1}input:focus-visible{outline-offset:3px;outline:3px solid #8ff0d1}select:focus-visible{outline-offset:3px;outline:3px solid #8ff0d1}textarea:focus-visible{outline-offset:3px;outline:3px solid #8ff0d1}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}footer a{color:#78a99c}footer a:hover{color:#8ff0d1}.agent-manager{background:#0a1714;border:1px solid #27443c;border-radius:14px;margin-bottom:20px;padding:16px}.agent-manager h3{color:#8ff0d1;margin:0 0 12px;font-size:1rem}.agent-manager form{background:0 0;border:0;grid-template-columns:repeat(2,1fr);gap:8px;padding:0;display:grid}.agent-manager input{color:#eafff9;width:100%;font:inherit;background:#091613;border:1px solid #29463e;border-radius:9px;outline:0;padding:9px}.agent-manager form>div,.agent-manager .editor-error{grid-column:1/-1}.agent-manager-list{gap:7px;margin-top:12px;display:grid}.agent-manager-list article{background:#122722;border-radius:9px;align-items:center;gap:8px;padding:9px;display:flex}.agent-manager-list span{flex-direction:column;flex:1;min-width:0;display:flex}.agent-manager-list small{color:#78918b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:560px){.agent-manager form{grid-template-columns:1fr}.agent-manager form>*{grid-column:1!important}.agent-manager-list article{flex-wrap:wrap}.agent-manager-list span{flex-basis:100%}}