/* Shared spacing and aligned controls for the production conversation workspace. */
:root{--ui-gap:16px;--control-size:40px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}
#submitButton:disabled{opacity:.45}.thinking span{letter-spacing:3px}.empty-note{color:var(--muted);line-height:1.8;padding:20px 0}
.message-attachments{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:8px 0 0}.message-attachments svg{width:18px;height:18px;flex:none}
.live-results,.live-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-gap);margin-top:16px}.live-results:has(.live-result:only-child){grid-template-columns:1fr}.live-result{margin:0;min-width:0}.live-result img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:12px;background:var(--surface)}.live-result figcaption{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0}.live-result figcaption button,.live-result figcaption a{font:12px/20px inherit;color:var(--muted);border:0;background:none;padding:0;text-decoration:none}.live-result figcaption button:first-child{color:var(--accent)}
.live-search-results{margin:16px 0 16px 32px;grid-template-columns:repeat(3,minmax(0,1fr))}.live-search-results a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);font-size:12px}.live-search-results img{width:100%;height:180px;object-fit:cover;border-radius:12px}.message-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px 32px}.message-options button{padding:9px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface-solid)}
.live-attachment{position:relative;width:72px;height:72px;flex:none}.live-attachment img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.live-attachment button{position:absolute;right:-5px;top:-5px;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-solid);color:var(--ink);font-size:16px;padding:0}.attachment-list{gap:12px;overflow-x:auto;padding:6px}
.theme-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:78px;height:34px;border-radius:22px;background:#e5e6e8;border:1px solid #d6d8d9;padding:3px 4px;color:#202523;flex:none}.theme-toggle-label{font-size:10px;font-weight:600;margin-left:6px}.theme-toggle-thumb{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002}.theme-toggle-thumb svg{width:18px;height:18px}.theme-toggle[aria-pressed=true]{background:#0f1513;color:#fff;border-color:#52615a;flex-direction:row-reverse}.theme-toggle[aria-pressed=true] .theme-toggle-label{margin:0 6px 0 0}.theme-toggle[aria-pressed=true] .theme-toggle-thumb{color:#142019}.project-account .nav-account{min-width:0}.project-account #accountName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-tool{display:flex;flex-direction:column;text-align:left;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-solid);color:var(--ink);min-width:0}.live-tool img{width:100%;height:150px;object-fit:contain;background:var(--surface);border-radius:10px}.live-tool strong{font-size:15px}.live-tool span{font-size:12px;color:var(--muted);line-height:1.7}.live-tool small{margin-top:auto;color:var(--muted);font-size:11px}.repository-grid{gap:16px}#workflowNodeFields{display:grid;gap:16px;margin:16px 0}#workflowNodeFields label{display:grid;gap:8px;font-size:13px}#workflowNodeFields input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.account-values{margin:0;display:grid;gap:0}.account-values>div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.account-values dd{margin:0}.live-account-name{font-size:22px}.mode-settings-fields label{display:grid;gap:8px}#workflowAttachments{font-size:12px;color:var(--muted)}.running-item progress{width:100%;height:4px;accent-color:#799269}
body.in-conversation .conversation-feed>.inline-job{margin-bottom:24px}body.in-conversation .composer{max-height:45dvh;overflow:auto}body.in-conversation .page{padding-bottom:340px}
@media(max-width:760px){.live-search-results{margin-left:0;grid-template-columns:repeat(2,minmax(0,1fr))}.live-results{grid-template-columns:1fr}.live-result img{max-height:380px}.message-options{margin-left:0}.theme-toggle{width:78px}.composer__toolbar{flex-wrap:nowrap}.toolbar-left{gap:6px}#attachButton span{display:none}#attachButton{width:40px;min-width:40px;padding:0}.parameter-button{padding:0 12px!important;min-width:0}#conversationMode{max-width:115px}.conversation-feed{overflow-wrap:anywhere}.repository-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#themeButton{display:flex;align-items:center;justify-content:space-between;width:78px;min-width:78px;height:34px;padding:3px 4px;overflow:visible}#themeButton[aria-pressed=true]{background:#0f1513;color:#fff;border-color:#52615a;flex-direction:row-reverse}#themeButton .theme-toggle-thumb{flex:0 0 26px}#themeButton .theme-toggle-thumb svg{display:block;width:18px;height:18px}#themeButton .theme-toggle-label{display:block;line-height:20px}
.loading-spinner{display:inline-block;width:16px;height:16px;flex:0 0 16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:loading-turn .85s linear infinite;opacity:.8}
@keyframes loading-turn{to{transform:rotate(360deg)}}
.assistant-copy.thinking,.job-status{display:flex;align-items:center;gap:10px}.assistant-copy.thinking span{letter-spacing:0}.job-status{font-size:12px;color:var(--muted)}
#submitButton[aria-busy=true]>svg{display:none}#submitButton[aria-busy=true]:after{content:'';width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:loading-turn .85s linear infinite}
.mode-error:not([hidden]){display:flex;align-items:center;gap:12px}.mode-error>span{flex:1}.mode-error>button,.toast>button{display:grid;place-items:center;flex:none;min-width:28px;min-height:28px;border:0;background:transparent;color:inherit;font-size:18px;border-radius:6px;cursor:pointer}.mode-error>button:hover,.toast>button:hover{background:#0000000a}.toast{display:flex;align-items:center;gap:16px}.toast>span{flex:1}
.selected-reference>span{position:absolute;bottom:1px;left:1px;right:1px;border-radius:0 0 11px 11px;font-size:10px;line-height:20px;text-align:center;background:#20372dde;color:white;pointer-events:none}.message-image{display:block;margin-top:12px}.message-image img{display:block;width:88px;height:88px;object-fit:contain;border-radius:10px}
.project-entry{position:relative;margin:4px 0}.project-entry .project-row{margin:0;min-height:44px;padding-right:46px}.project-more{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;line-height:1;opacity:0}.project-entry:hover .project-more,.project-entry:focus-within .project-more{opacity:1}.project-more:hover{background:var(--surface-solid);color:var(--ink)}.archived-projects{border:0;background:transparent;color:var(--muted);padding:12px;text-align:left;font-size:12px}
.project-context-menu{position:fixed;z-index:1200;min-width:184px;padding:6px;background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #0002}.project-context-menu button{display:block;text-align:left;width:100%;padding:10px 12px;min-height:40px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:13px}.project-context-menu button:hover,.project-context-menu button:focus-visible{background:var(--surface);outline:2px solid var(--line)}.project-context-menu .danger{color:#bd554b}.project-delete-actions{display:flex;justify-content:flex-end;gap:12px}.project-delete-actions button{padding:10px 20px;border-radius:10px}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.archive-row span{overflow-wrap:anywhere}.archive-row button{flex:none;padding:8px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}
@media(hover:none){.project-more{opacity:1}}
@media(prefers-reduced-motion:reduce){.loading-spinner,#submitButton[aria-busy=true]:after{animation-duration:2.5s}}