:root{
  --brand:#420061;
  --brand-bright:#8d42b2;
  --brand-soft:#caa4dd;
  --bg:#100e16;
  --panel:#1b1723;
  --line:#342b42;
  --text:#f0edf6;
  --muted:#a59cb4;
  --accent:#eadcf0;
}
.message-prose{white-space:pre-wrap;line-height:1.8}.code-block{border:1px solid #493755;border-radius:12px;overflow:hidden;margin:14px 0;background:#100e17;min-width:0}.code-block header{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:#251c30;color:#cdb5dd;font-size:12px}.code-block header button{border:1px solid #655071;border-radius:6px;padding:5px 11px}.message .code-block pre{padding:18px;overflow:auto;white-space:pre;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.syntax-string{color:#a6d4b0}.syntax-keyword{color:#c8a1f5}.syntax-number{color:#edbc83}.syntax-comment{color:#90849b}.sidebar-toggle{padding:9px;border:1px solid #4b3959;border-radius:8px;margin-right:12px}.workspace.menu-hidden>.sidebar{display:none!important}.topbar>div:first-of-type{flex:1;min-width:0}.project-conversations{margin:0 0 12px 10px;border-left:1px solid #45314f;padding-left:8px}.project-conversations summary{cursor:pointer;color:#bca7cc;font-size:11px;padding:8px 0}.project-conversations .thread-row{display:flex}.project-conversations .thread-row>button:first-child{flex:1;min-width:0}.project-conversations .thread-delete{width:25px;padding:5px}.activity-list .code-block{max-width:100%}

body{background:#111014}
.sidebar{background:#121014;border-color:#2a2430}
.brand .mark{color:#d8b3ea;border-color:#77458e;box-shadow:0 0 18px #7d2fa22e}
.brand small{color:#c69ed8;border-color:#493650}
.new-chat{background:#211d24;border-color:#38303d}
.projects button.selected,.threads button.selected{background:#2a1d30;color:#dfc4eb}
.section-title,.breadcrumb,.composer-footer{color:#94849c}
.topbar{border-color:#29232d;background:#151318}
.local-badge{color:#c09dce;border-color:#44334c}.local-badge i{background:#bb78d8;box-shadow:0 0 8px #b454db}

.chat-scroll{position:relative;isolation:isolate;background:#17151a;transition:background .35s ease}

.welcome{max-width:900px;margin:8vh auto 35px;position:relative}
.greeting-wrap{display:flex;align-items:center;gap:18px;min-height:130px}
.greeting-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:#42006180;border:1px solid #a05abd66;color:#f0d9fa;font-size:26px;box-shadow:0 0 35px #7d2daa55,inset 0 0 18px #d388f322;animation:greeting-glow 4s ease-in-out infinite}
.welcome h1{font-size:clamp(34px,3.4vw,52px);letter-spacing:-1.8px;line-height:1.14;margin:0;text-shadow:0 2px 28px #09060c}
@keyframes greeting-glow{50%{box-shadow:0 0 48px #9f43c56b,inset 0 0 22px #dc92fa2b;transform:translateY(-2px)}}
.suggestions{margin-top:28px}
.suggestions button{background:#17131dbd;border-color:#60466c99;backdrop-filter:blur(12px);box-shadow:0 10px 32px #07050955;transition:transform .18s,border-color .18s,background .18s}
.suggestions button:hover{transform:translateY(-3px);border-color:#a166b8;background:#24172cde}
.suggestions button>span{color:#d7a7e9}.suggestions small{color:#9f94a4}

.composer-area{width:min(980px,100%)}
.composer{background:#211e23e8;border-color:#4c3c53;box-shadow:0 16px 45px #0705094d;backdrop-filter:blur(16px)}
.composer textarea{font-size:15px;padding:23px 22px 12px;line-height:1.65}
.composer.chat-mode textarea{padding-top:23px;padding-bottom:12px}
.composer:focus-within{border-color:#84529a;box-shadow:0 16px 45px #07050955,0 0 0 1px #420061}
.mode-switch{border-color:#44384a}.mode-switch .selected{color:#f0ddf7;background:#420061}
.effort-control{background:#242026;border-color:#493d4d}.effort-control:hover{background:#2c2430;border-color:#74527f}
.send{background:#f1e8f4;color:#420061;box-shadow:0 4px 16px #6a26853d}
.composer.ultracode{border-color:#a454c8;background:linear-gradient(115deg,#28222d,#351c42);box-shadow:0 0 30px #9b40c72e}

.quota-compact{display:flex;align-items:center;gap:8px;white-space:nowrap}
.quota-meter{width:58px;height:4px;background:#37303a;border-radius:10px;overflow:hidden}
.quota-meter i{display:block;width:0;height:100%;border-radius:inherit;background:#a557c5;box-shadow:0 0 8px #bd68df;transition:width .3s ease}

.meter-fill{background:#9d54ba}.primary{background:#eadcf0;color:#3c164a}.tag{border-color:#704982}.toast{background:#3a2145;border-color:#805298}
input:focus,textarea:focus,select:focus{border-color:#955bb0}.message.user{background:#211a26;border-color:#493752}.permission{background:#2a202f;border-color:#684b73}.stat{background:#211c24;border-color:#49384f}
.admin-view{background:#151218}.admin-header{border-color:#3d3043}.admin-card{background:#1f1922;border-color:#443449}#admin-nav .selected{background:#420061;color:#f2ddfb}
.settings-view{background:#151318}.settings-sidebar{background:#131015;border-color:#302635}.settings-sidebar nav button.selected{background:#35203f}.settings-card,.usage-card{background:#201c22;border-color:#403346}.usage-card b{color:#d9b4e9}.usage-meter{background:#39313d}.usage-meter span{background:#9d54ba}.settings-main .mcp-row{background:#201c22}
.connection-tile{background:#1f1a22;border-color:#413447}.connect-button{border-color:#714f80}

@media(max-width:700px){.welcome{margin-top:3vh}.greeting-wrap{align-items:flex-start;min-height:105px}.greeting-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}.welcome h1{font-size:31px;letter-spacing:-1px}.composer-area{width:100%}.quota-meter{width:38px}}
@media(prefers-reduced-motion:reduce){.chat-scroll.home-state::before,.chat-scroll.home-state::after,.greeting-icon{animation:none}}

/* PHERSEUS · Nebulosa — all artwork is rendered with CSS. */
:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-synthesis:none}
body{-webkit-font-smoothing:antialiased;background:var(--bg)}
button,input,textarea,select{letter-spacing:inherit}
button{transition:background .18s ease,border-color .18s ease,color .18s ease}
button:hover{filter:none}
::selection{background:#8b5cf655;color:#fff}
.ui-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}
.sidebar{background:#100e15;padding-top:28px}
.brand{font-weight:650;letter-spacing:2.1px}.brand .mark{background:linear-gradient(145deg,#392052,#17111f);border-color:#715091;color:#e1c5ff}
.brand-logo{display:block;width:148px;height:auto;object-fit:contain;filter:drop-shadow(0 0 12px #a96ce52b)}.auth-card .brand-logo{width:176px}
.new-chat{background:linear-gradient(110deg,#2e2040,#21192d);border-color:#513661;border-radius:11px;margin-top:32px;color:#e9d9fa}
.new-chat:hover{background:#38244a;border-color:#8962ae}
.sidebar-bottom{border-color:var(--line)}.sidebar-bottom button:hover,.projects button:hover,.threads button:hover{background:#211a2b;color:#eee4fa}
.avatar{background:#342044;color:#dfc4ff}.topbar{height:68px;min-height:68px;background:#120f19;border-color:#292033}
.topbar strong{font-weight:500}.local-badge{background:#24172d70}
.topbar-actions{display:flex;align-items:center;gap:10px}.preview-button{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #593d68;border-radius:20px;background:#291b347a;color:#d9bee7;font-size:10px}.preview-button:hover{background:#3b244b;border-color:#9165a7}
main{background:#100e16}.chat-scroll{background:#100e16;padding-top:28px}
.chat-scroll.home-state{background:#100e16;position:relative}
.cosmos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:strict;mask-image:linear-gradient(#000 65%,transparent 100%)}
.chat-scroll:not(.home-state) .cosmos{display:none}
.nebula{position:absolute;inset:-18%;opacity:.8;will-change:transform;transform-origin:center;animation:nebula-flow 32s ease-in-out infinite alternate;background:radial-gradient(ellipse at 57% 45%,#7736c34d,transparent 34%),radial-gradient(ellipse at 38% 58%,#5020a455,transparent 42%),radial-gradient(ellipse at 73% 30%,#5253dd30,transparent 34%);filter:blur(28px)}
.nebula-1{background:radial-gradient(ellipse at 68% 46%,#bf50952d,transparent 30%),radial-gradient(ellipse at 30% 28%,#294ba13d,transparent 35%),radial-gradient(ellipse at 45% 64%,#9450c43d,transparent 26%);animation-name:nebula-tide;animation-duration:41s;animation-delay:-17s;mix-blend-mode:screen}
.nebula-2{inset:0;background:radial-gradient(ellipse at 48% 42%,transparent 20%,#100e1680 70%),radial-gradient(ellipse at 55% 35%,#b480ed20,transparent 28%);animation-duration:26s;animation-delay:-9s;filter:blur(16px)}
@keyframes nebula-flow{from{transform:translate(-3%,-2%) rotate(-9deg) scale(1)}to{transform:translate(5%,4%) rotate(9deg) scale(1.16)}}
@keyframes nebula-tide{from{transform:translate(5%,-4%) rotate(8deg) scale(1.1)}to{transform:translate(-5%,5%) rotate(-12deg) scale(1.25)}}
.cosmic-star{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#eadeff;box-shadow:0 0 7px #bb9cfb80;opacity:.3;animation:cosmic-twinkle var(--duration) ease-in-out var(--delay) infinite}
@keyframes cosmic-twinkle{0%,100%{opacity:.12;transform:scale(.8)}50%{opacity:var(--brightness);transform:scale(1.15)}}
.meteor{position:absolute;top:12%;left:45%;width:130px;height:1px;background:linear-gradient(90deg,transparent,#c6b3ef80,#fff);opacity:0;transform:rotate(28deg);animation:meteor-flight 13s linear infinite;filter:drop-shadow(0 0 4px #baa0fb)}
.meteor-1{top:29%;left:12%;animation-delay:4.8s;animation-duration:19s;width:95px}.meteor-2{top:9%;left:72%;animation-delay:9s;animation-duration:23s;width:80px}
@keyframes meteor-flight{0%,88%{opacity:0;translate:-100px -53px}89%{opacity:.75}94%,100%{opacity:0;translate:240px 128px}}
.cosmos.paused *{animation-play-state:paused}
.welcome{max-width:860px;margin:7vh auto 40px}.eyebrow{color:#c1a7df;font-size:10px;font-weight:600;letter-spacing:3px;margin-bottom:22px}
.greeting-wrap{gap:20px;min-height:112px}.greeting-icon{width:54px;height:54px;flex-basis:54px;border-radius:17px;background:linear-gradient(145deg,#6a379b50,#28173690);border-color:#a977d64d}.greeting-icon .ui-icon{width:27px;height:27px}
.welcome h1{font-size:clamp(32px,3.6vw,49px);font-weight:500;letter-spacing:-1.8px;line-height:1.18;max-width:740px;text-wrap:balance}
.welcome .welcome-description{margin:18px 0 0 74px;color:#b9acc8;font-size:14px;letter-spacing:.1px}
.suggestions{gap:12px;margin-top:38px}.suggestions button{min-height:150px;padding:22px;border-radius:14px;background:linear-gradient(135deg,#30203f80,#17121fcc);border-color:#73518c52;box-shadow:0 8px 24px #08060d30;backdrop-filter:blur(18px)}
.suggestions button>span{margin-bottom:10px}.suggestions .ui-icon{width:22px;height:22px}.suggestions strong{font-size:13px;font-weight:550;letter-spacing:-.15px}.suggestions small{font-size:11px;line-height:1.6;color:#b4a6c1}
.composer-area{width:min(1000px,100%);padding-bottom:24px}.composer{border-radius:18px;background:linear-gradient(120deg,#241d2de8,#1b1723);border-color:#5c436e80;box-shadow:0 15px 48px #08060d66,0 0 34px #6b369210}
.composer:focus-within{border-color:#a77bd0;box-shadow:0 0 0 3px #8b5cf610,0 15px 48px #08060d66}
.composer textarea::placeholder{color:#a69ab3}.mode-switch button{display:flex;align-items:center;gap:6px}.mode-switch .ui-icon{width:14px;height:14px}.mode-switch .selected{background:#52316e}.send{background:linear-gradient(140deg,#d8bcfb,#ab7ade);color:#251335;border:1px solid #ddbcff80;width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.send:hover{background:#dfc4ff}
.effort-heading{color:#d8c9e5}.effort-heading #effort-position{color:#ae97be}.effort-control:focus-visible{outline:2px solid #caa4dd;outline-offset:3px}
.message pre{font:inherit}.message .role{color:#c6a2e3}.message.user .role{color:#af95c4}.run-status{color:#c3a5da}
.settings-sidebar nav button{display:flex;align-items:center;gap:10px}.settings-sidebar nav button:hover{background:#271d33}.settings-title h1,.admin-header h1{letter-spacing:-.9px;font-weight:550}.connection-icon{color:#caa4dd}.settings-value{color:#dbc5ed}
.auth{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#51267555,transparent 60%),#100e16}
.auth::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 24%,#100e161f 62%,#08060c99 100%)}
.auth-space{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:linear-gradient(145deg,#0c0912 0%,#130c1c 48%,#0b0911 100%)}
#auth-constellations{position:absolute;inset:-2%;width:104%;height:104%;opacity:.94;filter:saturate(1.12)}
.auth-nebula{position:absolute;width:68vw;height:68vw;min-width:620px;min-height:620px;border-radius:50%;filter:blur(60px);opacity:.42;mix-blend-mode:screen;will-change:transform}
.auth-nebula-left{left:-31vw;top:-38vw;background:radial-gradient(circle at center,#4936d65c 0,#4921912c 33%,transparent 70%);transform:translate(var(--space-x,0),var(--space-y,0));animation:auth-nebula-left 22s ease-in-out infinite alternate}
.auth-nebula-right{right:-29vw;bottom:-43vw;background:radial-gradient(circle at center,#bd3f9d42 0,#5c35dc2c 35%,transparent 70%);transform:translate(var(--space-x-reverse,0),var(--space-y-reverse,0));animation:auth-nebula-right 29s ease-in-out -8s infinite alternate}
.auth-wave{position:absolute;left:-18%;width:136%;height:34%;border-radius:50%;filter:blur(44px);mix-blend-mode:screen;opacity:.22;will-change:transform;background:radial-gradient(ellipse at center,transparent 43%,#8252e456 51%,#c356a822 58%,transparent 70%)}
.auth-wave-one{top:20%;transform:translate(var(--space-x,0),var(--space-y,0)) rotate(-8deg);animation:auth-wave-one 13s ease-in-out infinite alternate}
.auth-wave-two{top:42%;opacity:.16;transform:translate(var(--space-x-reverse,0),var(--space-y-reverse,0)) rotate(7deg);animation:auth-wave-two 17s ease-in-out -6s infinite alternate}
.auth-wave-three{top:60%;height:26%;opacity:.12;transform:translate(var(--space-x,0),var(--space-y-reverse,0)) rotate(-4deg);animation:auth-wave-three 19s ease-in-out -11s infinite alternate}
.auth-card{position:relative;z-index:1;overflow:hidden;background:linear-gradient(145deg,#211a29e8,#17131ddd);border-color:#80639259;box-shadow:0 34px 100px #03010599,0 0 0 1px #cf9ff00a,0 0 80px #6e279526;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.auth-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#d7b1ed66,transparent)}
.auth-card input{background:#141019b8;border-color:#5a4865}.auth-card input:focus{border-color:#aa73c4;box-shadow:0 0 0 3px #8d42b214}.auth-card .primary{box-shadow:0 8px 28px #752b9333;transition:transform .18s ease,box-shadow .18s ease}.auth-card .primary:hover{transform:translateY(-1px);box-shadow:0 11px 34px #8e37af4a}
@keyframes auth-nebula-left{to{margin-left:8vw;margin-top:6vw;scale:1.14;rotate:7deg}}
@keyframes auth-nebula-right{to{margin-right:7vw;margin-bottom:5vw;scale:1.18;rotate:-10deg}}
@keyframes auth-wave-one{to{margin-top:5vh;scale:1.08 .88;rotate:-4deg}}
@keyframes auth-wave-two{to{margin-top:-4vh;scale:.93 1.14;rotate:3deg}}
@keyframes auth-wave-three{to{margin-top:3vh;scale:1.1 .9;rotate:-8deg}}
@media(min-width:701px) and (max-height:800px){.welcome{margin-top:2vh;margin-bottom:20px}.greeting-wrap{min-height:96px}.suggestions{margin-top:25px}.suggestions button{min-height:125px;padding:17px}.welcome h1{font-size:40px}}
@media(max-width:700px){.welcome{margin-top:16px}.eyebrow{font-size:9px;letter-spacing:2px}.greeting-wrap{gap:12px;min-height:0}.greeting-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}.greeting-icon .ui-icon{width:22px;height:22px}.welcome h1{font-size:30px;letter-spacing:-1px}.welcome .welcome-description{margin:16px 0 0;font-size:12px}.suggestions{margin-top:24px}.suggestions button{min-height:0;padding:15px;column-gap:13px}.suggestions button>span{margin:0}.composer-area{padding:8px 12px 18px}.mode-switch button{gap:4px}.mode-switch .ui-icon{width:12px;height:12px}.nebula{filter:blur(18px)}.settings-sidebar{display:block;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}.settings-sidebar>button{margin:0}.settings-sidebar>input,.settings-sidebar>small{display:none}.settings-sidebar nav{display:flex;flex-wrap:wrap;gap:2px}.settings-sidebar nav button{font-size:11px;padding:8px}.settings-sidebar .ui-icon{width:14px;height:14px}.settings-view{grid-template-rows:auto minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.cosmos *,.greeting-icon,.auth-space *{animation:none!important;will-change:auto}.cosmic-star{opacity:.45}.meteor{display:none}.suggestions button:hover,.auth-card .primary:hover{transform:none}*,*::before,*::after{transition:none!important}}
#image-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #4b3a59;border-radius:9px;color:#baa4cc;flex:0 0 34px}#image-button:hover,#image-button.selected{background:#52316e;border-color:#936bb0;color:#f0ddff}#image-button.hidden{display:none}#image-button .ui-icon{width:16px;height:16px}
.preview-panel{width:min(56vw,780px);min-width:440px;display:flex;flex-direction:column;background:#0d0b11;border-left:1px solid #302638;box-shadow:-22px 0 60px #07050a66;position:relative;z-index:3}.preview-toolbar{height:56px;min-height:56px;padding:0 14px 0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29222f;background:#121017}.preview-title{display:flex;align-items:center;gap:9px;min-width:0}.preview-title strong{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-live{width:7px;height:7px;border-radius:50%;background:#9e5fc2;box-shadow:0 0 10px #b069d9}.preview-actions{display:flex;align-items:center;gap:3px}.preview-actions button{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#887d91;font-size:16px}.preview-actions button:hover,.preview-actions button.selected{background:#2c2133;color:#e4d4ed}.preview-actions #preview-close{font-size:21px;margin-left:3px}.preview-address{height:38px;min-height:38px;margin:10px 12px 0;border:1px solid #302838;border-radius:9px;background:#17131c;display:flex;align-items:center;gap:8px;padding:0 12px;color:#817688;font-size:10px;overflow:hidden}.preview-address span:first-child{font-size:7px;color:#7fbe8d}.preview-address span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-stage{min-height:0;flex:1;padding:12px;position:relative;display:flex;justify-content:center;background:radial-gradient(circle at 50% 35%,#27172f,#0d0b11 65%)}.preview-frame-wrap{width:100%;height:100%;overflow:hidden;border:1px solid #33283c;border-radius:12px;background:#fff;box-shadow:0 15px 50px #0008;opacity:0;transform:scale(.985);transition:opacity .2s,transform .2s,max-width .25s}.preview-frame-wrap.loaded{opacity:1;transform:scale(1)}.preview-frame-wrap iframe{width:100%;height:100%;display:block;border:0;background:#fff}.preview-stage.mobile .preview-frame-wrap{max-width:390px}.preview-empty{position:absolute;inset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #33283c;border-radius:12px;background:radial-gradient(circle at 50% 40%,#2b183577,#100d15 65%);padding:35px;color:#d7c9df}.preview-empty>span{font-size:27px;color:#c88dea;text-shadow:0 0 20px #9f4fc8;margin-bottom:17px}.preview-empty strong{font-size:15px;font-weight:550}.preview-empty p{max-width:330px;color:#877d8e;font-size:11px;line-height:1.7}.workspace.preview-active>main{min-width:360px}
@media(max-width:700px){.sidebar .brand-logo{width:48px}.sidebar .brand small{display:none}}
@media(max-width:900px){.preview-panel{position:fixed;inset:0 0 0 70px;width:auto;min-width:0}.preview-stage{padding:8px}.preview-empty{inset:8px}}

/* Project conversations share one quiet, indented hierarchy. */
.projects .project-group{margin:0 0 12px;min-width:0}
.projects .project-heading{display:flex;align-items:center;gap:10px;padding:9px 11px;font-size:12px;line-height:20px}
.projects .project-heading>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.projects .project-heading .ui-icon{width:18px;height:18px;color:#b9a8c5}
.projects .project-threads{margin-top:3px}
.projects .project-threads .thread-row{min-width:0;margin:2px 0}
.projects .project-threads .thread-row>button:first-child{padding:9px 34px 9px 39px;line-height:18px;border-radius:9px;font-size:12px;color:#aba1b5}
.projects .project-threads .thread-row>button.selected{background:#2a1d30;color:#e2cfef}
.projects .project-threads .thread-delete{display:grid;place-items:center;top:5px;height:26px}
.projects .thread-delete .ui-icon{width:14px;height:14px}
.project-heading:focus-visible,.thread-row button:focus-visible,.preview-actions button:focus-visible,.preview-button:focus-visible{outline:2px solid #aa78cc;outline-offset:-2px}
.preview-button{flex-shrink:0;white-space:nowrap;line-height:18px}
.preview-button .ui-icon{width:16px;height:16px}
.topbar-actions>.local-badge{white-space:nowrap;flex-shrink:0}
.preview-toolbar{gap:12px}
.preview-actions{flex-shrink:0}
.preview-actions .ui-icon{width:18px;height:18px}

/* Compact, expandable administration groups. */
.admin-accordion{border:1px solid #443449;background:#1f1922;border-radius:12px;margin-bottom:14px;overflow:hidden}
.admin-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer;user-select:none}
.admin-accordion>summary::-webkit-details-marker{display:none}
.admin-accordion>summary:hover{background:#281e2c}
.admin-accordion-copy{display:grid;gap:5px;min-width:0}
.admin-accordion-copy strong{font-size:15px;font-weight:550;color:#e6dceb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-accordion-copy small{font-size:10px;color:#918598;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-chevron{font-size:15px;color:#a87ac0;transition:transform .18s ease}
.admin-accordion[open]>summary .admin-chevron{transform:rotate(180deg)}
.admin-accordion-body{padding:0 20px 20px;border-top:1px solid #392d3f}
.gateway-accordion{background:#18141b;border-color:#4b3952;margin-bottom:18px}
.gateway-accordion>.admin-grid{padding:0 18px 18px}
.gateway-accordion>.admin-grid .admin-accordion{margin:0;background:#211a25}
.provider-grid{align-items:start}
.provider-accordion>summary{padding:15px 17px}
.provider-accordion .admin-accordion-body{padding:0 17px 17px}
.routing-accordion .admin-fields{padding-top:18px}
@media(max-width:700px){.gateway-accordion>.admin-grid{padding:0 12px 12px}.admin-accordion>summary{padding:15px}.admin-accordion-body{padding:0 15px 15px}}

/* Layout responds to the chat pane, including when the preview is resized. */
.workspace>main{container-type:inline-size;min-width:0}.composer-controls{flex-wrap:wrap;gap:8px}.mode-switch{flex-shrink:0}.mode-switch button{white-space:nowrap}.composer-controls .send{flex-shrink:0;margin-left:auto}.composer-footer{gap:8px;flex-wrap:wrap}.composer-footer>span{min-width:0}.topbar>div:first-child{min-width:0;overflow:hidden}.topbar #thread-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-icon img{display:block;object-fit:contain}.stack-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.stack-connections .connection-tile{min-width:0}
.preview-panel{width:clamp(320px,48vw,780px);min-width:320px;flex-shrink:0;max-width:calc(100vw - 430px)}.preview-divider{position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:6;touch-action:none}.preview-divider:hover,.preview-divider:focus-visible{background:#a87ed56b;outline:none}.preview-frame-wrap{position:relative;max-width:100%;max-height:100%;flex-shrink:0}.preview-resize{position:absolute;right:0;bottom:0;width:26px;height:26px;cursor:nwse-resize;touch-action:none;background:#3a2256;color:white;border-radius:7px 0 0;z-index:2;padding:0}.preview-dragging{user-select:none}.preview-dragging iframe{pointer-events:none}.preview-address output{font-variant-numeric:tabular-nums;white-space:nowrap;color:#c8a5e5}.preview-stage.mobile .preview-frame-wrap{width:390px}
@container(max-width:620px){.composer-area{padding:8px 14px 18px}.chat-scroll{padding:20px 16px}.composer-controls{padding:10px}.effort-control{min-width:100px;width:120px;flex:1}.mode-switch button{padding:8px;font-size:11px}.suggestions{grid-template-columns:1fr}.welcome h1{font-size:32px}.topbar .local-badge{display:none}.composer-footer{font-size:9px}.welcome{margin-top:24px}.welcome-description{font-size:13px}}
@container(max-width:410px){.composer-controls .effort-control{order:5;flex-basis:100%;width:100%;max-width:none}.composer-controls #stop{font-size:11px}.topbar{padding:14px}.mode-switch button{font-size:10px}.composer-footer .quota-compact{margin-left:0}}
@media(max-width:900px){.preview-panel{width:auto!important;max-width:none;min-width:0}.preview-divider{display:none}}
@media(max-width:500px){.stack-connections{grid-template-columns:1fr}}

.attachment-queue{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 0}.attachment-queue:empty{display:none}.attachment-chip{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;border:1px solid #5c426b;border-radius:9px;background:#34253d;padding:6px 9px;font-size:11px}.attachment-chip img{width:32px;height:32px;object-fit:cover;border-radius:5px}.attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.attachment-chip button{font-size:18px}.attachment-progress{font-size:11px;color:#c7b4d5}#attach-button{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #584260;border-radius:9px}.file-drag-over{outline:2px dashed #bc8adf;outline-offset:4px}.message-attachment{display:flex;flex-direction:column;gap:7px;max-width:360px;padding:13px;border:1px solid #4a365a;border-radius:12px;background:#271d31;margin:10px 0}.message-attachment img{max-width:100%;max-height:260px;object-fit:contain;border-radius:7px}.file-download{color:#d9b4f2;overflow-wrap:anywhere}.message-attachment small{font-size:10px}.document-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.document-actions button{border:1px solid #493952;border-radius:7px;padding:6px 10px;font-size:10px;color:#baa7c7}