/* v55 - contextual workspace without altering Fabric canvas behavior */
.pg55-context{padding:14px!important;margin:0 0 12px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--brand) 6%,var(--surface))!important}
.pg55-context-heading{display:flex;flex-direction:column;gap:4px;min-width:0}
.pg55-context-kicker{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--brand)}
.pg55-context-heading strong{color:var(--ink);font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pg55-context-copy{margin:9px 0 12px!important;color:var(--muted);line-height:1.5;font-size:12px}
.pg55-context-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.pg55-context-actions button{min-height:38px;padding:8px 6px;font-size:11px;border-radius:11px;background:var(--surface);white-space:normal;line-height:1.25}
.pg55-context-actions button:first-child{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));color:var(--brand)}
.pg55-tools-note{font-size:11px;color:var(--muted);margin:0 0 12px!important}
.pg55-collapse{display:none;flex:0 0 34px;min-height:34px;padding:4px;font-size:20px;border-radius:10px}
.pg55-panel-open{display:none;position:absolute;top:56px;left:10px;z-index:12;font-size:12px;min-height:34px}
/* Edit panel previously repeated nearly every primary quick tool. Keep the categorized edit sections instead. */
#quick-sidebar:has(#panel-title) #panel .quick-grid{gap:8px}
#sidebar .properties-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
#sidebar .properties-tabs button{min-width:0;padding:7px 3px;font-size:10px}
@media(min-width:901px){
 .pg55-collapse{display:inline-flex}
 body.pg55-panel-collapsed>main{grid-template-columns:86px minmax(0,1fr) 330px!important}
 body.pg55-panel-collapsed #quick-sidebar{display:none!important}
 body.pg55-panel-collapsed #top-tools{grid-column:2!important}
 body.pg55-panel-collapsed #workspace{grid-column:2!important}
 body.pg55-panel-collapsed #sidebar{grid-column:3!important}
 body.pg55-panel-collapsed .pg55-panel-open{display:inline-flex}
}
@media(max-width:900px){
 .pg55-context{padding:10px!important}
 .pg55-context-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pg55-mobile-settings{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}
 /* v51 docking has six fixed slots: allow seventh item without stretching */
 #mobile-create-dock,body.panel-open #mobile-create-dock,body.properties-open #mobile-create-dock{grid-template-columns:repeat(7,minmax(0,1fr))!important}
 #mobile-create-dock button{min-width:0!important}
 #mobile-create-dock .pg55-mobile-settings span:first-child{font-size:17px;line-height:1}
}