/* Only the HX chat surface. Independent tool/model shells keep their own layout. */
.hx-polish-history-label{padding:15px 10px 7px;color:var(--muted);font-size:11px}
.hx-polish-project-icon img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
#appView.hx-polished .hx-polish-response>.hx-msg-tools{display:none!important}
#appView.hx-polished .hx-polish-response-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;color:var(--muted);font-size:12px;line-height:1.6}
#appView.hx-polished .hx-polish-response-meta button{font:inherit;color:inherit;border:0;background:transparent;box-shadow:none;padding:3px 0;cursor:pointer;min-height:28px}
#appView.hx-polished .hx-polish-response-meta button:hover,#appView.hx-polished .hx-polish-response-meta button[aria-pressed=true]{color:var(--green)}
.hx-polish-round-stat{margin-left:auto;font-size:11px;text-align:right}
#appView.hx-polished .hx-polish-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:23px 0 8px;font-size:12px;color:var(--muted)}
#appView.hx-polished .hx-polish-suggestions button{font:inherit;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:9px 12px;box-shadow:none;cursor:pointer}
#appView.hx-polished .hx-polish-suggestions button:hover{border-color:var(--green);color:var(--green);background:var(--soft)}
.hx-polish-modid>p{font-family:monospace;font-size:12px;overflow-wrap:anywhere;color:var(--muted)}
#appView.hx-polished{--hx-p-left:250px;--hx-p-right:310px;--hx-p-tint:color-mix(in srgb,var(--green) 7%,var(--panel));--hx-p-shadow:0 5px 22px color-mix(in srgb,var(--text) 4%,transparent)}
#appView.hx-polished [hidden]{display:none!important}
#appView.hx-polished:not(.hx-model-open)>.hx-model-history{display:none}
#appView.hx-polished button:focus-visible,#appView.hx-polished [tabindex]:focus-visible,#appView.hx-polished summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#appView.hx-polished:not(.hx-tool-open) .topbar{gap:12px;padding:0 18px;flex-shrink:0;background:transparent;border:0;box-shadow:none}
#appView.hx-polished:not(.hx-tool-open) #pageTitle{font-size:17px;font-weight:650;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#appView.hx-polished:not(.hx-tool-open) .hx-polish-project-mark{width:37px;height:39px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--green)}
#appView.hx-polished:not(.hx-tool-open) .hx-polish-project-mark .mc-ico{width:24px;height:24px}
#appView.hx-polished:not(.hx-tool-open) .topbar :is(.hx-id,.balance,.activity-link,.hx-flag,.hx-stop){box-shadow:none;text-shadow:none;transform:none;border:1px solid var(--line);border-radius:5px;letter-spacing:0;font-weight:500;background:var(--panel);font-size:11px;padding:7px 9px}
#appView.hx-polished:not(.hx-tool-open) .topbar .activity-link{border-color:transparent;background:transparent;padding-inline:5px}
#appView.hx-polished:not(.hx-tool-open) .topbar .hx-id{font-size:10px;color:var(--muted);background:transparent;border-color:transparent;padding-inline:2px;max-width:145px;overflow:hidden;text-overflow:ellipsis}
#appView.hx-polished:not(.hx-tool-open) .topbar .hx-id:hover{color:var(--green)}
#appView.hx-polished:not(.hx-tool-open) .topbar .hx-flag{background:var(--hx-p-tint);color:var(--green);border-color:transparent;font-size:10px;padding:5px 8px;white-space:nowrap}
#appView.hx-polished:not(.hx-tool-open) .topbar .hx-flag:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:middle}
#appView.hx-polished:not(.hx-tool-open) .topbar .hx-flag.busy{background:color-mix(in srgb,var(--green) 13%,var(--panel))}
#appView.hx-polished:not(.hx-tool-open) .topbar .avatar{width:32px;height:32px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:5px;background:var(--hx-p-tint);color:var(--green);box-shadow:none;font-size:13px}
#appView.hx-polished:not(.hx-tool-open) .topbar .icon{width:30px;height:30px}
#appView.hx-polished:not(.hx-tool-open) .sidebar>header{box-shadow:none;border-bottom:1px solid var(--line);background:var(--panel);gap:10px;padding:0 18px;font-size:17px;flex-shrink:0}
#appView.hx-polished:not(.hx-tool-open) .sidebar>header .icon{border:1px solid var(--line);border-radius:5px;width:27px;height:28px;box-shadow:none}
#appView.hx-polished:not(.hx-tool-open) .create-actions{margin:19px 15px 0;padding:0;gap:11px 9px}
#appView.hx-polished:not(.hx-tool-open) .create-actions :is(.new-project,.asset-create){border-width:1.5px;border-radius:4px;box-shadow:inset 0 2px #ffffff2a,0 3px color-mix(in srgb,var(--hue,var(--green)) 40%,#182719);text-shadow:none;font-size:12px;letter-spacing:0;min-height:36px;padding:7px 5px;gap:6px;font-weight:600}
#appView.hx-polished:not(.hx-tool-open) .create-actions #newProject{font-size:14px;min-height:43px;margin-bottom:5px}
#appView.hx-polished:not(.hx-tool-open) .create-actions :is(.new-project,.asset-create):active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff22,0 1px var(--green)}
#appView.hx-polished:not(.hx-tool-open) .create-actions .mc-ico{width:21px;height:21px}
.hx-polish-search{display:flex;gap:8px;align-items:center;margin:22px 15px 12px;border:1px solid var(--line);border-radius:6px;background:var(--soft);padding:0 9px;min-height:35px;color:var(--muted);flex:none}
.hx-polish-search>span{font-size:22px;line-height:1}.hx-polish-search input{min-width:0;flex:1;border:0;background:transparent;padding:6px 0;color:var(--text);font:inherit;font-size:12px;box-shadow:none}.hx-polish-search input:focus{outline:0}.hx-polish-search:focus-within{border-color:var(--green)}.hx-polish-search kbd{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:0 4px}
.hx-polish-no-match{font-size:12px;color:var(--muted);padding:12px 18px;text-align:center}
#appView.hx-polished:not(.hx-tool-open) .hx-history-zone{min-height:0;flex:1}
#appView.hx-polished:not(.hx-tool-open) .hx-history-zone>.project-list{flex:1;min-height:0;overflow:auto}
#appView.hx-polished:not(.hx-tool-open) .project-list{padding:2px 10px 16px}
#appView.hx-polished:not(.hx-tool-open) .project-item{position:relative;display:flex;gap:9px;align-items:center;padding:11px 8px;margin:3px 0;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;min-height:63px}
#appView.hx-polished:not(.hx-tool-open) .project-item:hover{background:var(--soft)}
#appView.hx-polished:not(.hx-tool-open) .project-item.active{background:var(--hx-p-tint);border-color:color-mix(in srgb,var(--green) 16%,var(--line));box-shadow:inset 3px 0 var(--green)}
/* Raise the whole row's stacking context: the menu overlays later rows without
   moving them or letting their titles paint over its opaque background. */
