.workspace-mode-switch{display:flex;gap:3px;align-items:center;border:1px solid #b5ccc0;border-radius:10px;padding:3px;background:#eef3ed}
.workspace-mode-switch button{border:0;background:transparent;padding:9px 13px;font-size:13px}
.workspace-mode-switch button[aria-pressed=true]{background:#346f70;color:#fff}
body>header:has(.workspace-mode-switch){height:auto;min-height:88px;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
#projectoverview{padding:26px;border:1px solid #c5d5c9;border-radius:16px;background:#fff;margin-bottom:24px}
.project-overview-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.project-overview-heading h2{font-size:24px;margin:0 0 10px}.project-overview-heading p:not(.eyebrow){color:#607578;font-size:14px;line-height:1.6;margin:0}.workspace-mode-label{font-size:12px;background:#e8f0e9;color:#346f70;padding:8px 12px;border-radius:20px;white-space:nowrap}
.project-overview-body{display:flex;gap:28px;align-items:center;margin-top:22px}#projectthumbnail{width:200px;height:150px;object-fit:contain;border:1px solid #d5ddd7;border-radius:12px;background:#f3f5ef;flex-shrink:0}
#projectmetrics{display:grid;grid-template-columns:auto auto;gap:8px 24px;margin:0}#projectmetrics dt{font-size:13px;color:#607578}#projectmetrics dd{font-size:14px;font-weight:700;margin:0}
.project-overview-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.project-overview-actions .primary{margin:0;width:auto}#projectdownloads:empty{display:none}
#advancedworkspacebanner{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px 22px;border:1px solid #b7cfc2;border-radius:12px;background:#e9f0e8;margin-bottom:22px}#advancedworkspacebanner h2{font-size:20px;margin-bottom:8px}#advancedworkspacebanner p{font-size:13px;line-height:1.5;margin:0;color:#607578}#advancedworkspacestatus:empty{display:none}
body.workspace-guided:not(.guided-editor-open) main>.cookie-workspace,body.workspace-guided:not(.guided-editor-open) main>.roller-workspace{display:none}
body.workspace-guided:has(dialog:modal) main>.cookie-workspace,body.workspace-guided:has(dialog:modal) main>.roller-workspace{display:none}
body.workspace-advanced:not(.freehand-mode) #imagesource{display:block}
body.workspace-advanced .controls>.step>span{display:none}
body.workspace-advanced #selectionsummary>div:first-child{display:none}
@media(max-width:720px){body>header:has(.workspace-mode-switch){padding:12px 20px;gap:12px}.workspace-mode-switch{width:100%;justify-content:center}.workspace-mode-switch button{flex:1}#projectoverview{padding:18px}.project-overview-heading{flex-direction:column;gap:10px}.project-overview-heading h2{font-size:22px}.project-overview-body{flex-direction:column;align-items:flex-start;gap:16px}#projectthumbnail{width:100%;height:160px}#advancedworkspacebanner{flex-direction:column;align-items:stretch;padding:16px}.project-overview-actions>button{width:100%!important}.open-advanced-workspace{font-size:12px!important;padding:9px 10px!important}}

#selectiondialog .selection-exit-tools,#stampbasedialog .selection-exit-tools{flex-wrap:wrap}.open-project-overview{font-size:13px}.workspace-advanced .controls .step>span{display:none}@media(max-width:720px){.open-project-overview{font-size:12px!important;padding:9px 10px!important}}