/* Customer workspace: the existing slate, vellum and verdigris palette, with more space to create. */
.uw-app { display: grid; grid-template-columns: 248px minmax(0,1fr); min-height: 100vh; }
.uw-app svg, .uw-dialog svg, .uw-lightbox svg { width: 20px; height: 20px; flex-shrink: 0; }
.uw-app button, .uw-dialog button { font-family: var(--font); cursor: pointer; }
.uw-app button:disabled, .uw-dialog button:disabled { opacity: .45; cursor: not-allowed; }
.uw-app a { color: inherit; }
.uw-sidebar { background: var(--rail); color: var(--rail-ink); padding: 35px 20px 22px; height: 100dvh; position: sticky; top: 0; display: flex; flex-direction: column; }
.uw-brand { display: flex; align-items: center; gap: 12px; padding: 0 10px; text-decoration: none; color: #fff !important; font-size: 18px; font-weight: 600; letter-spacing: -.3px; }
.uw-brand > svg { width: 31px; height: 31px; color: #8fd1c2; }
.uw-brand small { display: block; font-size: 11px; font-weight: 400; color: var(--rail-dim); letter-spacing: .2px; margin-top: 3px; }
.uw-nav-label { margin: 55px 14px 14px; color: var(--rail-dim); font-size: 10px; letter-spacing: 1.7px; font-weight: 600; }
.uw-sidebar nav { display: flex; flex-direction: column; gap: 7px; }
.uw-sidebar nav a { display: flex; align-items: center; gap: 13px; padding: 13px 14px; text-decoration: none; font-size: 14px; border-radius: 9px; transition: background .15s; }
.uw-sidebar nav a:hover { background: #26343f; }
.uw-sidebar nav a.active { background: #2d4348; color: #b5e6d8; }
.uw-sidebar nav a.active svg { color: #8fd1c2; }
.uw-sidebar-bottom { display: flex; align-items: center; gap: 10px; border-top: 1px solid #34434e; padding-top: 22px; margin-top: auto; }
.uw-avatar { width: 34px; height: 34px; background: #304c4b; color: #b5e6d8; display: grid; place-items: center; border-radius: 50%; font-size: 14px; flex-shrink: 0; }
.uw-identity { min-width: 0; flex: 1; }
.uw-identity strong, .uw-identity small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uw-identity strong { font-size: 12px; font-weight: 500; }
.uw-identity small { font-size: 10px; color: var(--rail-dim); margin-top: 2px; }
.uw-signout { background: transparent; border: 0; color: var(--rail-ink); padding: 5px; display: flex; }
.uw-signout svg { width: 17px; }
.uw-main { width: 100%; max-width: 1600px; margin: 0 auto; padding: 48px 48px 70px; min-width: 0; }
.uw-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 35px; }
.uw-eyebrow { color: var(--accent); font-size: 10px; font-weight: 600; letter-spacing: 1.8px; margin: 0 0 10px; display: block; }
.uw-app h1 { font-weight: 500; font-size: clamp(28px,3vw,38px); line-height: 1.2; letter-spacing: -1px; margin: 0 0 12px; overflow-wrap: anywhere; }
.uw-heading p:not(.uw-eyebrow), .uw-project-heading p { color: var(--muted); font-size: 14px; margin: 0; max-width: 62ch; }
.uw-app h2, .uw-dialog h2 { font-size: 22px; line-height: 1.3; letter-spacing: -.4px; font-weight: 500; margin: 0 0 10px; }
.uw-app h3 { font-size: 15px; }
.uw-heading-actions { flex-shrink: 0; }
.uw-button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; border: 1px solid var(--line); color: var(--ink); background: var(--sheet); border-radius: 8px; padding: 10px 16px; font-size: 13px; line-height: 1.5; font-weight: 500; text-decoration: none; transition: border-color .15s,box-shadow .15s; cursor: pointer; white-space: nowrap; }
.uw-button.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); box-shadow: 0 3px 6px #102e2010; }
.uw-button:hover { border-color: var(--accent); box-shadow: 0 3px 12px #102e2010; }
.uw-button.quiet { background: transparent; }
.uw-button svg { width: 17px; height: 17px; }
.uw-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--line-2); background: var(--sheet); border-radius: 12px; margin-bottom: 36px; padding: 25px 8px; }
.uw-stats > div { padding: 0 28px; border-right: 1px solid var(--line-2); }
.uw-stats > div:last-child { border: 0; }
.uw-stats span { color: var(--muted); font-size: 12px; }
.uw-stats strong { display: flex; align-items: baseline; gap: 13px; font-size: 30px; line-height: 1.4; font-weight: 500; margin-top: 5px; }
.uw-stats small { font-size: 11px; color: var(--muted); font-weight: 400; }
.uw-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; flex-wrap: wrap; }
.uw-filters { display: flex; gap: 6px; flex-wrap: wrap; }
.uw-filters button { border: 1px solid transparent; padding: 7px 11px; border-radius: 6px; background: transparent; color: var(--muted); font-size: 12px; white-space: nowrap; }
.uw-filters button.active { background: var(--sheet); color: var(--ink); border-color: var(--line); box-shadow: 0 1px 2px #18222c08; }
.uw-search { display: flex; gap: 8px; align-items: center; background: var(--sheet); border: 1px solid var(--line-2); border-radius: 8px; padding: 8px 11px; width: 210px; }
.uw-search svg { color: var(--muted); width: 16px; height: 16px; }
.uw-search input { width: 100%; min-width: 0; border: 0; background: none; padding: 0; font-size: 12px; color: var(--ink); }
.uw-project-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(280px,100%),1fr)); gap: 24px; }
.uw-project-card { background: var(--sheet); border: 1px solid var(--line-2); border-radius: 13px; overflow: hidden; min-width: 0; transition: box-shadow .2s, transform .2s; }
.uw-project-card:hover { box-shadow: 0 10px 28px #18222c0c; transform: translateY(-2px); }
.uw-project-cover { border: 0; border-bottom: 1px solid var(--line-2); background-color: #e8eeeb; background-image: linear-gradient(#718f7f12 1px,transparent 1px),linear-gradient(90deg,#718f7f12 1px,transparent 1px); background-size: 24px 24px; height: 180px; width: 100%; position: relative; display: grid; place-items: center; padding: 0; color: #8aa59c; overflow: hidden; }
.uw-project-cover img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.uw-blueprint { display: grid; place-items: center; width: 105px; height: 105px; border: 1px solid #97b3a750; border-radius: 50%; }
.uw-blueprint svg { width: 53px; height: 53px; stroke-width: .7; }
.uw-cover-caption { position: absolute; bottom: 12px; left: 15px; font-size: 8px; letter-spacing: 1.6px; color: #557267; background: #eef4f0dc; border-radius: 4px; padding: 3px 5px; }
.uw-card-body { padding: 18px 20px 17px; }
.uw-card-status { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; }
.uw-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 20px; font-size: 10px; font-weight: 500; padding: 4px 9px; color: var(--muted); background: var(--paper); white-space: nowrap; }
.uw-badge i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.uw-badge.ready { color: var(--accent); background: var(--accent-soft); }
.uw-badge.running, .uw-badge.warning { color: var(--warn); background: var(--warn-soft); }
.uw-badge.failed { color: var(--bad); background: var(--bad-soft); }
.uw-badge.archived { color: var(--muted); }
.uw-icon-button { background: none; color: var(--muted); border: 0; display: inline-flex; padding: 5px; border-radius: 5px; align-items: center; }
.uw-icon-button:hover { background: var(--paper); color: var(--ink); }
.uw-card-title { display: block; text-decoration: none; font-size: 18px; font-weight: 500; line-height: 1.35; letter-spacing: -.2px; overflow-wrap: anywhere; }
.uw-card-body > p { margin: 8px 0 22px; font-size: 12px; color: var(--muted); line-height: 1.6; min-height: 38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.uw-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line-2); padding-top: 14px; }
.uw-card-footer > span { font-size: 10px; color: var(--muted); }
.uw-card-footer button { color: var(--accent); border: 0; background: none; padding: 0; font-size: 11px; display: flex; align-items: center; gap: 7px; font-weight: 500; }
.uw-card-footer svg { width: 14px; height: 14px; }
.uw-empty { grid-column: 1/-1; padding: 65px 24px; text-align: center; border: 1px dashed var(--line); border-radius: 14px; background: var(--sheet); }
.uw-empty-icon { display: grid; place-items: center; margin: 0 auto 20px; color: var(--accent); background: var(--accent-soft); width: 70px; height: 70px; border-radius: 20px; }
.uw-empty-icon svg { width: 32px; height: 32px; stroke-width: 1; }
.uw-empty p { max-width: 46ch; margin: 0 auto 22px; font-size: 14px; color: var(--muted); }
.uw-loading { padding: 90px 20px; text-align: center; color: var(--muted); }
.uw-back { display: inline-block; font-size: 12px; text-decoration: none; color: var(--muted) !important; margin-bottom: 25px; }
.uw-project-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.uw-title-row { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-bottom: 10px; }
.uw-title-row h1 { margin: 0; font-size: 32px; }
.uw-project-tabs { display: grid; grid-template-columns: repeat(3,1fr); background: var(--sheet); border: 1px solid var(--line-2); border-radius: 10px; padding: 5px; gap: 5px; margin-bottom: 30px; }
.uw-project-tabs a { display: flex; align-items: center; gap: 10px; padding: 12px 15px; font-size: 13px; color: var(--muted); border-radius: 7px; text-decoration: none; }
.uw-project-tabs a span { border: 1px solid var(--line); width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; font-size: 10px; }
.uw-project-tabs a.active { background: var(--accent-soft); color: var(--accent); font-weight: 500; }
.uw-project-tabs a.active span { border-color: var(--accent); background: var(--accent); color: var(--accent-ink); }
.uw-project-tabs a svg { width: 14px; margin-left: auto; opacity: .5; }
.uw-document-layout { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(250px,1fr); gap: 24px; align-items: start; }
.uw-surface { background: var(--sheet); border: 1px solid var(--line-2); border-radius: 12px; padding: 28px; min-width: 0; }
.uw-section-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.uw-section-head h2 { font-size: 19px; margin-bottom: 6px; }
.uw-section-head p { font-size: 13px; color: var(--muted); margin: 0; max-width: 55ch; }
.uw-count { font-size: 11px; white-space: nowrap; color: var(--muted); }
.uw-upload { display: flex; align-items: center; flex-direction: column; border: 1.5px dashed var(--line); border-radius: 10px; padding: 30px 15px; background: var(--paper); cursor: pointer; }
.uw-upload:hover, .uw-upload.over { border-color: var(--accent); background: var(--accent-soft); }
.uw-upload > svg { color: var(--accent); width: 27px; height: 27px; margin-bottom: 14px; }
.uw-upload strong { font-size: 14px; font-weight: 500; }
.uw-upload span { font-size: 12px; color: var(--accent); margin-top: 4px; }
.uw-upload small { color: var(--muted); font-size: 10px; margin-top: 16px; }
#uw-upload-status { margin-top: 12px; color: var(--accent); font-size: 12px; overflow-wrap: anywhere; }
.uw-file-row { display: flex; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line-2); }
.uw-file-row:last-child { border: 0; padding-bottom: 0; }
.uw-file-row > div { min-width: 0; flex: 1; }
.uw-file-row strong { display: block; font-weight: 500; font-size: 12px; overflow-wrap: anywhere; }
.uw-file-row small { color: var(--muted); font-size: 10px; }
.uw-file-icon { color: var(--accent); background: var(--accent-soft); padding: 9px; border-radius: 7px; display: flex; }
.uw-next-card { border: 1px solid var(--line-2); background: linear-gradient(145deg,var(--accent-soft),var(--sheet)); padding: 32px 27px; border-radius: 12px; }
.uw-next-card h2 { font-size: 25px; max-width: 15ch; line-height: 1.2; margin: 15px 0; }
.uw-next-card p { color: var(--muted); font-size: 13px; line-height: 1.8; margin-bottom: 23px; }
.uw-check-item { display: flex; align-items: center; gap: 9px; font-size: 12px; color: var(--accent); margin-bottom: 25px; }
.uw-next-card > small { display: block; color: var(--muted); font-size: 10px; margin-top: 15px; }
.uw-history { margin-top: 24px; }
.uw-history-row { display: flex; gap: 17px; align-items: center; border-top: 1px solid var(--line-2); padding: 16px 0; }
.uw-history-row > svg { color: var(--muted); width: 17px; }
.uw-history-row > span:not(.uw-badge) { font-size: 12px; flex: 1; }
.uw-history-row small { display: block; font-size: 10px; color: var(--muted); }
.uw-render-intro { padding: 8px 0 12px; }
.uw-render-intro h2 { font-size: 25px; }
.uw-render-intro > p { font-size: 13px; color: var(--muted); margin-bottom: 20px; }
.uw-render-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.uw-render-option { display: block; padding: 27px 24px; border: 1.5px solid var(--line-2); border-radius: 12px; background: var(--sheet); position: relative; cursor: pointer; }
.uw-render-option.selected { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.uw-render-option input { position: absolute; right: 20px; top: 22px; accent-color: var(--accent); width: 16px; height: 16px; }
.uw-option-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: var(--paper); color: var(--accent); margin-bottom: 23px; }
.uw-option-icon svg { width: 25px; height: 25px; }
.uw-render-option strong { font-size: 17px; font-weight: 500; display: block; }
.uw-render-option p { color: var(--muted); font-size: 12px; min-height: 58px; line-height: 1.7; }
.uw-render-option small { color: var(--accent); font-size: 10px; }
.uw-render-review { margin-top: 25px; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 25px; border: 1px solid var(--line-2); border-radius: 12px; background: var(--sheet); }
.uw-render-review h3 { margin-bottom: 8px; }
.uw-render-review p { font-size: 12px; margin: 0 0 9px; color: var(--ink-2); }
.uw-render-review p span { margin: 0 8px; color: var(--muted); }
.uw-render-review small { color: var(--muted); font-size: 11px; display: block; max-width: 64ch; }
.uw-notice { color: var(--warn); background: var(--warn-soft); padding: 16px 20px; border-radius: 8px; font-size: 12px; margin: 18px 0; line-height: 1.7; }
.uw-job-link { background: #2d4348; color: #b5e6d8; border: 1px solid #415952; width: 100%; border-radius: 9px; padding: 13px 10px; display: flex; align-items: center; gap: 10px; text-align: left; margin-top: 26px; font-size: 11px; }
.uw-job-link small { display: block; color: #a0bbb2; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; }
.uw-job-link svg { width: 14px; margin-left: auto; }
.uw-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #8fd1c2; box-shadow: 0 0 0 4px #8fd1c218; flex-shrink: 0; }
.uw-progress-card { padding: 28px; border-radius: 12px; border: 1px solid var(--line); background: var(--sheet); margin-bottom: 30px; }
.uw-progress-card.running { border-color: var(--accent); background: linear-gradient(120deg,var(--accent-soft),var(--sheet)); }
.uw-progress-track { background: var(--line-2); height: 5px; border-radius: 4px; overflow: hidden; }
.uw-progress-track span { display: block; height: 100%; background: var(--accent); border-radius: 4px; transition: width .3s; }
.uw-progress-track.indeterminate span { animation: uw-working 2s ease-in-out infinite; }
@keyframes uw-working { 0% { transform: translateX(-100%); } 100% { transform: translateX(340%); } }
.uw-progress-meta { display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); margin-top: 12px; }
.uw-results-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.uw-result-filters { display: flex; gap: 5px; flex-wrap: wrap; }
.uw-result-filters button { display: flex; align-items: center; gap: 7px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--muted); padding: 9px 12px; font-size: 12px; }
.uw-result-filters button.active { background: var(--sheet); border-color: var(--line); color: var(--ink); }
.uw-result-filters button span { font-size: 10px; background: var(--paper); padding: 1px 5px; border-radius: 4px; }
.uw-results-note { font-size: 12px; color: var(--muted); margin: 20px 0; }
.uw-gallery { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr)); gap: 24px; }
.uw-gallery-versions { grid-template-columns: repeat(2,minmax(0,1fr)); }
.uw-gallery-item { overflow: hidden; background: var(--sheet); border: 1px solid var(--line-2); border-radius: 12px; }
.uw-gallery-item > button { width: 100%; padding: 0; display: block; border: 0; background: var(--line-2); aspect-ratio: 1.5; cursor: zoom-in; }
.uw-gallery-item img { width: 100%; height: 100%; object-fit: contain; }
.uw-gallery-item > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 20px; }
.uw-gallery-item strong { font-size: 12px; font-weight: 500; text-transform: capitalize; }
.uw-image-caption { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.uw-image-caption strong { flex-basis: 100%; }
.uw-image-variant { font-size: 11px; color: var(--muted); }
.uw-image-review { font-size: 10px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 4px; padding: 2px 6px; }
@media (max-width: 760px) { .uw-gallery-versions { grid-template-columns: minmax(0,1fr); } }
.uw-gallery-item a { color: var(--accent); display: inline-flex; padding: 4px; }
.uw-gallery-item a svg { width: 16px; }
.uw-profile-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; max-width: 1000px; }
.uw-profile-grid h2 { font-size: 20px; margin-bottom: 24px; }
.uw-dialog { color: var(--ink); background: var(--sheet); border: 1px solid var(--line); border-radius: 15px; padding: 30px; width: min(530px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-shadow: 0 25px 100px #0003; }
.uw-dialog::backdrop, .uw-lightbox::backdrop { background: #111f2bc0; backdrop-filter: blur(4px); }
.uw-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 14px; }
.uw-dialog-head h2 { margin: 0; }
.uw-dialog p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.uw-dialog label:not(.uw-consent), .uw-profile-grid label { display: block; color: var(--ink-2); font-size: 12px; font-weight: 500; margin-top: 22px; }
.uw-dialog input:not([type=checkbox]), .uw-dialog textarea, .uw-profile-grid input { display: block; width: 100%; min-width: 0; padding: 11px 13px; margin-top: 8px; border: 1px solid var(--line); border-radius: 7px; font-family: var(--font); color: var(--ink); background: var(--paper); font-size: 14px; }
.uw-dialog textarea { resize: vertical; }
.uw-profile-grid input[readonly] { opacity: .65; }
.uw-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--line-2); padding-top: 23px; margin-top: 26px; }
.uw-dialog .uw-dialog-error { color: var(--bad); }
.uw-archive-option { display: flex; align-items: center; gap: 20px; border-top: 1px solid var(--line-2); margin-top: 27px; padding-top: 20px; }
.uw-archive-option > div { flex: 1; }
.uw-archive-option strong { display: block; font-size: 12px; font-weight: 500; }
.uw-archive-option small { display: block; font-size: 11px; color: var(--muted); margin-top: 4px; }
.uw-confirm-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 20px; background: var(--paper); border-radius: 8px; font-size: 12px; margin: 22px 0; }
.uw-confirm-summary span { color: var(--muted); }.uw-confirm-summary strong { font-weight: 500; text-align: right; }
.uw-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; }.uw-consent input { accent-color: var(--accent); }
.uw-muted { color: var(--muted); font-size: 12px; }.uw-form-message { font-size: 12px; color: var(--accent); }
.uw-lightbox { border: 1px solid var(--line); border-radius: 12px; background: var(--sheet); color: var(--ink); padding: 20px; max-width: min(1200px,95vw); max-height: 94dvh; }
.uw-lightbox > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 14px; }
.uw-lightbox > img { display: block; max-width: 100%; max-height: 70dvh; margin-bottom: 16px; object-fit: contain; }
@media (min-width: 1550px) { .uw-main { padding: 60px; }.uw-project-cover { height: 210px; } }
@media (max-width: 1150px) { .uw-main { padding: 35px 28px; }.uw-app { grid-template-columns: 220px minmax(0,1fr); }.uw-stats small { display: none; }.uw-document-layout { grid-template-columns: minmax(0,1.5fr) minmax(220px,1fr); }.uw-render-option { padding: 22px 18px; }.uw-render-option p { min-height: 80px; } }
@media (max-width: 900px) { .uw-app { grid-template-columns: 190px minmax(0,1fr); }.uw-sidebar { padding: 26px 12px 18px; }.uw-brand { gap: 8px; font-size: 15px; padding: 0 4px; }.uw-brand small { font-size: 9px; }.uw-sidebar nav a { padding: 12px; font-size: 12px; }.uw-main { padding: 30px 22px; }.uw-heading { align-items: flex-start; }.uw-document-layout { grid-template-columns: 1fr; }.uw-next-card h2 { max-width: none; }.uw-render-options { gap: 10px; }.uw-render-option { padding: 20px 13px; }.uw-render-option strong { font-size: 15px; }.uw-render-review { flex-direction: column; align-items: flex-start; }.uw-profile-grid { grid-template-columns: 1fr; }.uw-project-tabs a { padding: 10px 7px; font-size: 11px; gap: 6px; }.uw-project-tabs a svg { display: none; }.uw-stats > div { padding: 0 15px; } }
@media (max-width: 640px) {
  .uw-app { display: block; }.uw-sidebar { position: sticky; z-index: 20; top: 0; height: auto; padding: 15px 16px 10px; gap: 13px; border-bottom: 1px solid #34434e; }
  .uw-brand { font-size: 15px; }.uw-brand > svg { width: 25px; height: 25px; }.uw-brand small, .uw-nav-label, .uw-sidebar-bottom .uw-avatar, .uw-identity, #uw-active-job { display: none; }
  .uw-sidebar nav { flex-direction: row; gap: 5px; }.uw-sidebar nav a { flex: 1; justify-content: center; font-size: 11px; padding: 9px 5px; gap: 7px; }.uw-sidebar nav svg { width: 16px; height: 16px; }
  .uw-sidebar-bottom { position: absolute; right: 18px; top: 15px; padding: 0; border: 0; margin: 0; }.uw-signout { padding: 6px; }
  .uw-main { padding: 28px 18px 50px; }.uw-heading { gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }.uw-heading h1 { font-size: 30px; }.uw-heading p:not(.uw-eyebrow) { font-size: 12px; }
  .uw-eyebrow { font-size: 9px; }.uw-stats { margin-bottom: 23px; padding: 18px 0; }.uw-stats > div { padding: 0 12px; }.uw-stats span { font-size: 10px; }.uw-stats strong { font-size: 26px; }
  .uw-toolbar { gap: 14px; }.uw-filters { gap: 3px; }.uw-filters button { font-size: 10px; padding: 7px; }.uw-search { width: 100%; }.uw-project-grid { gap: 18px; }.uw-project-cover { height: 190px; }
  .uw-project-heading { flex-wrap: wrap; }.uw-title-row h1 { font-size: 27px; }.uw-project-heading p { font-size: 12px; }.uw-project-tabs { gap: 0; padding: 4px; }.uw-project-tabs a { gap: 5px; font-size: 10px; }.uw-project-tabs a span { width: 19px; height: 19px; font-size: 9px; flex-shrink: 0; }
  .uw-surface { padding: 21px; }.uw-section-head { gap: 10px; }.uw-section-head h2 { font-size: 18px; }.uw-section-head p { font-size: 12px; }.uw-count { font-size: 10px; }
  .uw-render-options { grid-template-columns: 1fr; gap: 14px; }.uw-render-option { padding: 22px; }.uw-render-option p { min-height: 0; }.uw-option-icon { margin-bottom: 16px; }.uw-render-review { padding: 22px; }.uw-render-review p span { margin: 0 3px; }.uw-render-intro h2 { font-size: 23px; }
  .uw-progress-card { padding: 21px; }.uw-progress-card .uw-section-head { flex-wrap: wrap; }.uw-gallery { gap: 18px; }.uw-history-row { gap: 9px; }.uw-history-row .uw-button { font-size: 10px; padding: 7px 9px; }.uw-history-row > svg { display: none; }
  .uw-dialog { padding: 24px; }.uw-dialog h2 { font-size: 21px; }.uw-archive-option { gap: 8px; }.uw-results-actions { width: 100%; }.uw-results-toolbar { gap: 10px; }.uw-result-filters button { padding: 8px; font-size: 11px; }.uw-empty { padding: 42px 20px; }
}
@media (prefers-reduced-motion: reduce) { .uw-app *, .uw-dialog * { animation: none !important; transition: none !important; } }
@media (prefers-color-scheme: dark) { .uw-project-cover { background-color: #20352e; color: #648a7c; }.uw-cover-caption { background: #20352edc; color: #96b6a8; } }

/* A running project is a status surface: navigation is intentionally inert. */
.uw-project-tabs .uw-tab-locked { display:flex; align-items:center; gap:10px; padding:12px 15px; font-size:13px; color:var(--muted); border-radius:7px; cursor:not-allowed; opacity:.65; }
.uw-tab-locked > span { border:1px solid var(--line); width:23px; height:23px; display:grid; place-items:center; border-radius:50%; font-size:10px; flex-shrink:0; }
.uw-project-tabs .uw-tab-locked.active { background:var(--accent-soft); color:var(--accent); opacity:1; }
.uw-running-label { margin-top:26px; color:#a0bbb2; font-size:11px; }
.uw-job-link { margin-top:9px; }
.uw-job-link > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
.uw-stage-dots { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin:28px 0; }
.uw-stage-dots span { height:5px; border-radius:3px; background:var(--line); }
.uw-stage-dots .done { background:var(--accent); }
.uw-stage-dots .current { background:var(--accent); opacity:.55; }
.uw-render-estimate { display:flex; flex-direction:column; gap:7px; padding:22px 0; }
.uw-render-estimate > span { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.uw-render-estimate svg { width:16px; height:16px; }
.uw-render-estimate strong { font-size:32px; font-weight:400; }
.uw-render-estimate small { font-size:11px; color:var(--muted); }
.uw-progress-meta { gap:18px; flex-wrap:wrap; line-height:1.6; }
@media (max-width:900px) { .uw-project-tabs .uw-tab-locked { padding:10px 7px; font-size:11px; gap:6px; } }
@media (max-width:600px) { .uw-project-tabs .uw-tab-locked { font-size:10px; gap:5px; }.uw-tab-locked > span { width:19px; height:19px; font-size:9px; } }

/* Render choices are customer-facing; technical profile settings stay in the admin console. */
.uw-render-controls {margin: 24px 0; padding: 24px; border: 1px solid var(--line, #deded8); border-radius: 14px;}
.uw-render-controls > label {display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-weight: 600;}
.uw-render-controls p, .uw-render-controls small {color: #676d65; font-size: 13px; line-height: 1.6;}
.uw-render-controls > .uw-reuse {font-size: 14px; flex-wrap: nowrap; align-items: flex-start;}
.uw-reuse input {flex: 0 0 auto; margin-top: 4px;}