select{font:inherit;color:var(--text);background:#2a2a2a;border:1px solid var(--line);border-radius:10px;padding:8px;max-width:100%}
.workspace>.topbar{grid-row:1}.workspace>.project-drawer{grid-row:2}.workspace>.chat{grid-row:3}.workspace>.composer-wrap{grid-row:4}
.brand-controls{max-width:820px;margin:0 auto 9px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px}
.brand-controls label{color:var(--muted)}
.brand-controls select{max-width:280px;min-width:0}
.brand-controls button{background:#343434;color:#ececec;border:1px solid #555;border-radius:10px;padding:8px 11px}
.brand-controls small{flex-basis:100%;color:var(--muted)}
.brand-project-field{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:12px}
.brand-context-modal{max-height:90svh;overflow:auto}
.brand-context-modal h3{font-size:24px;margin-bottom:4px}
.brand-context-modal a{color:#9ddacb}
.brand-context-modal details{border-top:1px solid var(--line);padding:12px 0}
.brand-context-modal li{margin:8px 0}
.brand-references{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.brand-references figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.brand-references img{width:100%;height:200px;object-fit:contain;background:#f7f5f1;display:block}
.brand-references figcaption{padding:10px;font-size:12px}
.brand-review-note{background:#183a31;padding:12px;border-radius:10px}
.brand-context-modal .modal-actions{position:sticky;bottom:-18px;background:#262626;padding:12px 0}
.brand-context-modal .modal-actions button{background:#eee;color:#111;border-radius:10px;padding:10px 16px}
@media(max-width:430px){.brand-controls{gap:6px}.brand-controls label{flex-basis:100%}.brand-controls select{flex:1;max-width:65%}.brand-controls small{font-size:11px}.brand-references{grid-template-columns:1fr}}

/* Delivery remains reachable on short screens and with the software keyboard. */
.shell,.workspace{height:var(--app-height,100dvh)}
.workspace{position:relative;grid-template-rows:calc(var(--top) + env(safe-area-inset-top)) auto minmax(0,1fr) auto}
.topbar{height:auto;min-height:var(--top);padding-bottom:0}
.sidebar{min-height:0;overflow:auto}
.side-head,.side-bottom,.new-chat{flex-shrink:0}
.bubble,.md,.composer textarea{min-width:0}
.composer textarea{resize:none}
.image-card img{height:auto}
.image-card figcaption{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.image-card figcaption a{display:inline-flex;align-items:center;min-height:44px}
.composer-wrap{max-height:calc(var(--app-height,100dvh) * .55);overflow-y:auto;overscroll-behavior:contain}
.brand-controls button,.brand-controls select,.round,.send{min-height:44px}
.round,.send{width:44px;height:44px;flex-basis:44px}
button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #91ddc9;outline-offset:3px}
.request-flow{max-width:820px;margin:0 auto 9px;padding:9px 12px;border:1px solid #515151;border-radius:12px;display:grid;gap:3px;font-size:12px;background:#262626}
.request-flow strong{color:#b2eadb;font-size:13px}
.request-flow span{color:#c6c6c6;overflow-wrap:anywhere}
.request-flow[data-tone="error"]{border-color:#946242}
.request-flow[data-tone="error"] strong{color:#ffd0a8}
.request-flow[data-tone="success"]{border-color:#3d7565}
.flow-actions{display:flex;gap:8px;flex-wrap:wrap}
.flow-actions:empty{display:none}
.flow-actions button{background:#3d3d3d;border:1px solid #666;border-radius:9px;padding:8px 10px;min-height:36px}
#chatUploadHost{max-width:820px;margin:0 auto}
#chatUploadHost .upload-queue{max-height:110px;margin-bottom:8px}
.side-backdrop{position:fixed;inset:0;z-index:19;background:#0008}
.modal{max-height:calc(var(--app-height,100dvh) - 24px);overflow:auto;overflow-wrap:anywhere}
.brand-context-modal .modal-actions{bottom:-18px}
.orc-result{max-width:100%;overflow-wrap:anywhere}
.config-panel,.dropzone>div{min-width:0}
@media(min-width:781px){#menu{display:none}.side-backdrop{display:none}}
@media(max-width:780px){
 .workspace{grid-template-rows:calc(54px + env(safe-area-inset-top)) auto minmax(0,1fr) auto}
 .topbar{padding:env(safe-area-inset-top) 8px 0;gap:4px;align-items:center}
 .topbar .icon,.topbar .ghost{min-height:44px;flex-shrink:0}
 .topbar .top-spacer{display:none}
 .project-pill{flex:1;max-width:none;padding:8px 5px;font-size:15px}
 .file-toggle{display:flex;align-items:center;font-size:11px;gap:3px;white-space:nowrap;min-height:44px}
 .file-toggle input{width:16px;height:16px;margin:0}
 #logout,#collapseProject{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
 #logout{font-size:12px;padding:6px}
 .sidebar{height:var(--app-height,100dvh);bottom:auto;overscroll-behavior:contain}
 .sidebar .nav-list button,.profile-row,.new-chat,.side-action{min-height:44px}
 .project-drawer{position:absolute;z-index:10;top:calc(54px + env(safe-area-inset-top));bottom:0;left:0;right:0;max-height:none;padding:8px 8px calc(12px + env(safe-area-inset-bottom));background:var(--bg)}
 .project-card-head{position:sticky;top:-8px;z-index:2;background:#262626;padding:5px 0;margin-top:-4px}
 .brand-project-field select{min-width:0;width:100%}
 .composer-wrap{position:static;max-height:calc(var(--app-height,100dvh) * .56);padding:6px 8px calc(8px + env(safe-area-inset-bottom))}
 .composer{max-width:100%;gap:4px;padding:6px;border-radius:24px}
 .composer textarea{padding:10px 2px}
 .brand-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-bottom:6px}
 .brand-controls label,.brand-controls small{grid-column:1/-1}
 .brand-controls select{max-width:100%;width:100%;font-size:12px}
 .brand-controls button{padding:7px 8px;font-size:12px}
 .brand-controls small{line-height:1.35}
 .request-flow{padding:7px 9px;margin-bottom:6px}
 .hint{font-size:10px;margin-top:5px}
 .files{display:grid;grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible}
 .file-card{min-width:0}
 .brand-context-modal{width:calc(100vw - 16px);padding:14px}
 .brand-context-modal h3{font-size:21px}
 .modal-actions{flex-wrap:wrap}
}
@media(max-height:500px){
 .brand-controls{gap:3px}
 .brand-controls label,.brand-controls small,.hint{display:none}
 .brand-controls select,.brand-controls button{min-height:36px}
 .composer-wrap{max-height:calc(var(--app-height,100dvh) * .65)}
 .request-flow{grid-template-columns:auto minmax(0,1fr);font-size:11px}
 .request-flow strong{font-size:11px}
 .flow-actions{grid-column:1/-1}
 .side-head,.sidebar .section-title{height:auto;padding-top:3px;padding-bottom:3px}
}

.profile-row{text-decoration:none}

@media(max-width:780px){.workspace>.project-drawer{grid-row:auto;grid-column:auto}}

@media(max-width:780px){.topbar{min-height:54px}}