#appView.hx-polished:not(.hx-tool-open) .project-item.hx-polish-menu-open{z-index:9;isolation:isolate}
#appView.hx-polished:not(.hx-tool-open) .project-main{flex:1;min-width:0;cursor:pointer;outline-offset:1px}
#appView.hx-polished:not(.hx-tool-open) .project-main b{font-size:13px;font-weight:550;line-height:1.5;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
#appView.hx-polished:not(.hx-tool-open) .project-main small{font-size:10px;margin-top:5px;display:block;color:var(--muted)}
#appView.hx-polished:not(.hx-tool-open) .project-item.active .project-main b{color:var(--green);font-weight:650}
.hx-polish-project-icon{width:30px;height:33px;display:grid;place-items:center;flex:none;border:1px solid var(--line);background:var(--panel);border-radius:5px}.hx-polish-project-icon .mc-ico{width:21px;height:21px}
.hx-polish-more{font:inherit;font-size:17px;background:none;border:0;padding:0;color:var(--muted);width:24px;height:28px;flex:none;cursor:pointer;border-radius:4px}.hx-polish-more:hover{background:var(--panel);color:var(--green)}
#appView.hx-polished:not(.hx-tool-open) .project-actions{position:absolute;right:7px;top:48px;z-index:8;display:grid;grid-template-columns:1fr 1fr;width:166px;padding:6px;gap:3px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 10px 25px #0002;opacity:1;visibility:visible;transform:none}
#appView.hx-polished:not(.hx-tool-open) .project-actions[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
#appView.hx-polished:not(.hx-tool-open) .project-actions button{width:auto;min-height:31px;padding:5px 7px;font-size:11px;text-align:center;border:0;border-radius:4px;background:transparent;box-shadow:none}
#appView.hx-polished:not(.hx-tool-open) .project-actions button:hover{background:var(--soft)}
.hx-polish-brand{display:flex;align-items:center;gap:9px;margin:0 15px;padding:15px 0;border-top:1px solid var(--line);flex:none}.hx-polish-brand img{width:26px;height:26px;object-fit:contain}.hx-polish-brand b{display:block;font-size:12px}.hx-polish-brand small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.hx-polish-brand .hx-polish-brand-mark{margin-left:auto;letter-spacing:.05em}
#appView.hx-tool-open :is(.hx-polish-brand,.hx-polish-search,.hx-polish-no-match,.hx-polish-resize){display:none!important}
#appView.hx-polished:not(.hx-tool-open) .project-view{min-height:0;flex:1;padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:9px 9px 0 0;box-shadow:var(--hx-p-shadow)}
#appView.hx-polished:not(.hx-tool-open) .project-content{height:100%;min-height:0;overflow:hidden;background:var(--panel);box-shadow:none;border:0;border-radius:0}
#appView.hx-polished:not(.hx-tool-open) .chat-column{min-height:0;min-width:0;position:relative;background:var(--panel)}
#appView.hx-polished:not(.hx-tool-open) #conversation{min-height:0;flex:1;overflow:auto;padding:26px max(26px,calc((100% - 850px)/2)) 20px;scrollbar-gutter:stable}
#appView.hx-polished:not(.hx-tool-open) .chat-column.blank #conversation{flex:none;padding:0;height:0}
#appView.hx-polished:not(.hx-tool-open) .message{font-size:14px;line-height:1.9;border:0;box-shadow:none;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:22px}
#appView.hx-polished:not(.hx-tool-open) .message.assistant{padding:0;background:transparent;color:var(--text);border-radius:0;max-width:100%}
#appView.hx-polished:not(.hx-tool-open) .message.user{border-radius:8px 8px 2px 8px;background:var(--hx-p-tint);padding:12px 16px;max-width:88%;color:var(--text)}
#appView.hx-polished:not(.hx-tool-open) .message.system{font-size:12px;line-height:1.7;color:var(--muted);opacity:1;background:transparent}
#appView.hx-polished:not(.hx-tool-open) .message :is(h1,h2,h3){line-height:1.5;font-size:18px;margin:16px 0 9px}
#appView.hx-polished:not(.hx-tool-open) .message code{font-size:.9em;border:1px solid var(--line);border-radius:4px;padding:1px 4px;background:var(--soft);color:var(--text)}
#appView.hx-polished:not(.hx-tool-open) .message pre{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:14px;overflow:auto}
#appView.hx-polished:not(.hx-tool-open) .hx-work{border:1px solid var(--line);border-radius:7px;box-shadow:none;background:var(--soft)}
#appView.hx-polished:not(.hx-tool-open) .hx-work>summary{padding:10px 12px;font-size:12px}
#appView.hx-polished:not(.hx-tool-open) .hx-report{border-radius:6px;font-size:12px;padding:9px 11px}
#appView.hx-polished:not(.hx-tool-open) .chat-column>.dock{flex:0 1 auto;display:flex;flex-direction:column;padding:0 24px 12px;background:var(--panel);border:0;z-index:3;max-height:calc(100% - 48px);min-height:0}
#appView.hx-polished:not(.hx-tool-open) .chat-column>.dock:before{height:18px;background:linear-gradient(transparent,var(--panel));pointer-events:none}
#appView.hx-polished:not(.hx-tool-open) .chat-column .composer{display:flex;flex-direction:column;flex:0 1 auto;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:8px;background:var(--panel);box-shadow:0 3px 12px #27451909;padding:10px 12px 9px;min-width:0;min-height:auto;max-height:none}
/* The dock is content-sized. A percentage max-height here creates a cyclic
   constraint and subtracts 30px even when the blank-state caption is hidden.
   Let the form contain its toolbar; the dock and scrollable children cap height. */
