:root{scroll-padding-top:110px}.workspace-menu{display:none}.screen-shot{width:100%;border-radius:16px;object-fit:contain;background:#edf3ee}.palette-picks{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.palette-picks button{background:white;border:1px solid #cedbcc;border-radius:9px;padding:8px 12px;color:#193f2e;cursor:pointer}.palette-picks button.active{outline:2px solid #54a847}.palette-picks i{display:inline-block;width:14px;height:14px;border-radius:50%;margin:0 2px}.palette-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.palette-fields label{font-size:12px;display:flex;flex-direction:column;gap:5px}.palette-fields input{padding:4px;min-width:0;width:100%;height:38px}.palette-sample{border:1px solid #dce5da;border-radius:12px;padding:20px;margin-top:15px}.full-preview{max-height:70vh;overflow:auto;border-radius:12px;border:1px solid #cbd9cb;background:white}.full-preview img,.full-preview canvas{width:100%;height:auto;display:block}.full-preview.zoom img,.full-preview.zoom canvas{min-width:1200px}.palette-summary{padding:10px;border-inline-start:3px solid #6ba54f;font-size:12px;background:#f0f5ed;margin:10px 0}.private-banner{margin:0 0 20px}.workspace-layout{padding-bottom:80px}.dock .docklabel small{color:#bfd4c2}.readonly-note{font-size:12px;color:#6b766d}.templatecard .actions{flex-wrap:wrap}.topbar{gap:10px}.topbar .actions{flex-wrap:wrap}.admin-ready{border-left:4px solid #70a638}.approval-frame{width:100%;display:block}.metric-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}img{max-width:100%}.rich-source{min-height:200px}.workspace-name{overflow-wrap:anywhere}
@media(max-width:1000px){.workspace-menu{display:inline-flex}.sidebar{display:none}.workspace-layout{display:block}.workspace-layout.nav-open .sidebar{display:flex;position:fixed;inset:0 auto 70px 0;width:min(300px,85vw);z-index:80;overflow-y:auto;box-shadow:0 0 0 100vw #00150bb0}.maincol{margin:0!important}.topbar{position:sticky;top:0;z-index:30}.workspace-content{padding:22px 15px}.palette-fields{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.dock .docklabel{display:none}.dock{gap:0;padding:6px}.dock a,.dock button{min-width:0;padding:8px}.topbar>span{font-size:12px}.full-preview.zoom img,.full-preview.zoom canvas{min-width:900px}.modal{padding:22px 15px}.metric-list{grid-template-columns:1fr}}
@media print{.dock,.header,.footer,.no-print{display:none!important}}

.full-preview [hidden]{display:none!important}