/* Keep names readable and controls aligned at every dialog width. */
#modal{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px}
#modalBody{min-width:0}#modal .actions{flex-wrap:wrap;gap:10px;margin-top:20px}
.team-editor{display:grid;gap:20px}.team-editor .form-field{display:grid;gap:8px}.team-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;min-width:0}.team-members legend{font-size:1rem;padding:0 6px}
.team-members .person-choice{display:flex;align-items:center;gap:12px;padding:12px;margin:0;min-width:0;border-radius:6px;background:var(--soft)}.person-choice input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0}.person-choice span{min-width:0;overflow-wrap:anywhere}.person-choice small{display:block;opacity:.65;margin-top:4px}
.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.filters label{display:grid;gap:6px;min-width:140px}.filters input,.filters select{min-height:38px;width:100%}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
.task-focus{outline:3px solid var(--accent,#a5cbd0);outline-offset:7px;border-radius:6px}.project-team{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-team small{white-space:normal}.recipe{overflow-wrap:anywhere}#modal textarea{box-sizing:border-box;max-width:100%}.history-row pre.prompt{max-height:360px;overflow:auto}
@media(max-width:640px){#modal{padding:18px}.team-members{grid-template-columns:1fr}.filters label{flex:1 1 140px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stage-layout:has(>.stage-history){grid-template-columns:minmax(0,1fr)}.stage-history>summary{font-weight:600;cursor:pointer}.stage-history .history-row p{max-height:180px;overflow:auto;white-space:pre-wrap}.stage-history[open]{max-height:560px;overflow:auto}
.setting-row:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.setting-row:has(input[type=checkbox])>span{width:auto;flex:1;min-width:0}.setting-row input[type=checkbox]{width:18px;min-width:18px;flex:0 0 18px}.inbox-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.inbox-item small{display:block;margin-top:6px}.inbox-item button{flex-shrink:0}
.production-help{margin:12px 0;color:var(--muted)}.production-help summary{cursor:pointer}.production-help p{font-size:.92rem;line-height:1.7}select{max-width:100%}.project-item>*{min-width:0}.project-item h2{overflow-wrap:anywhere}

#watermarks span{font-size:clamp(15px,1.05vw,17px);line-height:1.65}
@media(min-width:1600px){main{padding-left:40px;padding-right:40px}.work-panel{max-width:none}}
@media(max-width:1000px){.pipeline,nav.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.pipeline button,nav.pipeline button{min-width:0;white-space:normal}.row,.heading{flex-wrap:wrap}.recipe{grid-template-columns:64px minmax(0,1fr)}}
@media(max-width:600px){main{padding:16px 12px 70px}.work-panel{padding:16px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{flex-wrap:wrap}.actions button{max-width:100%;white-space:normal}.inbox-item{align-items:flex-start;flex-direction:column}.header-tools select{max-width:110px}#watermarks span{font-size:15px}.project-item{grid-template-columns:minmax(0,1fr)}.project-item button{justify-self:start}.tabs{max-width:calc(100vw - 64px)}}

/* Preserve readable controls rather than a desktop-sized minimum on narrow screens. */
.workspace,.workspace-header,.stage-layout,.work-panel,.asset-folder,.version{min-width:0}
.workspace-header> :first-child{min-width:0;overflow-wrap:anywhere}.header-tools{flex-shrink:0}
.asset-folder>summary strong{min-width:0;overflow-wrap:anywhere}.asset-folder>summary span{flex-shrink:0}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.shell,.shell.collapsed{display:grid;grid-template-columns:64px minmax(0,1fr)}.workspace-header> :first-child{font-size:12px}.material-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.page-tools{right:12px;bottom:12px}.page-tools button{padding:9px 12px}.version{padding:12px}.entity-folder .version{margin:8px}.asset-folder>summary{padding:12px;gap:8px;flex-wrap:wrap}.asset-folder>summary span{font-size:11px}.team-members{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{scroll-behavior:auto!important}}