/* Reserve the toolbar; only the text, attachments and auxiliary panels shrink.
   A max-height on the outer grid alone allowed its children's contents to escape. */
#appView.hx-polished:not(.hx-tool-open) .composer>*,
#appView.hx-polished:not(.hx-tool-open) .dock>.hx-polish-caption{flex-shrink:0}
#appView.hx-polished:not(.hx-tool-open) .composer>.composer-input{display:flex;flex-direction:column;flex:0 1 auto;min-height:42px;min-width:0}
#appView.hx-polished:not(.hx-tool-open) .composer>.composer-input:has(#fileChips:not([hidden])){min-height:106px}
#appView.hx-polished:not(.hx-tool-open) .composer-input>#input{flex:0 1 auto;min-height:42px;overflow-y:auto;overscroll-behavior:contain}
#appView.hx-polished:not(.hx-tool-open) .chat-column .composer:focus-within{border-color:color-mix(in srgb,var(--green) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 5%,transparent)}
#appView.hx-polished:not(.hx-tool-open) .composer textarea{font-size:14px;line-height:1.75;min-height:65px;max-height:min(140px,24dvh);background:transparent;color:var(--text);padding:7px 0;border:0;box-shadow:none;resize:none}
#appView.hx-polished:not(.hx-tool-open) .composer textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,var(--panel))}
#appView.hx-polished:not(.hx-tool-open) .composer-bottom{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
#appView.hx-polished:not(.hx-tool-open) .composer-bottom .model-switch-trigger{border:1px solid var(--line);border-radius:5px;padding:6px 8px;font-size:11px;background:var(--soft);box-shadow:none;text-shadow:none;transform:none}
#appView.hx-polished:not(.hx-tool-open) .model-switch-trigger>small{font-size:12px}
#appView.hx-polished:not(.hx-tool-open) #crewSwitch .model-switch-trigger{background:transparent;border-color:transparent}
#appView.hx-polished:not(.hx-tool-open) .hx-attach{border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;color:var(--muted);font-size:24px;transform:none;text-shadow:none}
#appView.hx-polished:not(.hx-tool-open) .hx-mic{width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--green);display:inline-flex;align-items:center;justify-content:center;box-shadow:none}
#appView.hx-polished:not(.hx-tool-open) .hx-mic svg{display:block;width:20px;height:20px;flex:none}
#appView.hx-polished:not(.hx-tool-open) .hx-mic[aria-pressed="true"]{color:#bd604e;background:color-mix(in srgb,#bd604e 9%,var(--panel));border-color:#bd604e}
#appView.hx-polished:not(.hx-tool-open) #sendButton{width:36px;height:33px;border:1px solid color-mix(in srgb,var(--green) 55%,#1c2c16);border-radius:4px;background:var(--green);color:var(--on-accent,#fff);box-shadow:inset 0 2px #ffffff2a,0 2px color-mix(in srgb,var(--green) 60%,#172612);font-size:21px;text-shadow:none;flex:none;margin-left:auto}
#appView.hx-polished:not(.hx-tool-open) #sendButton:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffffff22}
#appView.hx-polished:not(.hx-tool-open) .model-switch-menu{border-radius:9px;border:1px solid var(--line);box-shadow:0 12px 35px #0002;max-height:min(65dvh,510px)}
#appView.hx-polished:not(.hx-tool-open) .hx-ctx{font-size:9px;max-width:130px;border:0;background:transparent;padding:0 3px;box-shadow:none}
#appView.hx-polished:not(.hx-tool-open) .hx-ctx b{font-weight:400;font-size:10px}
#appView.hx-polished:not(.hx-tool-open) #ctxSwitch{margin-right:0}
.hx-polish-context{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;padding-bottom:5px;min-width:0}.hx-polish-context .mc-ico{width:13px;height:13px;flex:none}.hx-polish-context span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-polish-caption{display:flex;justify-content:space-between;gap:6px;color:var(--muted);font-size:9px;line-height:1.6;padding:7px 2px 0}.hx-polish-jump{position:absolute;bottom:var(--hx-p-dock,180px);left:50%;transform:translateX(-50%);z-index:4;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 4px 15px #0001;padding:7px 13px;font:inherit;font-size:11px;color:var(--green);cursor:pointer}
#appView.hx-polished:not(.hx-tool-open) #bench{max-height:min(24dvh,180px);min-height:0;overflow:auto;flex:0 2 auto;overscroll-behavior:contain}
#appView.hx-polished:not(.hx-tool-open) #fileChips{max-height:min(100px,12dvh);min-height:44px;flex:0 2 auto;overflow:auto;overscroll-behavior:contain}
#appView.hx-polished:not(.hx-tool-open) :is(#pendingList,#outboxList){max-height:100px;overflow:auto}
#appView.hx-polished:not(.hx-tool-open) .hx-xp{margin:6px 0 9px;padding:0;border:0;box-shadow:none}
#appView.hx-polished:not(.hx-tool-open) .hx-xp-bar{height:5px;border:0;border-radius:2px;box-shadow:none}
#appView.hx-polished:not(.hx-tool-open) .hx-xp-head{font-size:11px;margin-bottom:5px}
#appView.hx-polished:not(.hx-tool-open) .hx-bench-chips{gap:10px;padding:2px 0 5px;border:0;font-size:11px}
.hx-polish-resize{display:none}
#appView.hx-polished #hxSendPreference{font:inherit;color:var(--muted);background:transparent;border:0;border-radius:3px;box-shadow:none;text-shadow:none;padding:0;min-height:16px;text-align:left;cursor:pointer;transform:none;white-space:normal}
#appView.hx-polished #hxSendPreference:hover,#appView.hx-polished #hxSendPreference[aria-expanded=true]{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.hx-send-menu{position:fixed;z-index:10010;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);box-shadow:0 8px 30px #0002;overflow:auto;font:12px/1.5 system-ui,sans-serif}
.hx-send-menu[hidden]{display:none!important}
.hx-send-menu>strong{display:block;padding:0 6px 6px;font-size:12px}
.hx-send-menu>label{display:flex;align-items:center;gap:9px;padding:9px 6px;border-radius:5px;cursor:pointer}
.hx-send-menu>label:hover,.hx-send-menu>label:has(input:checked){background:var(--soft)}
.hx-send-menu input[type=radio]{appearance:auto;flex:none;accent-color:var(--green);width:14px;height:14px;min-height:0;margin:0;padding:0;box-shadow:none}
.hx-send-menu b{display:block;font-size:12px;font-weight:550}.hx-send-menu small{display:block;font-size:10px;color:var(--muted)}
.hx-send-menu .hx-send-note{padding:8px 6px 0;border-top:1px solid var(--line);margin-top:5px}
@media(max-width:820px){#appView.hx-polished #hxSendPreference{min-height:22px}.hx-polish-caption:has(#hxSendPreference){align-items:center;flex-wrap:wrap;column-gap:10px}.hx-polish-caption:has(#hxSendPreference)>span:last-child{font-size:8px}}
@media(min-width:821px) and (min-height:521px){
 #appView.hx-polished:not(.hx-tool-open){height:100dvh;padding:12px 12px 0;gap:8px;overflow:hidden;background:var(--bg)}
 .public-event-banner~#appView.hx-polished:not(.hx-tool-open){height:calc(100dvh - var(--public-event-banner-h,40px))}
 #appView.hx-polished:not(.hx-tool-open)>.sidebar{position:relative;flex:0 0 var(--hx-p-left);width:var(--hx-p-left);min-width:0;margin:0;background:var(--panel);border:1px solid var(--line);border-radius:9px 9px 0 0;box-shadow:var(--hx-p-shadow);transition:margin .22s,opacity .2s}
 #appView.hx-polished:not(.hx-tool-open)>.sidebar.closed{margin-left:calc(0px - var(--hx-p-left) - 8px);opacity:0;pointer-events:none}
 #appView.hx-polished:not(.hx-tool-open) .topbar,#appView.hx-polished:not(.hx-tool-open) .sidebar>header{height:63px;min-height:63px}
 #appView.hx-polished:not(.hx-tool-open) .project-content.has-assets{display:grid;grid-template-columns:minmax(0,1fr) var(--hx-p-right)}
 #appView.hx-polished:not(.hx-tool-open) .project-content.assets-closed{grid-template-columns:minmax(0,1fr) 0px}
 #appView.hx-polished:not(.hx-tool-open) .project-content.assets-closed .assets-panel{padding-left:0;padding-right:0;border:0;visibility:hidden}
 #appView.hx-polished:not(.hx-tool-open) .hx-polish-resize{display:block;position:absolute;width:7px;top:0;bottom:0;z-index:5;cursor:col-resize;touch-action:none}
 .hx-polish-side-resize{right:-5px}.hx-polish-assets-resize{left:0}
 .hx-polish-resize:after{content:'';position:absolute;left:2px;top:45%;height:35px;width:2px;border-radius:2px;background:transparent}.hx-polish-resize:hover:after,.hx-polish-resize:focus-visible:after{background:var(--green)}
 #appView.hx-polish-resizing :is(.sidebar,.project-content){transition:none!important;user-select:none}
}
@media(min-width:821px) and (max-width:1200px){
 #appView.hx-polished{--hx-p-left:220px;--hx-p-right:285px}
 #appView.hx-polished:not(.hx-tool-open) .topbar{padding:0 10px;gap:8px}
 #appView.hx-polished:not(.hx-tool-open) #pageTitle{font-size:15px;max-width:175px}
 #appView.hx-polished:not(.hx-tool-open) .topbar .hx-id{max-width:100px;font-size:9px}
 #appView.hx-polished:not(.hx-tool-open) #conversation{padding-inline:20px}
 #appView.hx-polished:not(.hx-tool-open) .chat-column>.dock{padding-inline:16px}
 #appView.hx-polished:not(.hx-tool-open) .composer-model-switch .model-switch-trigger{padding:5px 6px}
 #appView.hx-polished:not(.hx-tool-open) .hx-ctx{max-width:100px}
 #appView.hx-polished:not(.hx-tool-open) .create-actions{margin-inline:11px}
}
@media(max-height:680px){
 #appView.hx-polished:not(.hx-tool-open) .composer textarea{min-height:48px;max-height:95px}
 #appView.hx-polished:not(.hx-tool-open) .chat-column>.dock{padding-bottom:8px}
 #appView.hx-polished:not(.hx-tool-open) #bench{max-height:24dvh}
 .hx-polish-caption{padding-top:5px}.hx-polish-brand{padding-block:10px}
}
@media(max-width:820px),(max-height:520px) and (pointer:coarse){
 #appView.hx-polished:not(.hx-tool-open) .project-view{border-radius:0;border-left:0;border-right:0}
 #appView.hx-polished:not(.hx-tool-open) .chat-column>.dock{padding:5px 10px max(7px,env(safe-area-inset-bottom));max-height:calc(100% - 24px)}
 #appView.hx-polished:not(.hx-tool-open) .composer{padding:9px}
 #appView.hx-polished:not(.hx-tool-open) .composer textarea{font-size:16px;min-height:54px;max-height:25dvh}
 #appView.hx-polished:not(.hx-tool-open) #conversation{padding:20px 16px}
 #appView.hx-polished:not(.hx-tool-open) .composer-bottom{gap:5px}
 #appView.hx-polished:not(.hx-tool-open) .hx-mic,#appView.hx-polished:not(.hx-tool-open) .hx-attach{width:36px;height:36px}
 #appView.hx-polished:not(.hx-tool-open) #sendButton{width:38px;height:36px}
 #appView.hx-polished:not(.hx-tool-open) .topbar{padding:0 10px}
 #appView.hx-polished:not(.hx-tool-open) .topbar #pageTitle{max-width:40vw}
 .hx-polish-caption{font-size:9px}.hx-polish-caption>span:first-child{display:none}.hx-polish-caption>span:last-child{margin-left:auto}
 .hx-polish-search{margin:15px 12px 9px}.hx-polish-search input{font-size:16px}
 #appView.hx-polished:not(.hx-tool-open) .project-actions{width:190px;top:48px}
 #appView.hx-polished:not(.hx-tool-open) .project-actions button{min-height:40px;font-size:12px}
 .hx-polish-more{width:32px;height:35px}.hx-polish-brand{display:none}
 #appView.hx-polished:not(.hx-tool-open) .project-main{padding:3px 0}
}
/* A new conversation starts with input, attachments, build mode and model choice.
   Reuse the existing blank state; hidden controls keep their settings and handlers. */
#appView.hx-polished:not(.hx-tool-open) .chat-column.blank :is(#micButton,#crewSwitch,#ctxSwitch,#ctxMeter,.hx-polish-caption){display:none!important}
#appView.hx-polished:not(.hx-tool-open) .chat-column:not(.blank) :is(#micButton,#crewSwitch,#ctxSwitch,#ctxMeter,.hx-polish-caption){animation:hx-tools-reveal .46s cubic-bezier(.22,1,.36,1) both}
#appView.hx-polished:not(.hx-tool-open) .chat-column:not(.blank) #crewSwitch{animation-delay:45ms}
#appView.hx-polished:not(.hx-tool-open) .chat-column:not(.blank) :is(#ctxSwitch,#ctxMeter){animation-delay:85ms}
#appView.hx-polished:not(.hx-tool-open) .chat-column:not(.blank) .hx-polish-caption{animation-delay:120ms}
@keyframes hx-tools-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Center a narrower composer before the first message only. */
@media(min-width:821px){
 #appView.hx-polished:not(.hx-tool-open) .chat-column.blank>.dock{width:72%;min-width:min(600px,100%);max-width:820px;margin-inline:auto;box-sizing:border-box}
}
/* Compact HX chrome only; independent tool workspaces keep their own layout. */
#appView.hx-polished:not(.hx-tool-open) .sidebar>header{font-size:14px;gap:7px;padding-inline:14px}
#appView.hx-polished:not(.hx-tool-open) .sidebar>header .icon{width:25px;height:25px;font-size:14px}
#appView.hx-polished:not(.hx-tool-open) .create-actions{margin:12px 14px 0;gap:8px}
#appView.hx-polished:not(.hx-tool-open) .create-actions :is(.new-project,.asset-create){font-size:11px;min-height:32px;padding:5px;gap:5px}
#appView.hx-polished:not(.hx-tool-open) .create-actions #newProject{font-size:13px;min-height:36px;margin-bottom:2px}
#appView.hx-polished:not(.hx-tool-open) .create-actions .mc-ico{width:17px;height:17px}
#appView.hx-polished:not(.hx-tool-open) .hx-polish-search{margin:12px 14px 4px;min-height:31px}
#appView.hx-polished:not(.hx-tool-open) .hx-polish-search>span{font-size:18px}
#appView.hx-polished:not(.hx-tool-open) .project-list{padding:0 10px 10px}
#appView.hx-polished:not(.hx-tool-open) .hx-polish-history-label{padding:7px 8px 1px;font-size:10px;line-height:16px;margin:0;min-height:0}
#appView.hx-polished:not(.hx-tool-open) .hx-polish-history-label:first-child{padding-top:2px}
#appView.hx-polished:not(.hx-tool-open) .project-item{min-height:46px;padding:6px 8px;margin:1px 0;gap:6px}
#appView.hx-polished:not(.hx-tool-open) .project-main b{font-size:12px;line-height:1.4}
#appView.hx-polished:not(.hx-tool-open) .project-main small{font-size:10px;margin-top:2px;line-height:1.4}
#appView.hx-polished:not(.hx-tool-open) .project-actions{top:calc(100% - 3px)}
#appView.hx-polished:not(.hx-tool-open) .hx-polish-brand{padding-block:10px}
@media(min-width:821px) and (min-height:521px){
 #appView.hx-polished:not(.hx-tool-open){padding-top:4px}
 #appView.hx-polished:not(.hx-tool-open)>.main{padding-top:0}
 #appView.hx-polished:not(.hx-tool-open) .topbar,#appView.hx-polished:not(.hx-tool-open) .sidebar>header{height:42px;min-height:42px}
 #appView.hx-polished:not(.hx-tool-open) .topbar{padding-inline:14px;gap:10px}
 #appView.hx-polished:not(.hx-tool-open) #pageTitle{font-size:15px}
 #appView.hx-polished:not(.hx-tool-open) .topbar :is(.balance,.activity-link){padding:5px 8px}
}
@media(max-width:820px),(max-height:520px) and (pointer:coarse){
 #appView.hx-polished:not(.hx-tool-open) .project-item{min-height:48px}
 #appView.hx-polished:not(.hx-tool-open) .create-actions :is(.new-project,.asset-create){min-height:40px}
 #appView.hx-polished:not(.hx-tool-open) .create-actions #newProject{min-height:42px}
 #appView.hx-polished:not(.hx-tool-open) .sidebar>header .icon{width:36px;height:36px}
 #appView.hx-polished:not(.hx-tool-open) .hx-polish-search{min-height:36px}
}
@media(prefers-reduced-motion:reduce){#appView.hx-polished *{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}