:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#101119;color:#eeeef7}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #353543;background:#242431;color:#eeeef7;padding:11px 16px;border-radius:10px}button:hover{background:#343145}button:disabled{opacity:.5}.primary{background:#783de0;border-color:#9d68ee}.primary:hover{background:#8b4fea}.layout{display:flex;min-height:100vh}aside{width:260px;background:#161620;border-right:1px solid #2d2d3a;padding:22px;display:flex;flex-direction:column;gap:12px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:20px}.brand img{width:46px;height:46px;object-fit:contain;border-radius:10px}h5,.eyebrow{font-size:11px;letter-spacing:2px;color:#b4a5d3;margin-top:28px}.project{text-align:left;border:0;background:transparent}.active{background:#2c2340}.sidefoot{margin-top:auto;display:grid;gap:12px;padding-top:50px}main{flex:1;min-width:0;display:flex;flex-direction:column}header{height:78px;border-bottom:1px solid #292936;padding:24px 36px;display:flex;justify-content:space-between;align-items:center}.badge{font-size:12px;border:1px solid #49405c;border-radius:20px;padding:6px 12px;color:#c8b0f1}.workspace{width:100%;max-width:950px;padding:54px 44px;margin:0 auto;flex:1}h1{font-size:36px;letter-spacing:-1px;margin:16px 0}.muted{color:#a4a2b7;line-height:1.6}.panel{background:#191923;border:1px solid #30303d;padding:24px;border-radius:16px;margin-top:28px}.panel h3{margin-top:0}textarea,input,select{width:100%;background:#11121a;border:1px solid #414151;border-radius:9px;color:#eeeef7;padding:13px;margin:8px 0 16px}textarea{min-height:120px;resize:vertical}label{display:block;font-size:14px}footer{font-size:12px;color:#aaa4bb;border-top:1px solid #292936;padding:18px 32px}.auth{max-width:430px;margin:8vh auto;padding:30px;background:#1b1b27;border:1px solid #363344;border-radius:18px}.auth img{width:84px;border-radius:15px}.auth h1{font-size:29px}.error{color:#ff9db4}.auth button{width:100%}dialog{background:#1b1b27;color:#eeeef7;border:1px solid #484153;border-radius:18px;width:min(540px,90vw);padding:28px}dialog::backdrop{background:#0009}.close{float:right}.user{padding:12px 0;border-bottom:1px solid #35323f;display:flex;gap:8px;align-items:center}.user span{flex:1}.user button{font-size:12px;padding:8px}@media(max-width:700px){aside{width:185px;padding:12px}.brand{font-size:16px}.workspace{padding:28px 20px}header{padding:16px}h1{font-size:27px}.badge{display:none}.auth{margin:5vh 18px}}
.history{display:grid;gap:18px;margin-bottom:24px}.message{padding:16px;background:#222230;border-radius:12px}.message.user{display:block;background:#2c2440}.message small{color:#c5afd9}.message pre,dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.message button{font-size:12px;padding:7px 12px}
@media(max-width:700px){.layout{flex-direction:column}aside{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid #2d2d3a;padding:14px}.brand{margin:0 auto 0 0}.brand img{width:36px;height:36px}aside h5{display:none}.sidefoot{margin:0;padding:8px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.sidefoot small{width:100%}.sidefoot button{font-size:12px;padding:8px 10px}.project{max-width:100%;overflow-wrap:anywhere}header{height:58px}.workspace{padding:24px 16px}.panel{padding:18px}dialog{max-height:90vh;overflow:auto}.user{flex-wrap:wrap}.user span{flex-basis:100%}footer{padding:16px}.auth{max-width:430px;margin:5vh auto}}@media(max-width:470px){.auth{margin:24px 14px;padding:24px}h1{font-size:25px}}
input[type=checkbox]{width:auto;margin-right:10px}article.message{margin:14px 0}article.message button{margin:8px 8px 0 0}
dialog pre{max-height:45vh;overflow:auto}dialog input[type=file]{max-width:100%}dialog form>div>button{margin:5px;max-width:100%;overflow-wrap:anywhere}
@media(min-width:701px){aside{position:sticky;top:0;height:100vh;align-self:flex-start;overflow:auto}}.workspace>button{margin:12px 8px 0 0}details.panel summary{cursor:pointer;font-weight:600}details.panel[open] summary{margin-bottom:18px}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.section-heading h5{margin:0}.section-add{padding:3px 10px;font-size:22px;background:transparent;border:0}.recent-chats{display:grid;gap:7px}.recent-chats .project{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.chat-home{max-width:900px;padding-top:10vh}.chat-home>h1{text-align:center;margin-bottom:30px}.standalone-chat{border:0;background:transparent;padding:0}.standalone-chat>h3{display:none}@media(max-width:700px){.section-heading{margin:0}.section-heading h5,.recent-chats h5{display:block}.recent-chats{width:100%;max-height:180px;overflow:auto}.chat-home{padding-top:35px}}
.chat-home.has-history{padding-top:28px}.chat-options{margin-top:16px}.chat-options summary{cursor:pointer}.chat-options[open]{padding:18px;border:1px solid #30303d;border-radius:12px}.chat-options>button{margin:8px 8px 8px 0}